@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-arabic-400-normal-D0NIBXga.woff2) format("woff2"),url(/assets/amiri-arabic-400-normal-C_1DQziU.woff) format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/amiri-arabic-700-normal-D8FrblyB.woff2) format("woff2"),url(/assets/amiri-arabic-700-normal-dUd6sHq-.woff) format("woff")}:root{--dark-green: #2c5530;--deep-green: #1a3d1a;--accent-green: #4a6741;--gold: #d4af37;--dark-gold: #b8941f;--parchment: #fefcf7;--cream: #f4f1e8;--bg: #e8e4d9;--surface: #f8f6f0;--text: #1a1a1a;--muted: #4a6741;--border: #d9d3c3;--correct-green: #c3e6cb;--current-bg: rgba(255, 215, 0, .38);--ayah-band: rgba(212, 175, 55, .12);--done-text: #5d6b58;--danger: #b3261e;--on-green: #f4f1e8;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--parchment: #1d211c;--cream: #262b25;--bg: #121411;--surface: #181b17;--text: #ece8dc;--muted: #a9bfa2;--border: #353b33;--current-bg: rgba(212, 175, 55, .35);--ayah-band: rgba(212, 175, 55, .08);--done-text: #8e9a88;--correct-green: #2f5a37;--danger: #ff8a80}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button,select,input{font:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 16px;background:var(--deep-green);color:var(--on-green);box-shadow:0 2px 8px #0003}.brand{font-weight:700;letter-spacing:.3px;white-space:nowrap}.nav{display:flex;align-items:center;gap:8px;flex:1 1 auto;flex-wrap:wrap}.nav select{padding:6px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:var(--on-green);max-width:180px}.nav select option{color:#1a1a1a}.pager{display:flex;align-items:center;gap:4px}.page-input{width:64px;text-align:center;padding:6px 4px;border-radius:6px;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:var(--on-green)}.actions{display:flex;align-items:center;gap:8px}button{background:var(--dark-green);color:var(--on-green);border:none;border-radius:6px;padding:8px 14px;font-size:14px;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:var(--cream);color:var(--dark-green);border:1px solid var(--dark-gold)}@media(prefers-color-scheme:dark){button.secondary{color:var(--muted)}}button.icon{background:transparent;color:var(--on-green);font-size:20px;line-height:1;padding:6px 10px;border:1px solid rgba(255,255,255,.25)}.mode{display:flex;border:1px solid rgba(255,255,255,.25);border-radius:999px;overflow:hidden}.mode button{background:transparent;border-radius:0;padding:7px 12px}.mode button.on{background:#ffffff2e;font-weight:700}button.listen{background:var(--gold);color:#1a1a1a;font-weight:700;padding:9px 18px;border-radius:999px}button.listen.on{background:#c62828;color:#fff}.statusline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 16px;font-size:14px;background:var(--surface);border-bottom:1px solid var(--border);color:var(--muted)}.statusline.live{color:var(--text)}.bar{flex:0 1 240px;height:6px;border-radius:3px;background:var(--border);overflow:hidden}.bar>span{display:block;height:100%;background:var(--gold);transition:width .2s ease}.pulse{width:10px;height:10px;border-radius:50%;background:#c62828;animation:pulse 1.2s ease-in-out infinite}@media(max-width:600px){.topbar{position:static}.nav select{max-width:150px}button.listen{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:20;padding:14px 22px;box-shadow:0 4px 16px #00000059}.page-column{padding-bottom:96px}}@keyframes pulse{50%{opacity:.3;transform:scale(.8)}}.warn{color:var(--danger);font-weight:600}.banner.error{padding:10px 16px;background:#b3261e1a;color:var(--danger);border-bottom:1px solid rgba(179,38,30,.3);font-size:14px}.layout{display:flex;align-items:flex-start}.page-column{flex:1 1 auto;min-width:0;padding:20px 16px 40px}.side-column{flex:0 0 360px;position:sticky;top:56px;max-height:calc(100vh - 56px);overflow:auto;padding:16px;background:var(--surface);border-left:1px solid var(--border)}@media(max-width:900px){.layout{flex-direction:column-reverse}.side-column{position:static;max-height:none;width:100%;flex-basis:auto;border-left:none;border-bottom:1px solid var(--border)}.brand{display:none}}.placeholder{text-align:center;padding:80px 16px;color:var(--muted)}.page-footer{max-width:900px;margin:18px auto 0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.mushaf-page{max-width:900px;margin:0 auto;background:var(--parchment);border:3px solid var(--gold);outline:1px solid var(--dark-gold);outline-offset:6px;border-radius:4px;box-shadow:0 4px 18px #0000002e;padding:22px 28px 18px}@media(max-width:600px){.mushaf-page{padding:10px 6px;outline-offset:3px}.page-column:has(.qpc-body){padding-left:8px;padding-right:8px}}.mushaf-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;margin-bottom:14px;background:var(--deep-green);color:var(--on-green);border-radius:3px;font-size:14px;letter-spacing:.3px}.mushaf-header .sura-name{color:var(--gold);font-weight:700;font-size:18px;font-family:Amiri,Noto Naskh Arabic,serif}.mushaf-body{text-align:justify;text-align-last:center;font-size:clamp(22px,3.2vw,32px);line-height:2.3;color:var(--text);font-family:Amiri,Scheherazade New,Traditional Arabic,Noto Naskh Arabic,serif}.sura-banner{text-align:center;margin:6px 0 12px;padding:8px 16px;border:2px solid var(--gold);border-radius:6px;background:linear-gradient(180deg,var(--dark-green),var(--deep-green));color:#f4f1e8;font-size:.8em;font-weight:700;line-height:1.8}.bismillah{text-align:center;margin:4px 0 10px;color:var(--accent-green);font-weight:700}@media(prefers-color-scheme:dark){.bismillah{color:var(--muted)}}.ayah{border-radius:6px;transition:background-color .2s ease;box-decoration-break:clone;-webkit-box-decoration-break:clone}.ayah.current-ayah{background-color:var(--ayah-band)}.word{border-radius:4px;padding:0 2px;cursor:pointer;transition:background-color .15s ease,color .15s ease;box-decoration-break:clone;-webkit-box-decoration-break:clone}.word:hover{background-color:#4a67411f}.word.done{color:var(--done-text)}.word.current{background-color:var(--current-bg);box-shadow:0 0 0 2px var(--gold);color:var(--text)}.ayah-marker{display:inline-block;min-width:1.55em;height:1.55em;line-height:1.55em;margin:0 .12em;vertical-align:middle;text-align:center;border:1.5px solid var(--dark-gold);border-radius:50%;color:var(--accent-green);font-size:.52em;font-weight:700}@media(prefers-color-scheme:dark){.ayah-marker{color:var(--gold)}}.panel{background:var(--parchment);border:1px solid var(--border);border-radius:8px;padding:14px;margin-bottom:14px}.panel h2{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}.row{display:flex;align-items:flex-end;gap:8px;margin:8px 0;flex-wrap:wrap}.check{display:flex;align-items:center;gap:8px;font-size:13px;margin:6px 0}.field{display:flex;flex-direction:column;gap:2px}.field select{padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);max-width:100%}.engine-note{margin:4px 0 8px}.field input{width:120px;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text)}.badge{display:inline-block;padding:3px 9px;border-radius:10px;font-size:11px;font-weight:700;letter-spacing:.5px;border:1px solid var(--dark-gold);color:var(--text)}.badge.tracking{background:var(--correct-green)}.badge.searching{background:var(--current-bg)}.meta{font-size:12px;color:var(--muted);line-height:1.7}.debug-pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;white-space:pre-wrap;word-break:break-word;background:var(--cream);border-radius:6px;padding:8px;margin-top:8px;min-height:40px;max-height:200px;overflow:auto}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.dev-links a{color:inherit}.replay{display:grid;grid-template-columns:300px 1fr;height:100vh}.replay-list{overflow:auto;border-right:1px solid var(--dark-gold);background:var(--cream)}.replay-list header{position:sticky;top:0;background:var(--cream);padding:10px;display:grid;gap:6px;border-bottom:1px solid var(--dark-gold)}.replay-list .item{padding:8px 10px;border-bottom:1px solid rgba(0,0,0,.08);cursor:pointer}.replay-list .item.sel{background:#fff4c2}.replay-list .pad{padding:10px}.replay-main{height:100vh;overflow:hidden;padding:12px 16px;display:flex;flex-direction:column;gap:6px}.replay-main>*{flex:none}.replay-main>.meta{max-height:3.2em;overflow:auto}.replay-head{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.replay-main audio{width:100%}.replay-timeline{width:100%;height:70px;border:1px solid rgba(0,0,0,.15);background:#fff;cursor:pointer}.replay .legend .sw{display:inline-block;width:10px;height:10px;border-radius:2px;vertical-align:middle}.replay-status{padding:6px 10px;border-radius:6px;background:#e8f0ec}.replay-status.searching{background:#fde2e2}.replay-body{flex:1 1 auto!important;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px}.replay-page{min-height:0;overflow:auto;overscroll-behavior:contain}.replay-side{min-height:0;overflow:hidden;display:flex;flex-direction:column}.replay-side section{flex:none}.replay-side section.replay-log{flex:1 1 auto;min-height:120px}.replay-side section{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:8px 10px;margin-bottom:10px}.replay-side h3{font-size:13px;margin:0 0 6px}.replay-side .ar{direction:rtl;font-size:17px;line-height:1.6}.replay-log{overflow:auto}.replay-log .ev{font-size:12px;padding:2px 4px;cursor:pointer;border-radius:4px}.replay-log .ev:hover{background:#f4f0e6}.replay-log .ev.cur{background:#fff4c2}.replay-log .ev.page{color:#6a1b9a}.replay-log .ev.state{color:#c62828}.replay-log .tm{color:#888;font-variant-numeric:tabular-nums;margin-right:4px}@media(prefers-color-scheme:dark){.replay-list,.replay-list header{background:#1d2420}.replay-side section,.replay-timeline{background:#151a17}}.replay-list header input,.replay-list header select{font:inherit;padding:3px 6px}.replay .tag{font-size:11px;padding:1px 6px;border-radius:9px;background:#eee;color:#444}.replay .tag.off{background:#fde2e2;color:#c62828}.replay .tag.exact{background:#dff3e6;color:#1b5e3f}.replay .tag.draft{background:#fff0c8;color:#8a6a00}.replay .chips{display:flex;flex-wrap:wrap;gap:3px;margin-top:2px}.replay .chip{font-size:10.5px;padding:0 5px;border-radius:8px;background:#e8f0ec;color:#1b5e3f}.replay .dirty{color:#c62828;font-weight:600}.replay button.small{padding:1px 6px;font-size:12px}.truth-row{display:flex;flex-wrap:wrap;align-items:center;gap:3px;padding:3px 2px;border-bottom:1px solid rgba(0,0,0,.06)}.truth-row.cur{background:#fff4c2}.truth-row input.t{width:52px;font:inherit;font-size:12px}.truth-row input.a{width:74px;font:inherit;font-size:12px}.truth-row .small-ar{width:100%;font-size:14px;color:#555}.stuck-list{max-height:30%;overflow:auto}.truth-row.suggested{opacity:.75;border-bottom-style:dashed}.banner.remind{padding:6px 12px;background:#e8590c1a;color:#a33f06;border:1px solid rgba(232,89,12,.35);border-radius:6px;font-size:14px}.banner.remind .ar{font-size:18px;color:#222}.replay-log h3{position:sticky;top:-8px;z-index:1;background:inherit;margin:-8px -10px 6px;padding:8px 10px 6px;border-bottom:1px solid rgba(0,0,0,.08)}.replay-side section.replay-log{background:#fff}@media(prefers-color-scheme:dark){.replay-side section.replay-log{background:#151a17}}.drive{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:var(--bg);color:var(--text)}.drive-top{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--deep-green);color:var(--on-green)}.drive-top button.icon{color:var(--on-green)}.drive-where{flex:1;font-size:15px}.drive-state{display:flex;align-items:center;gap:8px;font-size:15px}.drive-ayahs{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2.5vh;padding:2vh 5vw;font-family:Amiri,Scheherazade New,Traditional Arabic,Noto Naskh Arabic,serif;text-align:center}.drive-ayah{margin:0;line-height:1.9}.drive-ayahs>:first-child{margin-top:auto}.drive-ayahs>:last-child{margin-bottom:auto}.drive-top,button.drive-listen{flex:none}.drive-side{font-size:clamp(22px,4.5vw,32px);opacity:.45}.drive-current{font-size:clamp(34px,9vw,64px);font-weight:700;padding:1.5vh 2vw;border-radius:14px;background:var(--parchment);box-shadow:0 0 0 2px var(--border)}.drive .word{cursor:default}.drive .word:hover{background-color:transparent}.drive .word.current{background-color:var(--current-bg)}button.drive-listen{margin:12px auto calc(12px + env(safe-area-inset-bottom));min-width:min(80vw,420px);padding:18px 28px;font-size:22px;font-weight:700;border-radius:999px;background:var(--gold);color:#1a1a1a}button.drive-listen.on{background:#c62828;color:#fff}.ayah-en{position:sticky;bottom:0;z-index:5;box-shadow:0 -2px 8px #0000001f;border-top:1px solid var(--border);padding:8px 16px calc(8px + env(safe-area-inset-bottom));font-size:15px;line-height:1.5;background:var(--parchment);border-bottom:1px solid var(--border)}.ayah-en b{color:var(--muted);margin-right:4px}.credit{font-size:12px;color:var(--muted);white-space:nowrap}.credit a{color:inherit}sup.fn{font-size:.65em;color:var(--muted);cursor:help}.field.check{flex-direction:row;align-items:center;gap:8px;margin:6px 0 10px;font-size:14px}.field.check input{width:auto}.drive-en{margin:1.5vh 0 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(17px,3.6vw,26px);line-height:1.45}.drive-top button.en-toggle{font-size:13px;font-weight:700;padding:4px 8px;border:1px solid rgba(255,255,255,.4);opacity:.7}.drive-top button.en-toggle.on{background:var(--gold);color:#1a1a1a;opacity:1}.khutbah-lines{flex:1;overflow-y:auto;padding:12px max(16px,4vw) 24px;display:flex;flex-direction:column;gap:18px}.khutbah-hint{margin:auto 0;text-align:center;color:var(--muted);font-size:17px;line-height:1.5}.kh-line{max-width:900px;width:100%;margin:0 auto;padding-bottom:14px;border-bottom:1px solid var(--border)}.kh-ar{margin:0 0 6px;font-family:Amiri,Scheherazade New,Traditional Arabic,Noto Naskh Arabic,serif;font-size:clamp(22px,5.5vw,34px);line-height:1.75}.kh-en{margin:0;font-size:clamp(19px,4.6vw,26px);line-height:1.45}.kh-line.live .kh-ar{color:var(--muted)}.kh-line.junk .kh-ar{opacity:.45;font-size:clamp(17px,4vw,22px)}.kh-ref{display:inline-block;margin-right:4px;padding:1px 8px;border-radius:999px;font-size:.68em;font-weight:700;vertical-align:.15em;background:var(--ayah-band);color:var(--dark-green);border:1px solid var(--dark-gold)}.kh-quran q{quotes:"“" "”"}.kh-mt,.kh-mt-key{font-style:italic;color:var(--muted)}.kh-pending{color:var(--muted);font-size:.8em}.khutbah-foot{flex:none;display:flex;flex-direction:column;align-items:center;padding:0 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface);text-align:center}.khutbah-foot button.drive-listen{margin:10px auto 6px}@media(prefers-color-scheme:dark){.kh-ref{color:var(--gold)}}@media(max-width:600px){.ayah-en{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}.prayer-groups{flex:1;overflow-y:auto;padding:12px max(14px,4vw) 24px;display:flex;flex-direction:column;gap:14px}.pr-group{max-width:820px;width:100%;margin:0 auto;padding:12px 14px;border:1px solid var(--border);border-radius:12px;opacity:.55}.pr-group.active{opacity:1;border:2px solid var(--gold);background:var(--parchment)}.pr-head{margin:0 0 8px;font-size:15px;font-weight:700;color:var(--muted)}.pr-ar{position:sticky;top:-12px;z-index:1;margin:0 -14px 8px;padding:4px 14px 6px;background:var(--parchment);border-bottom:1px solid var(--border);font-family:Amiri,Scheherazade New,Traditional Arabic,Noto Naskh Arabic,serif;font-size:19px;line-height:1.7;color:var(--muted)}.pr-en{margin:0;font-size:clamp(20px,5.4vw,28px);line-height:1.55}.pr-group.active .pr-ayah.current{background:var(--ayah-band);box-decoration-break:clone;-webkit-box-decoration-break:clone;border-radius:4px}.pr-num{display:inline-block;min-width:1.7em;padding:0 5px;border:1px solid var(--dark-gold);border-radius:999px;font-size:.55em;font-weight:700;line-height:1.6;text-align:center;vertical-align:.2em;color:var(--dark-green)}@media(prefers-color-scheme:dark){.pr-num{color:var(--gold)}.prayer .pr-en{color:#d9d4c7}}.qpc-body{--qpc-pitch: calc(var(--qpc-fs) * 1.85);display:flex;flex-direction:column;text-align:initial;text-align-last:initial;line-height:normal;color:var(--text);min-height:calc(var(--qpc-pitch) * 15)}.qpc-body.opening{justify-content:center}.qpc-body.loading{min-height:0}.qpc-line{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:var(--qpc-pitch);white-space:nowrap;font-kerning:none}.qpc-line.centred{justify-content:center;gap:calc(var(--qpc-fs) * .22)}.qpc-body .g{display:inline-block;line-height:var(--qpc-pitch);padding:0;border-radius:6px;font-palette:--qpc-plain}.qpc-body.tajweed .g{font-palette:--qpc-tajweed}.qpc-body .g.word{cursor:pointer;box-decoration-break:slice}.qpc-body .g.in-ayah{background-color:var(--ayah-band)}.qpc-body .g.word.done{font-palette:--qpc-plain-done}.qpc-body.tajweed .g.word.done{font-palette:--qpc-tajweed-done}.qpc-body .g.word.current{background-color:var(--current-bg);box-shadow:0 0 0 2px var(--gold)}@media(prefers-color-scheme:dark){.qpc-body .g{font-palette:--qpc-plain-dark}.qpc-body.tajweed .g{font-palette:--qpc-tajweed-dark}.qpc-body .g.word.done{font-palette:--qpc-plain-dark-done}.qpc-body.tajweed .g.word.done{font-palette:--qpc-tajweed-dark-done}}.qpc-sura{justify-content:center}.qpc-sura-frame{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:82%;border:2px solid var(--dark-gold);outline:1px solid var(--gold);outline-offset:-6px;border-radius:calc(var(--qpc-fs) * .45);background:radial-gradient(circle at 0 50%,var(--gold) 0 calc(var(--qpc-fs) * .16),transparent calc(var(--qpc-fs) * .17)),radial-gradient(circle at 100% 50%,var(--gold) 0 calc(var(--qpc-fs) * .16),transparent calc(var(--qpc-fs) * .17)),linear-gradient(90deg,#d4af372e,#d4af370f 20% 80%,#d4af372e)}.qpc-sura-frame:before,.qpc-sura-frame:after{content:"";position:absolute;top:50%;width:calc(var(--qpc-fs) * .42);height:calc(var(--qpc-fs) * .42);border:1.5px solid var(--dark-gold);transform:translateY(-50%) rotate(45deg);background:var(--parchment)}.qpc-sura-frame:before{right:18%}.qpc-sura-frame:after{left:18%}.qpc-sura-name{font-size:calc(var(--qpc-fs) * 1.3);line-height:1;color:var(--text)}.qpc-bsml .g{cursor:default}.qpc-skeleton{height:44px;margin:6px 0;border-radius:6px;background:linear-gradient(90deg,var(--cream),var(--border),var(--cream));background-size:200% 100%;animation:qpc-shimmer 1.4s linear infinite;opacity:.5}@keyframes qpc-shimmer{to{background-position:-200% 0}}.qpc-error{padding:40px 16px;text-align:center;color:var(--danger);font-family:system-ui,sans-serif;font-size:15px}