@font-face{font-family:SalatiCairo;src:url("fonts/Cairo-Variable.ttf") format("truetype");font-weight:200 1000;font-display:swap}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:SalatiCairo,Tahoma,Arial,sans-serif;font-size:17px;font-weight:700;font-synthesis:none;line-height:1.7}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:9px 18px;border-radius:10px}button:hover{border-color:var(--gold)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}header{max-width:1100px;margin:auto;padding:28px 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;font-size:36px;text-decoration:none;color:var(--ink)}.brand span{font-size:27px;font-weight:bold;line-height:1.3}.brand small{display:block;font-size:10px;letter-spacing:4px;font-weight:normal}main{max-width:1040px;margin:auto;padding:30px 24px}.intro{margin:20px 0 35px}.eyebrow{font-size:12px;color:var(--muted);letter-spacing:1px}h1{font-size:44px;margin:7px 0;font-weight:800}p{color:var(--muted)}.intro p{margin-top:0}nav{display:flex;border-bottom:1px solid var(--line);gap:12px;margin-bottom:28px;overflow:auto}nav button{white-space:nowrap;background:transparent;border:0;border-radius:0;padding:15px 24px;color:var(--muted)}nav .active{color:var(--ink);border-bottom:3px solid var(--ink);font-weight:bold}.location{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.location strong{font-size:19px}.location p{font-size:12px;margin:0}.hero{background:var(--card);color:#fff;border-radius:24px;padding:36px 45px;display:flex;justify-content:space-between;min-height:270px;overflow:hidden;position:relative}.hero>div:first-child{z-index:1}.hero span,.hero small{color:var(--ink);font-size:12px}.hero h2{font-weight:800;font-size:34px;margin:3px 0}.hero p{color:var(--ink);margin:0}#countdown{font-size:38px;letter-spacing:3px;font-variant-numeric:tabular-nums;margin-top:14px}.arch{border:1px solid var(--line);border-radius:160px 160px 0 0;width:220px;margin-bottom:-60px;display:flex;align-items:center;flex-direction:column;background:repeating-radial-gradient(circle at 50% 100%,transparent 0 29px,#ffffff06 30px 31px)}.arch span{font-size:70px;color:var(--ink);margin-top:5px}.mosque{font-size:95px;color:var(--ink)}.prayers{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:20px 0}.prayer{padding:20px 12px;background:var(--card);border:1px solid var(--line);border-radius:14px;text-align:center}.prayer.active{border:3px solid var(--prayer-highlight);background:var(--card)}.prayer span{display:block;color:var(--muted);font-size:13px}.prayer strong{display:block;font-size:19px;margin-top:8px;font-weight:800;direction:ltr}.note{font-size:12px;color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:32px;margin:24px 0}.verse{text-align:center;margin-top:32px;padding:35px}.verse span{font-size:22px}.verse p{font-size:12px;margin-bottom:0}.centered{text-align:center;max-width:680px;margin:auto}.compass{margin:30px auto;width:240px;height:240px;border:1px solid var(--gold);border-radius:50%;position:relative;box-shadow:inset 0 0 0 12px var(--bg);display:grid;place-items:center}.north{position:absolute;top:7px;color:var(--gold)}#needle{font-size:110px;color:var(--gold);line-height:1;transform-origin:center}.kaaba{position:absolute;font-size:26px}.counter{border-radius:50%;width:140px;height:140px;font-size:40px;background:var(--control-fill);color:#fff;margin:16px}.fields{display:flex;gap:15px}.fields>*{flex:1;min-width:0}form{max-width:650px}label{display:block;margin:18px 0}label span{display:block;font-size:13px;margin-bottom:6px}input,select{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink)}input{direction:ltr}.primary{background:var(--control-fill);color:#fff;padding:12px 32px}footer{margin-top:45px;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}footer button{border:0;background:transparent;font-size:12px;padding:8px}footer small{color:var(--muted);font-size:11px}dialog{max-width:600px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:30px}dialog::backdrop{background:#0008}#status{font-size:13px;color:var(--ink)}[hidden]{display:none!important}@media (max-width:650px){main{padding:20px 18px}header{padding:20px}h1{font-size:32px}.intro{margin-top:4px}nav{gap:0}nav button{padding:12px;font-size:13px}.hero{padding:26px;min-height:250px}.arch{width:120px;opacity:.65;margin-inline-end:-25px}.prayers{grid-template-columns:repeat(3,1fr);gap:9px}.prayer{padding:14px 5px}.prayer strong{font-size:17px}.location button{font-size:12px;padding:8px}.verse span{font-size:18px}.card{padding:22px}.fields{gap:10px}footer{justify-content:center}.location strong{font-size:16px}}

.audio-card p{font-size:14px}.check,.prayer-switches label{display:flex;align-items:center;gap:10px}.check input,.prayer-switches input{width:auto}.check span,.prayer-switches span{margin:0}.prayer-switches{display:flex;flex-wrap:wrap;gap:15px;border:1px solid var(--line);border-radius:12px;padding:12px 18px}.prayer-switches label{margin:5px 0}.prayer-switches legend{font-size:13px;padding:0 8px}.audio-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.audio-buttons button{font-size:13px}button:disabled{opacity:.5;cursor:wait}.dua-text{direction:rtl;text-align:right;font-size:20px;color:var(--ink);border-inline-start:3px solid var(--gold);padding-inline-start:18px;margin:25px 0;line-height:2}.sound-banner{display:flex;gap:15px;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:18px;font-size:13px}.sound-banner button{white-space:nowrap}#audioStatus{font-weight:bold}input[type=range]{padding:0;accent-color:var(--ink)}.audio-card a{color:var(--ink);font-size:12px}

#citySearch{direction:inherit}#cityCount{margin:8px 0}#city:disabled{opacity:.6}

.time-context{font-size:12px;direction:inherit;background:var(--card);border:1px solid var(--line);padding:10px 15px;border-radius:10px;overflow-wrap:anywhere}.setup-reminder{padding:12px 16px;border:1px solid var(--gold);border-radius:12px;margin-bottom:16px}.compass{width:286px;height:286px;margin:28px auto 18px;background:repeating-conic-gradient(from 0deg,transparent 0deg 14deg,var(--instrument-surface) 14deg 15deg);box-shadow:inset 0 0 0 14px var(--bg),0 8px 30px #00000007;isolation:isolate}.compass::after{content:"";position:absolute;inset:22px;border:1px dashed var(--line);border-radius:50%;z-index:-1}.compass .north{top:10px;font-size:12px;direction:ltr;background:var(--card);padding:0 7px;z-index:3}.cardinal{position:absolute;font-size:12px;color:var(--muted);line-height:1}.east{right:15px;top:48%}.west{left:15px;top:48%}.south{bottom:15px}.phone-target{position:absolute;top:-24px;color:var(--ink);font-size:20px}.compass #needle{position:absolute;inset:0;font-size:inherit;line-height:normal;transition:transform .18s linear;will-change:transform;transform-origin:center}.qibla-ray{position:absolute;width:3px;height:79px;left:calc(50% - 1.5px);bottom:50%;background:linear-gradient(var(--gold),transparent)}.kaaba-icon{position:absolute;top:27px;left:calc(50% - 30px);width:60px;height:60px;filter:drop-shadow(0 4px 4px #0003)}.dial-center{width:12px;height:12px;background:var(--gold);border:3px solid var(--card);border-radius:50%;position:absolute;left:calc(50% - 6px);top:calc(50% - 6px)}.aligned{border-color:var(--line);box-shadow:inset 0 0 0 14px var(--bg),0 0 0 6px #32383F22}.aligned .phone-target{color:var(--ink)}.compass-mode{display:block;font-size:12px;color:var(--muted)}.compass-actions{justify-content:center}#compassStatus{min-height:3em;font-size:14px}#headingValue{font-size:12px}.minute-adjustments{border:1px solid var(--line);border-radius:12px;padding:14px;margin:22px 0}.minute-adjustments summary{cursor:pointer;font-size:14px}.adjust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.adjust-grid label{margin:0}.compass .kaaba{display:none}@media (prefers-reduced-motion:reduce){.compass #needle{transition:none}}@media (max-width:400px){.compass{width:250px;height:250px}.kaaba-icon{top:20px}.adjust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.cardinal-ring{position:absolute;inset:0;transition:transform .18s linear;pointer-events:none}.compass .north{left:calc(50% - 12px);width:24px;line-height:1.3;text-align:center}@media (prefers-reduced-motion:reduce){.cardinal-ring{transition:none}}

#audioEnable{min-width:180px}#audioEnable:not(.is-on){background:var(--card);color:var(--ink)}#audioEnable.is-on{background:var(--control-fill);color:#fff}.audio-warning{color:var(--ink)}.sound-banner{flex-wrap:wrap}

button,input,select,textarea,output{font-family:inherit}h1,h2,h3,.brand span{font-weight:800}button,select,label span,legend,summary{font-weight:700}label span,.prayer-switches legend{font-size:15px}.prayer span{font-size:15px;font-weight:700}.prayer strong{font-size:22px;font-weight:800}.hero h2{font-weight:800}#countdown{font-weight:800}.note,.location p,.time-context{font-size:14px;font-weight:700;line-height:1.9}.audio-card p{font-size:16px}.audio-buttons button{font-size:15px}.eyebrow{font-size:14px;letter-spacing:0}.verse p{font-size:14px}.dua-text{font-weight:700}.audio-card a,footer button{font-size:14px}footer small{font-size:12px}#compassStatus{font-size:16px}.compass-mode,#headingValue{font-size:14px}.location strong{font-weight:700}@media (max-width:650px){nav button{font-size:14px;padding:12px 10px}.location button{font-size:14px}.location strong{font-size:18px}.prayer strong{font-size:21px}h1{font-size:32px}.intro p{font-size:17px}}@media (max-width:360px){nav button{padding:12px 7px;font-size:13px}.location{gap:10px}.location button{padding:8px;font-size:13px}}
@media (max-width:400px){.compass{width:min(250px,100%);height:auto;aspect-ratio:1}}
.compass{overflow:hidden}.phone-target{top:30px;font-size:13px;z-index:4}

.prayer-period{display:block;font-size:13px;font-weight:700;line-height:1.6;direction:inherit;margin-top:3px}.prayer strong{direction:inherit}

.audio-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.audio-toggle-row strong{display:block;font-size:17px;font-weight:700}#audioPreference{display:block;font-size:14px;color:var(--muted);margin-top:3px}#audioEnable.audio-toggle{position:relative;flex:0 0 66px;min-width:66px;width:66px;height:38px;padding:0;border:0;border-radius:999px;background:var(--switch-off);direction:ltr;transition:background .2s;touch-action:manipulation}#audioEnable.audio-toggle.is-on{background:var(--control-fill)}.toggle-thumb{position:absolute;top:4px;left:32px;width:30px;height:30px;border-radius:50%;background:white;box-shadow:0 1px 4px #0002;transition:transform .2s}#audioEnable[aria-checked=true] .toggle-thumb{transform:translateX(-28px)}html[dir=ltr] .toggle-thumb{left:4px}html[dir=ltr] #audioEnable[aria-checked=true] .toggle-thumb{transform:translateX(28px)}#audioEnable.audio-toggle:focus-visible{outline:3px solid var(--ink);outline-offset:4px}@media (prefers-reduced-motion:reduce){.toggle-thumb,#audioEnable.audio-toggle{transition:none}}

body.dark .hero{background:var(--card)}body.dark .hero span,body.dark .hero small,body.dark .hero p{color:var(--ink)}body.dark .arch{border-color:var(--line)}body.dark .mosque{color:var(--ink)}body.dark .primary,body.dark .counter{background:var(--control-fill);color:#fff}body.dark .audio-warning{color:var(--ink)}input:disabled,select:disabled{opacity:.8;cursor:default}

.time-source{margin:0 0 15px}.time-source a{color:var(--muted);text-underline-offset:3px;font-size:13px}

@font-face{font-family:AmiriQuran;src:url("fonts/AmiriQuran-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
.mushaf-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 24px}.mushaf-heading h2{font-size:34px;margin:0}.mushaf-heading p{margin:0;font-size:14px}.mushaf-emblem{font-size:70px;color:var(--gold)}.mushaf-toolbar{padding:22px}.mushaf-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px}.mushaf-tools form{display:flex;align-items:center;gap:10px}.mushaf-tools input{width:86px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}.font-tools{display:flex;gap:8px;direction:ltr}.mushaf-sheet{background:var(--reading-surface);color:var(--ink);border:1px solid var(--line);outline:1px solid var(--line);outline-offset:-9px;padding:30px 36px;border-radius:18px;min-height:410px;scroll-margin-top:20px}.mushaf-page-head{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:16px;color:var(--ink);font-size:15px}.mushaf-verses{font-family:AmiriQuran,serif;font-weight:400;line-height:2.15;text-align:right;overflow-wrap:break-word;padding:20px 0}.mushaf-verses .quran-text{color:inherit;font-size:inherit;line-height:inherit;margin:0;font-weight:400}.quran-surah-title{font-family:SalatiCairo,sans-serif;font-size:23px;text-align:center;margin:18px 0 24px;padding:8px;border-block:1px solid var(--line);color:var(--ink)}.ayah-number{font-size:.62em;color:var(--ink);white-space:nowrap}.mushaf-page-number{text-align:center;color:var(--ink);font-size:18px;border-top:1px solid var(--line);padding-top:16px}.mushaf-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0}.mushaf-pagination span{direction:ltr;white-space:nowrap;font-size:14px;color:var(--muted)}.quran-player h3{margin-top:0}.quran-player audio{display:block;width:100%;margin:12px 0;color-scheme:light}.quran-play-options{display:flex;gap:22px;flex-wrap:wrap}.quran-play-options label{display:flex;align-items:center;gap:8px;margin:0;font-size:14px}.quran-play-options input{width:20px;height:20px;accent-color:var(--control-fill)}.quran-track{font-weight:800;color:var(--ink)}.mushaf-credit{font-size:11px;text-align:center}.mushaf-credit a{color:var(--muted)}button:disabled{cursor:default;opacity:.45}.dark .mushaf-sheet{background:var(--reading-surface);color:var(--ink);border-color:var(--line);outline-color:var(--line)}.dark .mushaf-page-head,.dark .mushaf-page-number,.dark .quran-surah-title{color:var(--ink);border-color:var(--line)}.dark .ayah-number{color:var(--ink)}.dark .quran-player audio{color-scheme:dark}
@media (max-width:600px){.mushaf-heading h2{font-size:29px}.mushaf-toolbar{padding:16px}.mushaf-sheet{padding:22px 20px}.mushaf-verses{line-height:2.15}.mushaf-pagination{gap:8px}.mushaf-pagination button{font-size:13px;padding:10px}.mushaf-tools button{font-size:13px}.mushaf-page-head{font-size:13px}.quran-surah-title{font-size:21px}.mushaf-tools form{gap:6px}.mushaf-tools input{width:65px}.mushaf-heading p{font-size:12px}}

/* Neutral reading surfaces with clear text contrast in both themes. */


.mushaf-book{width:76px;height:76px;flex:0 0 76px;display:block}

.mushaf-book{width:100px;height:84px;flex-basis:100px}

/* Landscape next-prayer card with a mosque photograph. */
.hero{display:grid;grid-template-columns:minmax(0,1fr) 34%;min-height:210px;padding:0;border-radius:20px;gap:0}.hero-info{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;min-width:0}.hero-prayer-time{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.hero h2{font-size:34px;margin:4px 0}.hero p{font-size:19px;white-space:nowrap}.hero span,.hero small{font-size:13px}.hero #countdown{font-size:32px;letter-spacing:1px;margin:0;line-height:1.6;white-space:nowrap}.hero-timer{text-align:center}.hero-picture{position:relative;min-width:0;min-height:210px}.hero-picture img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.hero-picture::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#00000012)}
@media (max-width:760px){.hero{grid-template-columns:minmax(0,1fr) 35%;min-height:180px}.hero-info{flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:18px 20px}.hero-prayer-time{gap:12px}.hero h2{font-size:29px;margin:0}.hero p{font-size:17px}.hero #countdown{font-size:27px;letter-spacing:.6px}.hero-timer{text-align:start}.hero-picture{min-height:180px}.hero span,.hero small{font-size:12px}}
@media (max-width:380px){.hero-info{padding:16px 14px}.hero h2{font-size:25px}.hero #countdown{font-size:23px}.hero p{font-size:15px}.hero-prayer-time{gap:8px}.hero span,.hero small{font-size:11px}}

/* Qibla: a quiet instrument dial with clear readings and sensor state. */
.qibla-card{max-width:680px;padding:30px 28px;border-radius:26px;overflow:hidden}.qibla-card>h2{font-size:28px;margin:4px 0 14px}.qibla-card>.eyebrow{font-size:12px;letter-spacing:0}.qibla-card .compass-mode{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:5px 13px;font-size:11px;background:var(--bg)}.qibla-card .compass-mode::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--instrument-accent);flex-shrink:0}#qibla[data-compass-status=live] .compass-mode::before{background:var(--instrument-accent);box-shadow:0 0 0 4px #32383F18}
.qibla-card .compass{width:292px;max-width:100%;height:auto;aspect-ratio:1;margin:28px auto 20px;border:1px solid var(--line);background:radial-gradient(circle at 50% 45%,#fff 0%,var(--instrument-surface) 74%);box-shadow:0 12px 32px #32383F0a,inset 0 0 0 9px #fff;overflow:visible}.qibla-card .compass::before{content:"";position:absolute;inset:11px;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--instrument-accent) 0deg 1deg,transparent 1deg 10deg);mask:radial-gradient(circle,transparent 64%,#000 65% 69%,transparent 70%);-webkit-mask:radial-gradient(circle,transparent 64%,#000 65% 69%,transparent 70%);pointer-events:none}.qibla-card .compass::after{inset:48px;border:1px solid var(--line);background:none;z-index:-1}.qibla-card .cardinal-ring{inset:26px}.qibla-card .compass .north{top:0;left:calc(50% - 12px);background:transparent;color:var(--ink);font-size:12px;font-weight:800;padding:0}.qibla-card .cardinal{font-size:11px;color:var(--ink);font-weight:700}.qibla-card .east{right:0;top:48%}.qibla-card .west{left:0;top:48%}.qibla-card .south{bottom:0;left:calc(50% - 4px)}.qibla-card .phone-target{top:-9px;left:calc(50% - 8px);color:var(--ink);font-size:16px;line-height:1;background:var(--card);padding:0 2px;z-index:4}.qibla-card .kaaba-icon{width:68px;height:68px;left:calc(50% - 34px);top:51px;filter:drop-shadow(0 5px 5px #0002)}.qibla-card .qibla-ray{height:78px;width:4px;left:calc(50% - 2px);background:linear-gradient(var(--instrument-accent),var(--instrument-accent));border-radius:4px}.qibla-card .dial-center{width:18px;height:18px;left:calc(50% - 9px);top:calc(50% - 9px);border:5px solid var(--card);box-shadow:0 0 0 1px #32383F77;background:var(--instrument-accent)}
.qibla-reading{padding:0 0 15px}.qibla-reading #bearing{font-size:44px;line-height:1.3;margin:0;direction:ltr;font-variant-numeric:tabular-nums;letter-spacing:-1px}.qibla-reading p{font-size:12px;margin:5px 0}.qibla-reading #headingValue{display:inline-block;font-size:12px;padding:4px 12px;background:var(--bg);border-radius:8px;margin-top:8px}.qibla-card #compassStatus{min-height:0;border:1px solid var(--line);background:var(--bg);border-radius:14px;padding:14px;font-size:13px;line-height:1.9;margin:0}.qibla-card .compass-actions{margin:18px 0 0;display:grid;grid-template-columns:1fr;gap:8px}.qibla-card .compass-actions button{width:100%;padding:12px 16px;font-size:14px;border-radius:12px}.qibla-card #compassDisable{border:0;background:transparent;color:var(--muted);font-size:12px;padding:7px}.qibla-help{border-top:1px solid var(--line);margin-top:16px;padding-top:14px;text-align:start}.qibla-help summary{font-size:12px;color:var(--muted);cursor:pointer}.qibla-help .note{font-size:12px;line-height:1.9}.qibla-aligned .compass{border-color:var(--line);box-shadow:0 0 0 5px #32383F18}.qibla-aligned #compassStatus{border-color:var(--line);color:var(--ink)}.qibla-aligned .phone-target{color:var(--ink)}
.dark .qibla-card .compass{background:radial-gradient(circle at 50% 45%,var(--instrument-surface) 0%,var(--instrument-surface) 74%);box-shadow:0 14px 34px #0004,inset 0 0 0 9px #32383F;border-color:var(--line)}.dark .qibla-card .cardinal{color:#32383F}.dark .qibla-card .compass .north,.dark .qibla-card .phone-target{color:var(--ink)}.dark .qibla-aligned #compassStatus{color:var(--ink)}.dark .qibla-aligned .compass{border-color:var(--line);box-shadow:0 0 0 5px #32383F18}
@media (max-width:420px){.qibla-card{padding:24px 16px;border-radius:22px}.qibla-card .compass{width:260px}.qibla-card .kaaba-icon{top:42px;width:62px;height:62px;left:calc(50% - 31px)}.qibla-card .qibla-ray{height:68px}.qibla-card>h2{font-size:25px}.qibla-reading #bearing{font-size:40px}}

.prayer-switches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:14px 10px}.prayer-switches label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:0;padding:8px 0;min-width:0}.prayer-switches label span{font-size:14px;white-space:nowrap;margin:0}.prayer-switches input{width:20px;height:20px;flex-shrink:0;margin:0;accent-color:var(--control-fill)}.prayer-switches legend{font-size:14px;max-width:100%}@media (max-width:380px){.prayer-switches{gap:2px;padding:12px 6px}.prayer-switches label span{font-size:12px}.prayer-switches legend{font-size:12px}}

.minute-adjustments{min-width:0}.minute-adjustments legend{padding:0 7px;font-size:15px}.adjust-stepper{display:flex;align-items:center;direction:ltr;gap:4px}.adjust-stepper button{padding:0;width:34px;height:42px;flex:0 0 34px;font-size:23px;line-height:1}.adjust-stepper input{width:100%;min-width:0;padding:7px 2px;text-align:center;height:42px;-moz-appearance:textfield}.adjust-stepper input::-webkit-inner-spin-button,.adjust-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.adjust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

.prayer-adjust-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.prayer-adjust-row>div:first-child>span{display:block;font-size:14px;color:var(--muted)}.prayer-adjust-row strong{display:block;font-size:21px;font-weight:700}.prayer-adjust-row .adjust-stepper{width:158px;flex:0 0 158px;gap:10px}.prayer-adjust-row .adjust-stepper button{display:grid;place-items:center;padding:0;border-radius:50%;height:44px;width:44px;min-height:44px;min-width:44px;flex:0 0 44px;font-family:Arial,sans-serif;line-height:1}.prayer-adjust-row .adjust-stepper input{background:transparent;border:0;padding:0;width:50px;font-size:17px}.prayer-adjust-row.is-adjusted strong,.prayer-adjust-row.is-adjusted input{color:var(--ink)}.adjust-actions{display:flex;gap:10px;margin-top:22px}.adjust-actions button{flex:1;padding:12px}.adjust-reset{border:0;background:transparent;color:var(--ink);font-size:13px;padding:4px 0}.minute-adjustments{padding:18px}.minute-adjustments legend{font-size:19px}.minute-adjustments>.note{font-size:12px}

.apk-download{display:inline-block;text-decoration:none;border-radius:12px;font-weight:700}

.quran-text .is-reciting{background:var(--reciting-fill);border-radius:5px;box-shadow:0 0 0 3px #32383F20}



.voice-field{margin:22px 0}.voice-field>span{display:block;margin-bottom:8px;font-size:15px;font-weight:700}#voicePickerOpen{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;border-radius:16px;padding:13px 18px;background:var(--bg);font-weight:700;text-align:start}#voicePickerOpen svg{width:20px;height:20px;color:var(--muted)}dialog.voice-sheet{position:fixed;inset:0;margin:auto;width:min(460px,calc(100% - 32px));max-height:85dvh;overflow-y:auto;padding:12px 20px 24px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:26px;box-shadow:0 24px 80px #0004}dialog.voice-sheet::backdrop{background:#0009;backdrop-filter:blur(5px)}.sheet-handle{width:42px;height:4px;border-radius:99px;background:var(--line);margin:0 auto 16px}.voice-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.voice-sheet-header h2{font-size:20px;margin:0}.voice-sheet-header button{display:grid;place-items:center;flex:none;width:44px;height:44px;min-width:44px;min-height:44px;border:0;background:var(--bg);border-radius:50%;padding:7px}.voice-sheet-header svg{width:20px;height:20px}#voicePickerList{display:grid;gap:10px}.voice-option{display:flex;align-items:center;gap:14px;text-align:start;width:100%;padding:15px;border-radius:18px;background:var(--bg);border:1px solid transparent;min-height:78px}.voice-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--card);color:var(--gold);flex-shrink:0}.voice-symbol svg{width:24px;height:24px}.voice-copy{flex:1;min-width:0}.voice-name{display:block;font-size:17px;line-height:1.5}.voice-choice-note{display:block;color:var(--muted);font-size:12px;margin-top:3px}.voice-check{width:24px;height:24px;border:1.5px solid var(--line);border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:transparent}.voice-check svg{width:18px;height:18px}.voice-option[aria-pressed=true]{border-color:var(--gold);background:var(--selected)}.voice-option[aria-pressed=true] .voice-check{background:var(--gold);border-color:var(--gold);color:var(--card)}.voice-option:focus-visible{outline-offset:1px}body.dark dialog.voice-sheet{background:var(--surface-solid)}body.dark .voice-option{background:var(--input-fill)}body.dark .voice-option[aria-pressed=true]{background:var(--selected)}@media (max-width:600px){dialog.voice-sheet{inset:auto 0 0;margin:0;width:100%;max-width:none;border-radius:28px 28px 0 0;padding-bottom:max(26px,env(safe-area-inset-bottom));border-bottom:0}}@media (prefers-reduced-motion:no-preference){dialog.voice-sheet[open]{animation:voice-sheet-in .2s ease-out}@keyframes voice-sheet-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}}

.prayers{gap:8px;margin:16px 0}.prayer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:78px;padding:10px 8px;border-radius:14px}.prayer span{line-height:1.5}.prayer strong{margin-top:0;line-height:1.4}.prayer strong bdi{display:block}@media (max-width:650px){.prayers{gap:8px}.prayer{min-height:74px;padding:9px 6px}.prayer strong{font-size:22px}}

.dua-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);margin:10px 0 0}.dua-toggle-row strong{font-size:16px;line-height:1.8;font-weight:700;max-width:36em}:is(#duaToggle,#silentAdhanToggle).dua-toggle{position:relative;flex:0 0 66px;min-width:66px;width:66px;height:38px;padding:0;border:0;border-radius:999px;background:var(--switch-off);direction:ltr;touch-action:manipulation;transition:background .2s}:is(#duaToggle,#silentAdhanToggle)[aria-checked=true]{background:var(--control-fill)}:is(#duaToggle,#silentAdhanToggle)[aria-checked=true] .toggle-thumb{transform:translateX(-28px)}html[dir=ltr] :is(#duaToggle,#silentAdhanToggle)[aria-checked=true] .toggle-thumb{transform:translateX(28px)}:is(#duaToggle,#silentAdhanToggle):focus-visible{outline:3px solid var(--ink);outline-offset:4px}@media (prefers-reduced-motion:reduce){:is(#duaToggle,#silentAdhanToggle){transition:none}}
/* Searchable in-app choices, shared by Quran and location settings. */
.choice-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:12px 16px;text-align:start;border-radius:16px;background:var(--card);box-shadow:0 2px 8px #00000004}.choice-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.choice-trigger svg{width:21px;height:21px;flex:none;color:var(--gold)}.choice-trigger:disabled{opacity:.45;cursor:default}.choice-trigger:hover:not(:disabled){border-color:var(--gold);background:var(--selected)}
.choice-sheet{position:fixed;inset:0;margin:auto;width:min(520px,calc(100% - 28px));max-height:min(780px,88dvh);padding:12px 20px 20px;border:1px solid var(--line);border-radius:28px;background:var(--card);color:var(--ink);box-shadow:0 24px 90px #0005;overflow:hidden}.choice-sheet[open]{display:flex;flex-direction:column;animation:voice-sheet-in .18s ease-out}.choice-sheet::backdrop{background:#0009;backdrop-filter:blur(5px)}.choice-sheet .sheet-handle{flex:none}.choice-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px 14px;flex:none}.choice-heading h2{font-size:23px;line-height:1.4;margin:2px 0}.choice-heading small{font-size:12px;color:var(--muted)}.choice-close{display:grid;place-items:center;flex:none;border:0;border-radius:50%;width:44px;height:44px;min-width:44px;min-height:44px;font-family:Arial,sans-serif;padding:0;font-size:26px;line-height:1;background:var(--bg);color:var(--muted)}.choice-search-wrap{flex:none;margin-bottom:12px}.choice-search-wrap input{width:100%;border-radius:14px;padding:11px 15px;background:var(--bg);border:1px solid var(--line);color:var(--ink);font:inherit;font-size:15px}#choiceList{overflow-y:auto;overscroll-behavior:contain;min-height:0;display:flex;flex-direction:column;gap:7px;padding:2px 2px 4px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.choice-group{position:sticky;top:0;margin:0;padding:9px 5px;background:var(--card);font-size:12px;color:var(--gold);z-index:1}.choice-option{display:flex;align-items:center;gap:12px;flex:none;width:100%;min-height:62px;padding:9px 12px;text-align:start;border-radius:16px;border:1px solid transparent;background:var(--bg);color:var(--ink)}.choice-option[aria-selected="true"]{border-color:var(--gold);background:var(--selected)}.choice-badge{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:12px;background:var(--card);color:var(--gold);font-size:17px;font-weight:700}.choice-option-text{flex:1;font-size:16px;line-height:1.6;overflow-wrap:anywhere}.choice-mark{width:22px;flex:none;color:var(--gold);font-size:20px}.choice-option:disabled{opacity:.45}.dark .choice-sheet{background:var(--surface-solid)}.dark .choice-option{background:var(--input-fill)}.dark .choice-option[aria-selected="true"]{background:var(--selected)}.dark .choice-badge{background:var(--card)}.dark .choice-group{background:var(--surface-solid)}.dark .choice-trigger{background:var(--input-fill)}
@media (max-width:600px){.choice-sheet{inset:auto 0 0;width:100%;max-height:84dvh;margin:0;border-bottom:0;border-radius:26px 26px 0 0;padding:10px 16px max(20px,env(safe-area-inset-bottom))}.choice-heading h2{font-size:21px}.choice-option{min-height:60px}}
@media (prefers-reduced-motion:reduce){.choice-sheet[open]{animation:none}}

.choice-badge svg{display:block;width:21px;height:21px}

#locate{display:inline-flex;align-items:center;justify-content:center;gap:.55em}#locate svg{width:1.15em;height:1.15em;flex:none}

nav .nav-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:.45em}nav .nav-icon-button svg{width:1.2em;height:1.2em;flex:none;overflow:visible}

.volume-control{margin:20px 0;padding:14px 16px;border:1px solid var(--line);border-radius:17px;background:var(--bg)}.volume-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.volume-heading label{margin:0;font-weight:700}.volume-heading output{min-width:58px;padding:3px 11px;text-align:center;border:1px solid var(--line);border-radius:10px;background:var(--card);font-weight:800;font-variant-numeric:tabular-nums}.volume-slider{display:flex;align-items:center;gap:12px;direction:ltr}.volume-slider>svg{width:21px;height:21px;flex:none;color:var(--muted)}#audioVolume{appearance:none;-webkit-appearance:none;flex:1;min-width:0;width:100%;height:44px;padding:0;border:0;background:transparent;cursor:pointer}#audioVolume::-webkit-slider-runnable-track{height:8px;border-radius:20px;background:linear-gradient(90deg,var(--gold) 0,var(--gold) var(--volume-fill,80%),var(--line) var(--volume-fill,80%),var(--line) 100%)}#audioVolume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin-top:-8px;border:3px solid var(--card);border-radius:50%;background:var(--gold);box-shadow:0 0 0 1px var(--gold),0 3px 8px #0003}#audioVolume::-moz-range-track{height:8px;border-radius:20px;background:var(--line)}#audioVolume::-moz-range-progress{height:8px;border-radius:20px;background:var(--gold)}#audioVolume::-moz-range-thumb{width:19px;height:19px;border:3px solid var(--card);border-radius:50%;background:var(--gold);box-shadow:0 0 0 1px var(--gold),0 3px 8px #0003}#audioVolume:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* Rectangular tasbih counter with linear progress. */
.tasbih-panel{max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent}
.tasbih-phrase{font-size:23px;font-weight:700;color:var(--ink);margin:0 0 20px;min-height:36px}
.tasbih-reading{display:flex;flex-direction:column;gap:4px}.tasbih-reading #tasbihCount{font-size:76px;line-height:1.2;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-2px;color:var(--ink)}.tasbih-total{font-size:13px;color:var(--muted)}
.tasbih-progress{height:6px;border-radius:4px;overflow:hidden;background:var(--line);margin:24px 0}.tasbih-progress>span{display:block;height:100%;width:var(--progress,0%);background:var(--gold);transition:width .18s ease}
.tasbih-panel .counter,body.dark .tasbih-panel .counter{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:70px;margin:0;border:0;border-radius:17px;background:var(--ink);color:var(--card);font-size:22px;font-weight:700;box-shadow:0 5px 14px #00000012;transition:transform .12s ease}.tasbih-panel .counter svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.tasbih-panel .counter:active{transform:scale(.98)}.tasbih-panel .counter:disabled{opacity:.45;cursor:default}.tasbih-panel .tasbih-reset{margin-top:16px;border:0;background:transparent;color:var(--muted);font-size:14px;min-height:44px}.tasbih-panel button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media (prefers-reduced-motion:reduce){.tasbih-progress>span,.tasbih-panel .counter{transition:none}}

/* Keep Quran audio selectors aligned when their headings wrap. */
.quran-player .fields{align-items:stretch}.quran-player .fields>label{display:flex;flex-direction:column}.quran-player .fields>label>span{flex:1}.quran-player .fields>label>select{flex-shrink:0}

.quran-player #qPlay{background:var(--control-fill);color:#fff;border-color:var(--line)}.quran-player #qPlay:hover:not(:disabled){background:var(--control-hover);border-color:var(--line)}body.dark .quran-player #qPlay{background:var(--control-fill);color:var(--control-ink);border-color:var(--line)}

.quran-play-options input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:46px;height:26px;padding:0;margin:0;border:1px solid var(--line);border-radius:20px;background:var(--switch-off);cursor:pointer;direction:ltr;transition:background .15s ease}.quran-play-options input[type=checkbox]::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .15s ease}.quran-play-options input[type=checkbox]:checked{background:var(--gold);border-color:var(--gold)}.quran-play-options input[type=checkbox]:checked::after{transform:translateX(20px)}.quran-play-options input[type=checkbox]:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.quran-play-options label{min-height:44px;cursor:pointer}@media (prefers-reduced-motion:reduce){.quran-play-options input[type=checkbox],.quran-play-options input[type=checkbox]::after{transition:none}}

.location #locate{font-size:12px;padding:6px 10px;gap:.35em;border-radius:9px;min-height:36px;white-space:nowrap;flex-shrink:0}.location #locate svg{width:15px;height:15px}

.quran-player #qPlay,body.dark .quran-player #qPlay{background:var(--control-fill);color:var(--control-ink);border-color:var(--line)}.quran-player #qPlay:hover:not(:disabled),body.dark .quran-player #qPlay:hover:not(:disabled){background:var(--control-hover);border-color:var(--line)}

#qAudio{display:none}.recitation-player{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--bg);direction:ltr}.recitation-player button{display:grid;place-items:center;flex:none;padding:0;width:44px;height:44px;border-radius:14px}.recitation-player svg{width:22px;height:22px}.recitation-player #qTransport{background:var(--control-fill);color:var(--control-ink);border-color:var(--line)}.recitation-player #qTransport svg{fill:currentColor}.recitation-player #qMute svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.recitation-player #qMute[aria-pressed=true]{color:var(--gold);background:var(--card);box-shadow:inset 0 0 0 1px var(--gold)}.recitation-timeline{flex:1;min-width:0}.recitation-times{display:flex;justify-content:space-between;font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}#qSeek{appearance:none;-webkit-appearance:none;display:block;direction:ltr;width:100%;height:28px;margin:0;border:0;background:transparent;cursor:pointer}#qSeek::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:linear-gradient(to right,var(--gold) var(--seek,0%),var(--line) var(--seek,0%))}#qSeek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:15px;height:15px;margin-top:-5px;border-radius:50%;background:var(--gold);border:2px solid var(--card)}#qSeek::-moz-range-track{height:5px;background:var(--line)}#qSeek::-moz-range-progress{background:var(--gold);height:5px}#qSeek::-moz-range-thumb{border-radius:50%;background:var(--gold);border:2px solid var(--card);width:12px;height:12px}@media (max-width:400px){.recitation-player{padding:12px;gap:10px}}

.quran-player #qPlay,body.dark .quran-player #qPlay{background:var(--control-fill);color:var(--control-ink);border:1px solid var(--line);opacity:1}.quran-player #qPlay:hover:not(:disabled),body.dark .quran-player #qPlay:hover:not(:disabled){background:var(--control-hover);color:var(--control-ink);border-color:var(--line)}.quran-player #qPlay:disabled{color:var(--control-ink);background:var(--control-fill)}

/* Compact continuous Quran reading without stretched word spaces. */
.mushaf-verses,.mushaf-verses .quran-text{line-height:1.85;word-spacing:normal;letter-spacing:normal;text-align:right}.mushaf-verses [data-ayah]{display:inline}.mushaf-verses .ayah-number{line-height:1;vertical-align:baseline}@media (max-width:600px){.mushaf-sheet{padding-inline:14px}.mushaf-verses{padding-block:12px}}

.quran-player .fields>label>span{white-space:nowrap;font-size:12px}

.prayer-switches input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:46px;height:26px;padding:0;margin:0;border:1px solid var(--line);border-radius:20px;background:var(--switch-off);cursor:pointer;direction:ltr;transition:background .15s ease}.prayer-switches input[type=checkbox]::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .15s ease}.prayer-switches input[type=checkbox]:checked{background:var(--gold);border-color:var(--gold)}.prayer-switches input[type=checkbox]:checked::after{transform:translateX(20px)}.prayer-switches input[type=checkbox]:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.prayer-switches label{min-height:44px;cursor:pointer}@media (prefers-reduced-motion:reduce){.prayer-switches input[type=checkbox],.prayer-switches input[type=checkbox]::after{transition:none}}

.mushaf-verses .quran-basmala,.mushaf-verses [data-ayah].quran-basmala{display:block;text-align:center;font-size:.85em;line-height:1.9;margin:6px 0 14px;white-space:normal}

/* Surah title plaque, separate from Quran text. */
.mushaf-sheet .quran-surah-title{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:14px;min-height:68px;margin:20px 0 24px;padding:14px 20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,var(--reading-surface),var(--reading-surface));color:var(--ink);font-family:SalatiCairo,Tahoma,sans-serif;font-size:23px;font-weight:800;line-height:1.6;box-shadow:inset 0 0 0 4px #32383F,0 3px 10px #32383F08}.mushaf-sheet .quran-surah-title::before,.mushaf-sheet .quran-surah-title::after{content:"";width:7px;height:7px;flex:none;transform:rotate(45deg);border:1px solid var(--line);background:var(--reading-surface)}.dark .mushaf-sheet .quran-surah-title{background:linear-gradient(135deg,var(--reading-surface),var(--reading-surface));color:var(--ink);border-color:var(--line);box-shadow:inset 0 0 0 4px #32383F}.dark .mushaf-sheet .quran-surah-title::before,.dark .mushaf-sheet .quran-surah-title::after{background:var(--reading-surface);border-color:var(--line)}@media (max-width:600px){.mushaf-sheet .quran-surah-title{min-height:60px;padding:12px 14px;font-size:21px;gap:12px;margin:16px 0 20px}}

.mushaf-sheet{color:var(--ink)}.mushaf-sheet .quran-surah-title{color:var(--ink)}.dark .mushaf-sheet{color:var(--ink)}.dark .mushaf-sheet .quran-surah-title{color:var(--ink)}

.dark .mushaf-page-head,.dark .mushaf-page-number{color:var(--ink)}

/* Compact Quran layout while retaining clear vowel marks. */
.mushaf-verses,.mushaf-verses .quran-text{line-height:1.75}.mushaf-verses{padding-block:10px}.mushaf-sheet .quran-surah-title{min-height:48px;font-size:18px;padding:8px 12px;margin:10px 0 12px;border-radius:12px;gap:10px}.mushaf-verses .quran-basmala,.mushaf-verses [data-ayah].quran-basmala{font-size:.92em;line-height:1.75;margin:3px 0 7px}.mushaf-page-head{padding-bottom:10px}.mushaf-page-number{padding-top:10px}@media (max-width:600px){.mushaf-sheet{padding:16px 12px}.mushaf-verses{padding-block:8px}.mushaf-sheet .quran-surah-title{font-size:18px;min-height:46px;margin:8px 0 10px;padding:8px 10px}}

.mushaf-sheet .quran-surah-title::before,.mushaf-sheet .quran-surah-title::after{content:none;display:none}

@font-face{font-family:SalatiMadinahClassic;src:url("fonts/MadinahHafsClassic.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}.mushaf-verses{font-family:SalatiMadinahClassic,AmiriQuran,serif;font-weight:400;font-synthesis:none}.mushaf-verses .quran-text{font-weight:400}

.mushaf-verses .quran-compatible-mark{font-family:AmiriQuran,serif;font-weight:400}

.mushaf-sheet.continuous-sheet{padding:0;border:0;outline:0;background:transparent;min-height:0}.continuous-sheet>.mushaf-page-head{display:none}.continuous-sheet .mushaf-verses{padding:0}.quran-reading-page{padding:18px 20px;margin-bottom:22px;border:1px solid var(--line);border-radius:16px;background:var(--reading-surface);color:#000;outline:1px solid var(--line);outline-offset:-7px}.reading-page-heading,.reading-page-number{font-family:SalatiCairo,sans-serif;font-size:13px;line-height:1.6;color:var(--ink);text-align:center}.reading-page-heading{border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:14px}.reading-page-number{border-top:1px solid var(--line);padding-top:10px;margin-top:14px}.dark .quran-reading-page{background:var(--reading-surface);color:var(--ink);border-color:var(--line);outline-color:var(--line)}.dark .reading-page-heading,.dark .reading-page-number{color:var(--ink)}.reading-page-sentinel{height:1px}.quran-reading-page .quran-text{color:inherit}@media (max-width:600px){.quran-reading-page{padding:16px 12px;margin-bottom:18px}}

.reading-page-heading{display:none}.reading-page-number{border-top:0}.continuous-sheet .quran-reading-page .quran-surah-title{border-block-width:1px}

.mushaf-verses [data-ayah]{cursor:pointer}.mushaf-verses [data-ayah]:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}



.quran-downloads{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.quran-downloads .audio-buttons{display:flex;flex-wrap:wrap;gap:8px}.quran-downloads button{font-size:13px}.quran-download-dialog{width:min(440px,calc(100% - 28px));border:1px solid var(--line);border-radius:22px;padding:24px;background:var(--card);color:var(--ink)}.quran-download-dialog::backdrop{background:#0008}.quran-download-dialog p{line-height:1.9;margin:14px 0}

/* The current verse stays visible while the reader follows the recitation. */
.quran-follow-bar{position:sticky;top:8px;z-index:20;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;margin:16px 0;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 20px #0002;backdrop-filter:blur(12px)}
.quran-current-verse{flex:1 1 140px;font-weight:700;color:var(--ink);font-size:16px}
.quran-follow-toggle{margin:0;display:flex;align-items:center;gap:7px;font-size:13px;white-space:nowrap;cursor:pointer}.quran-follow-toggle span{margin:0}.quran-follow-toggle input{width:18px;height:18px;accent-color:var(--control-fill)}
#qFollowTransport{font-size:13px;padding:8px 12px;min-height:40px;white-space:nowrap}
.mushaf-verses [data-ayah]{scroll-margin-block:110px}
.quran-text .is-reciting{background:var(--reciting-fill);border-radius:6px;box-shadow:0 0 0 2px #32383F70;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.quran-text .is-reciting .ayah-number{background:var(--control-fill);color:var(--control-ink);border-radius:20px;padding:0 3px}
@media (max-width:480px){.quran-follow-bar{gap:8px;padding:10px;top:4px}.quran-current-verse{flex-basis:100%;font-size:15px}.quran-follow-toggle{flex:1}}

.adhkar-library{max-width:920px;margin:24px auto}.adhkar-grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px}.adhkar-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.adhkar-card h3{font-size:18px;line-height:1.7;margin:0}.adhkar-repeat{grid-column:2;align-self:start;white-space:nowrap;display:inline-block;font-size:12px;padding:4px 10px;border-radius:20px;background:var(--card);color:var(--gold)}.adhkar-text{grid-column:1/-1;font-family:inherit;font-size:22px;line-height:1.9;color:var(--ink);font-weight:700;white-space:pre-line;margin:0}.adhkar-actions{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.adhkar-actions button{font-size:13px;padding:8px 12px}.adhkar-source{grid-column:1/-1;min-width:0;font-size:13px;color:var(--gold);overflow-wrap:anywhere;margin:0}.adhkar-counter{flex:1}.adhkar-counter:disabled{opacity:1;color:var(--gold)}.adhkar-card.is-complete{border-color:var(--gold)}.adhkar-reset:disabled{opacity:.35}.adhkar-shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.adhkar-shortcuts button{font-size:14px;padding:8px 15px}.adhkar-shortcuts button[aria-pressed="true"]{border-color:var(--gold);color:var(--gold)}.adhkar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.adhkar-toolbar button{font-size:12px;padding:7px 10px}.adhkar-note{grid-column:1/-1;font-size:14px;line-height:1.8;margin:0}#worldCityStatus{display:block;color:var(--muted);font-size:12px;margin-top:6px}

.location{flex-wrap:wrap;gap:10px}

.choice-option-detail{display:block;font-size:12px;line-height:1.5;color:var(--muted);font-weight:700}
.adhkar-source a{display:block;color:var(--gold);text-decoration:underline;text-underline-offset:3px}

/* Compact verse reciter list. */

#worldCityStatus:empty{display:none}

/* Compact content-driven cards and accessible category popover. */
.card{padding:24px;margin-block:20px}.card>:first-child{margin-block-start:0}.card>:last-child{margin-block-end:0}.adhkar-library{padding:0}.adhkar-source summary{cursor:pointer;font-size:13px;font-weight:700;padding:3px 0}.adhkar-source a{padding-block:3px}.adhkar-source[open]{padding:10px 12px;border-radius:10px;background:var(--bg)}.adhkar-shortcuts{margin-bottom:12px}.adhkar-library .fields{align-items:start}.adhkar-library .fields>label{margin-block:10px}.adhkar-toolbar{margin-block:10px 12px}.adhkar-toolbar p{margin:0}@media (max-width:600px){.card{padding:20px;margin-block:16px}.adhkar-library{padding:0}.adhkar-card{padding:16px;gap:10px}.adhkar-card h3{font-size:16px}.adhkar-repeat{font-size:11px;padding:4px 7px}.adhkar-text{font-size:21px}.adhkar-toolbar{gap:8px}}

.floating-menu{position:fixed;z-index:1000;display:flex;flex-direction:column;overflow:hidden;padding:6px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 28px #0003;font:inherit}.floating-menu button{flex:none;min-height:40px;width:100%;padding:8px 12px;text-align:start;border:0;border-radius:7px;background:transparent;color:inherit;font-size:14px;line-height:1.65}.floating-menu button:hover,.floating-menu button:focus-visible{background:var(--bg)}.floating-menu button[aria-checked=true],.floating-menu button[aria-selected=true]{background:var(--bg);font-weight:700}.verse-reciter-menu{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.compact-select-popover input{flex:none;padding:8px 12px;margin-bottom:5px;font-size:14px;line-height:1.7}.compact-select-options{overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin}.compact-select-options button[aria-selected=true]::after{content:"✓";float:inline-end;margin-inline-start:8px;color:var(--gold)}

.location-field>span{display:block;font-weight:700;margin-block:16px 8px}.location-field .choice-trigger{margin:0}.location-field .note:empty{display:none}

.location-options{overflow-y:auto;overscroll-behavior:contain;min-height:0;display:flex;flex-direction:column;gap:7px;padding:2px 2px 4px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.location-sheet .location-automatic{border-color:var(--gold);font-weight:800}.location-sheet .location-back{flex:none;text-align:start;font-size:14px;margin-bottom:8px}.location-sheet .note{flex:none;margin:8px 2px 0;font-size:13px}

/* Location uses a centered card on phones as well as desktop. */
.location-sheet{inset:0;margin:auto;width:min(520px,calc(100% - 28px));height:fit-content;max-height:min(780px,84dvh);border:1px solid var(--line);border-radius:24px;padding:12px 16px 16px}

svg.location-icon{display:block;width:15px;height:15px;flex:none}.location-sheet .choice-badge.location-mark{width:15px;height:15px;border-radius:0;background:transparent}

/* One shared reading and listening panel. */
.mushaf-toolbar .mushaf-selectors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.mushaf-toolbar .mushaf-selectors>label{min-width:0}.mushaf-toolbar .mushaf-selectors>label>span{font-size:inherit}.mushaf-toolbar .mushaf-selectors select{min-width:0;width:100%}.mushaf-toolbar .quran-track{margin:18px 0 12px}.mushaf-toolbar .quran-play-options{margin-top:12px}.mushaf-toolbar .note:empty{display:none}@media (max-width:600px){.mushaf-toolbar .mushaf-selectors{grid-template-columns:repeat(2,minmax(0,1fr))}.mushaf-toolbar .mushaf-reciter{grid-column:1/-1}}