@font-face{font-family:Uthmani;src:url(/fonts/uthmani.ttf) format("truetype");font-display:block}@font-face{font-family:PlexAr;src:url(/fonts/plex-ar-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:PlexAr;src:url(/fonts/plex-ar-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:PlexAr;src:url(/fonts/plex-ar-600.woff2) format("woff2");font-weight:600;font-display:swap}:root{--ui: "Cairo", "Tajawal", "PlexAr", "Segoe UI", system-ui, sans-serif;--quran: "Amiri Quran", "Scheherazade New", "Amiri", "Uthmani", "Traditional Arabic", serif;--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-full: 999px;--ease: cubic-bezier(.22, .61, .36, 1);--focus: var(--gold);--unsure: var(--ink-faint)}[data-theme=crystal]{--carve-dark: rgba(20, 32, 62, .16);--carve-light: rgba(255, 255, 255, .9);--bg: #dbe7f6;--bg-glow: radial-gradient(ellipse at 0% 0%, #a0c8ee, transparent 52%), radial-gradient(ellipse at 100% 18%, #d4d1ed, transparent 48%), radial-gradient(ellipse at 76% 100%, #aedbd7, transparent 54%), linear-gradient(158deg, #f0f5fc, #e2ebf5 48%, #deebef);--page: rgba(255, 255, 255, .95);--page-2: rgba(250, 253, 255, .9);--edge: rgba(255, 255, 255, .98);--edge-strong: rgba(186, 146, 72, .42);--ink: #070e1b;--ink-dim: rgba(7, 14, 27, .72);--ink-faint: #566579;--gold: #744d0d;--gold-dim: #74521a;--gold-wash: rgba(186, 146, 72, .12);--gold-gradient: linear-gradient(135deg, #ba9248 0%, #744d0d 100%);--sheet: rgba(255, 255, 255, .88);--sheet-2: rgba(242, 248, 255, .72);--line: rgba(20, 35, 65, .08);--shadow: 0 22px 60px -15px rgba(24, 44, 88, .18), 0 0 0 .75px rgba(255, 255, 255, .9);--ok: #0b7a57;--warn: #995a00;--warn-ring: #bc7d07;--err: #c0144f;--mask: rgba(7, 14, 27, .2);color-scheme:light}.js-tilt-glare{border-radius:inherit;overflow:hidden;pointer-events:none}.js-tilt-glare-inner{border-radius:inherit;background:radial-gradient(circle at center,#fff9,#fff0 70%)!important}[data-theme=sepia]{--carve-dark: rgba(96, 68, 24, .22);--carve-light: rgba(255, 255, 255, .7);--bg: #d4c29a;--bg-glow: radial-gradient(130% 80% at 50% -10%, #e8dbbc 0%, #d2c098 55%, #c2ad80 100%);--page: #f9f3e3;--page-2: #f3ebd5;--edge: rgba(122, 92, 42, .32);--edge-strong: rgba(122, 92, 42, .6);--ink: #1f170e;--ink-dim: #5f5039;--ink-faint: #706048;--gold: #735418;--gold-dim: #785b27;--gold-wash: rgba(130, 98, 41, .12);--gold-gradient: linear-gradient(135deg, #a1864e 0%, #735418 100%);--sheet: #f9f3e3;--sheet-2: #f0e6cd;--line: rgba(31, 23, 14, .12);--shadow: 0 24px 70px -20px rgba(70, 50, 20, .45);--ok: #17694f;--warn: #875000;--warn-ring: #b07606;--err: #b01548;--mask: rgba(31, 23, 14, .2);color-scheme:light}[data-theme=day]{--carve-dark: rgba(20, 35, 60, .16);--carve-light: rgba(255, 255, 255, .85);--bg: #ebf0f5;--bg-glow: radial-gradient(130% 80% at 50% -10%, #ffffff 0%, #eaeff5 55%, #dce4ed 100%);--page: #ffffff;--page-2: #f8fafc;--edge: rgba(30, 50, 75, .16);--edge-strong: rgba(30, 50, 75, .38);--ink: #0d141e;--ink-dim: #505d6c;--ink-faint: #647184;--gold: #7d5e24;--gold-dim: #806124;--gold-wash: rgba(136, 103, 44, .11);--gold-gradient: linear-gradient(135deg, #bfa05d 0%, #7d5e24 100%);--sheet: #ffffff;--sheet-2: #f2f5f9;--line: rgba(13, 20, 30, .11);--shadow: 0 20px 60px -20px rgba(20, 35, 60, .22);--ok: #0b7a57;--warn: #995a00;--warn-ring: #bc7d07;--err: #c0144f;--mask: rgba(13, 20, 30, .2);color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}html{overscroll-behavior:none}body{background:var(--bg);color:var(--ink);font-family:var(--ui);overscroll-behavior:none;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.app{height:100%;display:flex;flex-direction:column;background:var(--bg-glow),var(--bg);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.iconbtn{position:relative;border-radius:var(--r-full);display:grid;place-items:center}.iconbtn:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:44px;transform:translate(-50%,-50%)}.reader{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(var(--dock-h, 104px) + 14px);scrollbar-width:none;perspective:2200px;perspective-origin:center 38%}.reader::-webkit-scrollbar{display:none}.reader-paddle{position:fixed;top:50%;transform:translateY(-50%);z-index:40;display:flex;align-items:center;gap:8px;padding:11px 16px;border-radius:var(--r-full);background:color-mix(in oklab,var(--sheet) 85%,transparent);border:1px solid var(--edge);color:var(--ink-dim);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 10px 32px -6px #00000047,inset 0 1.25px 1px var(--carve-light);cursor:pointer;transition:opacity .24s var(--ease),color .24s var(--ease),border-color .24s var(--ease),background .24s var(--ease),box-shadow .24s var(--ease),transform .24s var(--ease);opacity:.32}.reader-paddle:hover{opacity:1;color:var(--gold);border-color:var(--edge-strong);background:color-mix(in oklab,var(--sheet) 92%,var(--gold-wash));box-shadow:0 14px 40px -4px #00000061,0 0 22px var(--gold-wash),inset 0 1.5px 1.5px var(--carve-light)}.reader-paddle--prev{right:clamp(14px,3.5vw,48px)}.reader-paddle--prev:hover{transform:translateY(-50%) translate(-4px)}.reader-paddle--next{left:clamp(14px,3.5vw,48px)}.reader-paddle--next:hover{transform:translateY(-50%) translate(4px)}.reader-paddle__tip{font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}@media (max-width: 960px){.reader-paddle{display:none!important}}.kbd-hint{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:17px;height:16px;padding:2px 6px;font-family:inherit;font-size:11px;font-weight:700;line-height:1;color:var(--ink-dim);border-radius:4px;background:var(--sheet-2);border:1px solid var(--line);box-shadow:0 1px 0 var(--carve-light);margin-inline-start:4px;pointer-events:none;vertical-align:middle;transition:color .2s var(--ease),border-color .2s var(--ease),background-color .2s var(--ease)}.iconbtn:hover .kbd-hint,.mic:hover .kbd-hint,.reader-paddle:hover .kbd-hint{color:var(--gold);border-color:var(--gold-dim);background:color-mix(in oklab,var(--gold-wash) 75%,transparent)}@media (max-width: 768px),(hover: none){.kbd-hint{display:none!important}}.pagewrap{max-width:min(calc(720px * var(--fscale, 1)),100%);margin:0 auto;padding:6px 12px 120px;position:relative}.pagewrap[data-side=right] .page{box-shadow:inset 18px 0 26px -12px #00000029,var(--shadow)}.pagewrap[data-side=left] .page{box-shadow:inset -18px 0 26px -12px #00000029,var(--shadow)}.page{position:relative;border-radius:var(--r-lg);padding:22px 16px 16px;isolation:isolate;min-height:fit-content}.page--framed{padding:26px 20px 20px}.page__frame{position:absolute;top:7px;right:7px;bottom:7px;left:7px;pointer-events:none;z-index:0;border:1.5px solid currentColor;border-radius:15px}.page__frame:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:.8px solid currentColor;border-radius:10px;opacity:.5}.page__frame:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border:.6px solid currentColor;border-radius:7px;opacity:.18}.page__knot{position:absolute;width:25px;height:25px;--k: -5px}.page__knot--tl{top:var(--k);left:var(--k)}.page__knot--tr{top:var(--k);right:var(--k)}.page__knot--bl{bottom:var(--k);left:var(--k)}.page__knot--br{bottom:var(--k);right:var(--k)}.page__bead{position:absolute;width:8px;height:8px;transform:rotate(45deg);opacity:.75}.page__bead--t,.page__bead--b{inset-inline-start:50%;margin-inline-start:-4px}.page__bead--t{top:-4.5px}.page__bead--b{bottom:-4.5px}.page__bead--s,.page__bead--e{top:50%;margin-top:-4px}.page__bead--s{inset-inline-start:-4.5px}.page__bead--e{inset-inline-end:-4.5px}.page__body{position:relative;z-index:1}.page__lamp{position:absolute;top:var(--lamp-top, 26px);left:-10%;right:-10%;height:150px;z-index:0;pointer-events:none;opacity:0;transition:transform .45s var(--ease),opacity .45s var(--ease);will-change:transform}.page--framed .page__lamp{--lamp-top: 30px}.line{display:flex;align-items:baseline;justify-content:space-between;gap:0;font-family:var(--qfont),var(--quran);font-size:var(--qsize);line-height:1.95;color:var(--ink);direction:rtl;white-space:nowrap;transform-origin:right center}.line--center{justify-content:center;gap:0}.w{position:relative;display:inline-block;padding:0 .06em;border-radius:6px;transition:color .25s,background .25s,opacity .3s}.w--tap{cursor:pointer}.w--ok{color:var(--ok)}.w--harakat{--spot: var(--warn-ring)}.w--wrong{--spot: var(--err)}.w__ink{position:relative;display:inline-block}.spot{position:absolute;box-sizing:border-box;pointer-events:none;border:max(1.5px,.06em) dotted var(--spot, var(--err));border-radius:50%;animation:spotIn .24s var(--ease) both}.spot--word{top:16%;right:-.12em;bottom:8%;left:-.12em;animation-name:spotInWord}.spot--at{width:max(var(--d),13px);height:max(var(--d),13px);transform:translate(50%,-50%)}@keyframes spotIn{0%{opacity:0;transform:translate(50%,-50%) scale(.7)}}@keyframes spotInWord{0%{opacity:0;transform:scale(.7)}}.w--prompt{filter:none!important;opacity:1!important;color:var(--gold)!important;background:var(--gold-wash);border-radius:6px;animation:promptIn var(--motion-panel) var(--motion-ease-out) both}@keyframes promptIn{0%{background:transparent;color:var(--ink-faint)}}.w--unsure{box-shadow:inset 0 -1px 0 var(--unsure)}.w--skipped{background:color-mix(in oklab,var(--err) 10%,transparent);box-shadow:inset 0 -2px 0 var(--err);opacity:.75}.w--cursor{position:relative;border-radius:6px;color:var(--ink);transition:color .2s var(--ease)}.word-glider{position:absolute;top:0;left:0;pointer-events:none;opacity:0;width:100px;transform:translateZ(0);transform-origin:0 50%;transition:transform var(--motion-panel, .16s) var(--motion-ease-out, ease-out),opacity var(--motion-fast, .12s) ease;z-index:2}.word-glider.on{opacity:1}.word-glider__ribbon{position:absolute;bottom:-2px;inset-inline:4%;height:2px;border-radius:999px;opacity:.9}.w--veiled{filter:blur(max(7px,.26em));opacity:.5}.w--hidden{color:transparent}.w--hidden:after{content:"";position:absolute;top:40%;right:.1em;bottom:32%;left:.1em;border-radius:999px;background:var(--mask)}.w--hidden.w--sealed:after{top:34%;right:.06em;bottom:26%;left:.06em;background:color-mix(in srgb,var(--err) 62%,var(--mask))}.w--veiled.w--sealed{color:var(--err);opacity:.78}.w--play{background:var(--gold-wash);box-shadow:inset 0 -2px 0 var(--gold-dim)}.ayahmark{display:inline-grid;place-items:center;position:relative;width:1.32em;height:1.32em;margin:0 .06em;vertical-align:-.28em;flex:0 0 auto}.ayahmark{border-radius:50%;border:1px solid currentColor;box-shadow:inset 0 1.5px 2px var(--carve-dark),inset 0 -1px 0 var(--carve-light),0 1px 0 var(--carve-light)}.ayahmark i{position:absolute;top:2.5px;right:2.5px;bottom:2.5px;left:2.5px;border-radius:50%;border:1px solid currentColor;opacity:.34;pointer-events:none}.ayahmark b{position:relative;font-family:var(--ui);font-size:max(10.5px,.36em);line-height:1;font-feature-settings:"tnum"}.ayahmark--sajdah,.ayahmark--sajdah b{color:var(--warn)}.surahband{display:flex;align-items:center;gap:10px;margin:.5em 0 .35em;color:var(--gold)}.surahband__rule{flex:1;height:3px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;opacity:.42}.surahband__bead{flex:0 0 auto;width:6px;height:6px;transform:rotate(45deg);background:currentColor;opacity:.75}.surahband span{flex:0 0 auto;font-family:var(--quran);font-size:calc(var(--qsize) * .74);line-height:1.6;white-space:nowrap}.basmala{text-align:center;font-family:var(--quran);font-size:calc(var(--qsize) * .86);line-height:2;color:var(--ink);padding:.1em 0}.pagefoot{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;color:var(--ink-dim);font-size:12px}.pagefoot i{flex:1;height:1px;background:var(--line);font-style:normal}.pagefoot b{border:1px solid var(--edge);border-radius:var(--r-full);padding:3px 14px;font-variant-numeric:tabular-nums}.ayahrow{padding:14px 12px;direction:rtl}.ayahrow__t{font-family:var(--quran);font-size:var(--qsize);line-height:2.15}.dock{position:fixed;inset-inline:0;bottom:0;z-index:30;padding:8px 12px calc(10px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;pointer-events:none;transition:transform .32s var(--ease),opacity .32s var(--ease)}.dock.hidden{transform:translateY(120%);opacity:0}.dock>*{pointer-events:auto}.bar{margin:0 auto;width:min(580px,100%);border-radius:var(--r-full);padding:6px 10px;display:flex;align-items:center;gap:4px}.bar__sep{width:1px;height:24px;background:var(--line);margin:0 4px}.mic{flex:1;min-width:114px;height:48px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;position:relative;overflow:visible;padding:0 14px;gap:7px}:root:not([data-touch-feedback]) .mic:active{transform:scale(.94)}.mic__content{position:relative;z-index:2;display:flex;align-items:center;gap:6px}.mic__label{font-weight:700;font-size:13.5px;letter-spacing:.15px}.statusline{margin:0 auto;width:min(580px,100%);font-size:13px;line-height:1.55;color:var(--ink-dim);border-radius:var(--r-md);padding:8px 14px;display:flex;gap:10px;align-items:center;animation:rise .2s var(--ease)}.statusline.err{color:var(--err)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}@keyframes fade{0%{opacity:0}}.sheet{position:fixed;inset-inline:0;bottom:0;z-index:41;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.sheet__grip{width:38px;height:4px;border-radius:2px;margin:8px auto 2px;flex:0 0 auto}.sheet__head{display:flex;align-items:center;flex:0 0 auto}.sheet__head h2{flex:1;margin:0;font-weight:600}.sheet__body{overflow-y:auto;-webkit-overflow-scrolling:touch}.tabs{position:relative}.tabs:before{content:"";position:absolute;pointer-events:none}.tabs button{position:relative;flex:1;min-height:44px;padding:10px 6px;border-radius:var(--r-full);font-size:13px;font-weight:500;color:var(--ink-dim);transition:background .2s,color .2s}.tabs button.on{color:var(--ink)}.row{display:flex;align-items:center;gap:12px;width:100%;text-align:start}.row__main{flex:1;min-width:0}.row__main b{display:block;font-size:14px;font-weight:500}.row__main span{display:block;font-size:11.5px;color:var(--ink-dim);margin-top:2px;line-height:1.5}.row__no{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;font-size:11px;color:var(--gold-dim);border:1px solid var(--edge);font-variant-numeric:tabular-nums}.row__ar{font-family:var(--quran);font-size:19px;color:var(--ink)}.group{margin:16px 0 6px;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--gold-dim);text-transform:uppercase}.sw{width:44px;height:26px;flex:0 0 auto;cursor:pointer;border-radius:var(--r-full);position:relative;transition:background .22s var(--ease)}.sw:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:44px;transform:translate(-50%,-50%)}.sw:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;transition:transform .22s var(--ease),background .22s}.sw.on:after{transform:translate(-18px)}.slider{display:flex;align-items:center;gap:10px;padding:4px 0 12px}.slider input{flex:1;accent-color:var(--gold);height:20px}.seg{display:flex;gap:4px;padding:3px;border-radius:var(--r-md)}.seg button{flex:1;min-height:44px;padding:10px 4px;border-radius:11px;font-size:12.5px;color:var(--ink-dim);transition:background .18s,color .18s}.seg button.on{font-weight:500}.btn{padding:11px 18px;border-radius:var(--r-md);color:var(--gold);font-weight:500;font-size:14px}.btn--wide{width:100%}.btn--flat{color:var(--ink-dim)}.field{width:100%;padding:11px 12px;border-radius:var(--r-md);color:var(--ink);font:inherit;font-size:13px;direction:ltr;text-align:left}.field:focus{outline:none}.hint{font-size:11.5px;line-height:1.75;color:var(--ink-dim);margin:6px 0 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:7px;padding:4px 0 10px}.grid button{padding:12px 4px;border-radius:var(--r-md);font-size:13px;color:var(--ink);display:grid;gap:3px;justify-items:center}.grid button span{font-size:10px;color:var(--ink-dim)}.err-row{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--line);width:100%;text-align:start}.err-kind{flex:0 0 auto;font-size:10.5px;padding:3px 8px;border-radius:var(--r-full)}.err-kind--wrong{background:color-mix(in oklab,var(--err) 18%,transparent);color:var(--err)}.err-kind--skipped{background:color-mix(in oklab,var(--err) 10%,transparent);color:var(--err)}.err-kind--harakat{background:color-mix(in oklab,var(--warn) 18%,transparent);color:var(--warn)}.err-words{flex:1;min-width:0;font-family:var(--quran);font-size:18px;line-height:1.7}.err-words s{text-decoration:none;color:var(--err)}.err-at{font-size:11px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.empty{text-align:center;color:var(--ink-dim);font-size:13px;padding:40px 20px;line-height:1.9}.boot{height:100%;display:grid;place-items:center;color:var(--gold-dim);font-size:13px;gap:14px}.brand-logo{display:block;width:min(100%,340px);height:auto;border-radius:12px;background:#fdfbf2;object-fit:contain}.boot__mark{width:min(82vw,320px);max-width:100%;height:auto}.settings-brand{display:flex;justify-content:center;margin:0 0 20px}@media (min-width: 900px){.pagewrap{padding-top:16px;max-width:min(calc(760px * var(--fscale, 1)),100%)}.bar{padding:8px 14px}}@media (max-width: 480px){.dock{padding:6px 8px calc(8px + env(safe-area-inset-bottom));gap:6px}.statusline{gap:8px}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){[data-theme=crystal]{--page: rgba(255, 255, 255, .93);--page-2: rgba(255, 255, 255, .88);--sheet: rgba(252, 253, 255, .98);--sheet-2: rgba(240, 244, 252, .98)}}.portion{margin:0 14px 16px;padding:14px 16px 12px;background:var(--sheet-2);border-radius:var(--r-md);border:1px solid var(--line)}.portion__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.portion__head b{font-size:15px;font-weight:600}.portion__head span{font-size:11.5px;color:var(--ink-faint)}.portion__row{display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px 10px;align-items:start;padding:8px 0;border-top:1px solid var(--line)}.portion__name{display:flex;flex-direction:column;gap:1px;font-size:13px;font-weight:600;color:var(--gold);padding-top:3px;line-height:1.35}.portion__name em{font-style:normal;font-size:10.5px;font-weight:500;color:var(--ink-faint)}.portion__pages{display:flex;flex-wrap:wrap;gap:6px}.portion__page{min-width:38px;height:32px;padding:0 8px;border-radius:var(--r-sm);background:var(--sheet);border:1px solid var(--line);color:var(--ink);font-size:13.5px;font-variant-numeric:tabular-nums;transition:background .18s,border-color .18s}.portion__page:hover{background:var(--gold-wash);border-color:var(--gold-dim)}.portion__hint{grid-column:2;font-size:11.5px;color:var(--ink-dim)}.bm{display:flex;align-items:center;gap:6px;border-top:1px solid var(--line)}.bm__go{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:9px 2px;text-align:start}.bm__go b{font-family:var(--quran);font-size:17px;font-weight:400;color:var(--ink)}.bm__go span{font-size:11.5px;color:var(--ink-dim)}.bm__off{flex:0 0 auto;width:32px;height:32px;color:var(--ink-faint)}.bm__off:hover{color:var(--err);background:color-mix(in oklab,var(--err) 12%,transparent)}.advanced{margin:18px 0 6px;border-top:1px solid var(--line);padding-top:4px}.advanced>summary{cursor:pointer;list-style:none;padding:12px 0;font-size:12.5px;font-weight:600;color:var(--ink-dim);display:flex;align-items:center;gap:8px;min-height:44px}.advanced>summary::-webkit-details-marker{display:none}.advanced>summary:before{content:"";width:6px;height:6px;border-inline-end:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .22s var(--ease);flex:0 0 auto}.advanced[open]>summary:before{transform:rotate(-45deg)}:root[dir=ltr] .advanced>summary:before{transform:rotate(-45deg)}:root[dir=ltr] .advanced[open]>summary:before{transform:rotate(45deg)}.advanced[open]>summary{color:var(--gold)}.w--mark-off{visibility:hidden}.w--rub{color:var(--gold, currentColor);opacity:.85}.surahband--glyph{display:block;text-align:center;font-size:calc(var(--qsize) * 1.9);line-height:1.6;color:var(--ink);direction:rtl;white-space:nowrap}.basmala{font-family:var(--quran);font-size:var(--qsize);overflow:visible}@font-face{font-family:QCF4_Hafs_01;src:url(/fonts/qcf4/QCF4_Hafs_01.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_02;src:url(/fonts/qcf4/QCF4_Hafs_02.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_03;src:url(/fonts/qcf4/QCF4_Hafs_03.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_04;src:url(/fonts/qcf4/QCF4_Hafs_04.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_05;src:url(/fonts/qcf4/QCF4_Hafs_05.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_06;src:url(/fonts/qcf4/QCF4_Hafs_06.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_07;src:url(/fonts/qcf4/QCF4_Hafs_07.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_08;src:url(/fonts/qcf4/QCF4_Hafs_08.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_09;src:url(/fonts/qcf4/QCF4_Hafs_09.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_10;src:url(/fonts/qcf4/QCF4_Hafs_10.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_11;src:url(/fonts/qcf4/QCF4_Hafs_11.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_12;src:url(/fonts/qcf4/QCF4_Hafs_12.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_13;src:url(/fonts/qcf4/QCF4_Hafs_13.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_14;src:url(/fonts/qcf4/QCF4_Hafs_14.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_15;src:url(/fonts/qcf4/QCF4_Hafs_15.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_16;src:url(/fonts/qcf4/QCF4_Hafs_16.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_17;src:url(/fonts/qcf4/QCF4_Hafs_17.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_18;src:url(/fonts/qcf4/QCF4_Hafs_18.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_19;src:url(/fonts/qcf4/QCF4_Hafs_19.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_20;src:url(/fonts/qcf4/QCF4_Hafs_20.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_21;src:url(/fonts/qcf4/QCF4_Hafs_21.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_22;src:url(/fonts/qcf4/QCF4_Hafs_22.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_23;src:url(/fonts/qcf4/QCF4_Hafs_23.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_24;src:url(/fonts/qcf4/QCF4_Hafs_24.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_25;src:url(/fonts/qcf4/QCF4_Hafs_25.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_26;src:url(/fonts/qcf4/QCF4_Hafs_26.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_27;src:url(/fonts/qcf4/QCF4_Hafs_27.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_28;src:url(/fonts/qcf4/QCF4_Hafs_28.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_29;src:url(/fonts/qcf4/QCF4_Hafs_29.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_30;src:url(/fonts/qcf4/QCF4_Hafs_30.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_31;src:url(/fonts/qcf4/QCF4_Hafs_31.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_32;src:url(/fonts/qcf4/QCF4_Hafs_32.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_33;src:url(/fonts/qcf4/QCF4_Hafs_33.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_34;src:url(/fonts/qcf4/QCF4_Hafs_34.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_35;src:url(/fonts/qcf4/QCF4_Hafs_35.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_36;src:url(/fonts/qcf4/QCF4_Hafs_36.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_37;src:url(/fonts/qcf4/QCF4_Hafs_37.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_38;src:url(/fonts/qcf4/QCF4_Hafs_38.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_39;src:url(/fonts/qcf4/QCF4_Hafs_39.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_40;src:url(/fonts/qcf4/QCF4_Hafs_40.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_41;src:url(/fonts/qcf4/QCF4_Hafs_41.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_42;src:url(/fonts/qcf4/QCF4_Hafs_42.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_43;src:url(/fonts/qcf4/QCF4_Hafs_43.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_44;src:url(/fonts/qcf4/QCF4_Hafs_44.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_45;src:url(/fonts/qcf4/QCF4_Hafs_45.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_46;src:url(/fonts/qcf4/QCF4_Hafs_46.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_Hafs_47;src:url(/fonts/qcf4/QCF4_Hafs_47.woff2) format("woff2");font-display:block}@font-face{font-family:QCF4_QBSML;src:url(/fonts/qcf4/QCF4_QBSML.woff2) format("woff2");font-display:block}.brief{margin:0 auto;width:min(580px,100%);background:color-mix(in oklab,var(--sheet) 92%,transparent);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid var(--line);border-top:1px solid var(--gold-wash);border-radius:var(--r-lg);box-shadow:var(--shadow);pointer-events:auto;overflow:hidden;outline:none;transform-origin:var(--clip-cx, 50%) bottom;animation:briefUnfold var(--motion-enter, .21s) var(--motion-ease-out, ease-out) both}.brief.is-closing{animation:briefFold var(--motion-exit, .15s) var(--motion-ease-in, ease-in) both;pointer-events:none}@keyframes briefUnfold{0%{opacity:0;transform:translateY(8px)}55%{opacity:1}to{opacity:1;transform:none}}@keyframes briefFold{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(6px)}}.brief__stats{display:grid;grid-template-columns:repeat(3,1fr);align-items:end}.brief-stat{position:relative;text-align:center;padding:15px 6px 13px}.brief-stat+.brief-stat:before{content:"";position:absolute;inset-inline-start:0;top:24%;bottom:24%;width:1px;background:linear-gradient(to bottom,transparent,var(--line),transparent)}.brief-stat b{display:block;font-size:27px;font-weight:700;line-height:1.15;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.015em}.brief-stat b i{font-style:normal;font-size:12.5px;font-weight:600;color:var(--ink-dim);margin-inline-start:4px;letter-spacing:0}.brief-stat span{display:block;margin-top:3px;font-size:11px;color:var(--ink-dim)}.brief__verdict{border-top:1px solid var(--line);padding:11px 14px}.brief__clean{margin:0;font-size:13px;color:var(--ink-dim);text-align:center}.brief__clean em{font-style:normal;opacity:.72}.brief__tags{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.brief-tag{display:inline-flex;align-items:baseline;gap:5px;font-size:12px;color:var(--ink-dim);background:var(--sheet-2);border:1px solid var(--edge);border-radius:var(--r-full);padding:4px 11px}.brief-tag b{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}.brief-tag--warn b{color:var(--warn)}.brief-tag--err b{color:var(--err)}.brief-tag--ok b{color:var(--ok)}.brief__repeat{border-top:1px solid var(--line)}.brief__group{padding:10px 14px 6px;font-size:11.5px;font-weight:700;color:var(--gold)}.brief__group em{display:block;margin-top:2px;font-style:normal;font-weight:400;color:var(--ink-dim);opacity:.85}.brief__list{max-height:min(34vh,240px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 8px 8px}.brief{display:flex;flex-direction:column}.brief>*{flex:0 0 auto}.brief>.brief__repeat{flex:0 1 auto;min-height:0;display:flex;flex-direction:column}.brief__repeat>*{flex:0 0 auto}.brief__repeat>.brief__list{flex:0 1 auto;min-height:min(104px,100%)}.brief-row{width:100%;min-height:48px;display:flex;align-items:center;gap:9px;padding:5px 8px;border-radius:var(--r-sm, 10px);background:transparent;border:0;color:inherit;text-align:start;cursor:pointer;transition:background var(--motion-fast, .16s) var(--motion-ease-out, ease-out)}.brief-row__kind{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;min-width:46px;font-size:10.5px;font-weight:650;color:var(--ink-dim)}.brief-row__kind:before{content:"";flex:0 0 auto;width:11px;height:11px;box-sizing:border-box;border-radius:50%;border:1.5px dotted var(--warn)}.brief-row__kind--wrong:before{border-style:dashed;border-color:var(--err)}.brief-row__kind--skipped:before{border:0;border-radius:3px;background:color-mix(in srgb,var(--err) 30%,transparent)}.brief-row__body{flex:1;min-width:0;display:grid}.brief-row__what{font-size:11.5px;line-height:1.45;color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brief-row:hover,.brief-row:focus-visible{background:var(--sheet-2)}.brief-row__n{flex:0 0 auto;font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;color:var(--gold);background:var(--gold-wash);border-radius:var(--r-full);padding:2px 8px}.brief-row__w{min-width:0;font-family:var(--quran);font-size:17px;line-height:1.55;color:var(--ink);white-space:nowrap}.brief-row__at{flex:0 0 auto;display:grid;justify-items:end;gap:3px;font-size:11px;color:var(--ink-dim)}.brief__all{width:100%;min-height:44px;padding:0 14px;background:transparent;border:0;color:var(--gold);font-size:12.5px;font-weight:600;text-align:center;cursor:pointer}.brief__foot{display:flex;gap:8px;border-top:1px solid var(--line);padding:8px 10px 10px}.brief__resume{flex:1;min-height:46px;font-weight:650}.brief__share{flex:0 0 auto;min-height:46px}.brief__share:only-child{flex:1}.mic--close{background:var(--gold-wash);border-color:color-mix(in oklab,var(--gold) 34%,transparent);color:var(--gold)}.mic--close:hover{background:color-mix(in oklab,var(--gold) 18%,var(--sheet-2))}@media (prefers-reduced-motion: reduce){.brief,.brief.is-closing,.brief-stat,.brief__verdict,.brief__repeat{animation:none;opacity:1;transform:none;filter:none;clip-path:none}}@supports not (color: color-mix(in oklab,red,blue)){.brief{background:var(--sheet)}.mic--close{border-color:var(--gold)}}[data-theme=night]{--bg: #081518;--bg-glow: radial-gradient(900px 520px at 92% -8%, rgba(53, 111, 115, .18), transparent 62%), radial-gradient(760px 480px at 5% 108%, rgba(139, 91, 49, .13), transparent 64%);--page: #102124;--page-2: #0d1c1f;--sheet: #102124;--sheet-2: #16292c;--ink: #f0ecdf;--ink-dim: #b5bfbc;--ink-faint: #8d9a98;--gold: #cd9f6b;--gold-dim: #d0a776;--gold-wash: rgba(201, 154, 102, .12);--gold-gradient: linear-gradient(135deg, #e0b982 0%, #c18f5b 52%, #93643a 100%);--edge: rgba(224, 211, 184, .13);--edge-strong: rgba(201, 154, 102, .46);--line: rgba(231, 224, 205, .1);--carve-dark: rgba(0, 0, 0, .42);--carve-light: rgba(255, 255, 255, .08);--shadow: 0 34px 88px -32px rgba(0, 0, 0, .88), 0 2px 10px rgba(0, 0, 0, .24);--ok: #70b9a8;--warn: #e6b653;--warn-ring: #efba46;--err: #f0787f;--mask: rgba(240, 236, 223, .2);color-scheme:dark}[data-theme=night] *{scrollbar-color:rgba(201,154,102,.45) transparent}:root{--surface-blur: blur(24px) saturate(1.65) brightness(1.02)}:root .page{background:linear-gradient(178deg,var(--page) 0%,var(--page-2) 100%);border:1px solid var(--edge);transition:box-shadow .25s var(--ease)}:root .line{color:var(--ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root .line .w{transition:color .16s var(--ease),background .16s var(--ease),transform .16s var(--ease),box-shadow .16s}@media (hover: hover){:root .line .w--tap:hover{background:var(--gold-wash);box-shadow:inset 0 1px 1px var(--carve-light),0 0 0 1px var(--edge-strong);color:var(--ink);border-radius:4px}:root .iconbtn:hover{background:color-mix(in oklab,var(--sheet) 76%,var(--gold-wash));color:var(--ink);box-shadow:inset 0 1px 1px var(--carve-light),0 4px 12px -2px color-mix(in oklab,var(--bg) 22%,transparent)}:root .mic:hover{background:color-mix(in oklab,var(--sheet) 88%,var(--gold-wash));border-color:var(--edge-strong);transform:translateY(-1px);box-shadow:inset 0 1.5px 1px var(--carve-light),0 6px 18px -3px color-mix(in oklab,var(--bg) 28%,transparent)}:root .grid button:hover{background:color-mix(in oklab,var(--sheet) 88%,var(--gold-wash));transform:translateY(-1px);box-shadow:inset 0 1px 1px var(--carve-light),0 4px 14px -2px color-mix(in oklab,var(--bg) 24%,transparent)}:root .row:hover{background:color-mix(in oklab,var(--sheet) 78%,var(--gold-wash));box-shadow:inset 0 1px 1px var(--carve-light),0 2px 6px color-mix(in oklab,var(--bg) 14%,transparent)}:root .btn:hover{background:color-mix(in oklab,var(--sheet) 90%,var(--gold-wash));transform:translateY(-1px);box-shadow:inset 0 1px 1px var(--carve-light),0 4px 14px -3px color-mix(in oklab,var(--bg) 26%,transparent)}}:root .line .w--hidden,:root .line .w--hidden:hover{color:transparent;background:none;box-shadow:none}:root .line :is(.w--ok,.w--weak,.w--harakat,.w--wrong,.w--skipped,.w--unsure){transition:color .16s var(--ease),background .16s var(--ease),box-shadow .16s,opacity .2s var(--ease),filter .2s var(--ease)}:root .line :is(.w--veiled,.w--hidden){transition:none}:root .page__lamp{background:radial-gradient(60% 60% at 50% 50%,var(--gold-wash) 0%,color-mix(in oklab,var(--bg) 16%,transparent) 45%,transparent 72%)}:root .page__lamp.on{opacity:1}:root .page__frame{color:var(--edge-strong);border-color:currentColor;opacity:.85}:root .page__knot{color:var(--gold);filter:drop-shadow(0 1px 3px var(--gold-wash))}:root .page__bead{background:linear-gradient(135deg,var(--gold-dim) 0%,var(--gold) 100%);box-shadow:0 1px 4px var(--gold-wash)}:root .ayahmark,:root .ayahmark b{color:var(--gold)}:root .ayahmark b{font-weight:600}:root .surahband{background:linear-gradient(135deg,color-mix(in oklab,var(--sheet) 94%,var(--gold-wash)),color-mix(in oklab,var(--sheet-2) 90%,var(--gold-wash)));border:1px solid var(--edge);box-shadow:inset 0 1.25px 1px var(--carve-light),inset 0 0 0 1px color-mix(in oklab,var(--edge-strong) 42%,transparent),0 4px 16px -3px color-mix(in oklab,var(--bg) 32%,transparent);border-radius:14px}:root .surahband span{color:var(--gold);font-weight:700;text-shadow:0 1px 2px var(--carve-light);letter-spacing:.03em}:root .basmala{color:var(--ink)}:root .pagefoot b{background:color-mix(in oklab,var(--sheet) 92%,transparent);border-color:var(--edge);box-shadow:inset 0 1px 1px var(--carve-light),0 2px 8px color-mix(in oklab,var(--bg) 18%,transparent);color:var(--gold-dim);font-weight:600}:root .bar{background:var(--sheet);border:1px solid var(--edge);box-shadow:inset 0 1.25px 1px var(--carve-light),inset 0 0 0 1px color-mix(in oklab,var(--edge) 70%,transparent),0 20px 50px -12px color-mix(in oklab,var(--bg) 62%,transparent);transition:transform .22s var(--ease),box-shadow .22s var(--ease)}:root .iconbtn{color:var(--ink-dim)}:root .iconbtn.on{color:var(--gold);background:color-mix(in oklab,var(--sheet) 72%,var(--gold-wash));box-shadow:inset 0 1px 1px var(--carve-light),0 3px 12px -2px var(--gold-wash)}:root .mic{background:linear-gradient(135deg,var(--sheet),var(--sheet-2));border:1px solid var(--edge);box-shadow:inset 0 1.25px 1px var(--carve-light),inset 0 -1px 1px var(--carve-dark),0 3px 14px -3px color-mix(in oklab,var(--bg) 22%,transparent);color:var(--ink);transition:background .22s var(--ease),border-color .22s var(--ease),color .22s var(--ease),box-shadow .22s var(--ease),transform .22s var(--ease)}:root .word-glider__ribbon{background:linear-gradient(90deg,transparent,var(--gold) 16%,var(--gold) 84%,transparent);box-shadow:0 1px 5px color-mix(in oklab,var(--gold) 48%,transparent)}:root .statusline{background:var(--sheet);border:1px solid var(--edge);box-shadow:inset 0 1.25px 1px var(--carve-light),0 12px 32px -8px color-mix(in oklab,var(--bg) 42%,transparent)}:root .statusline.err{border-color:var(--err)}:root .brief{background:var(--sheet);-webkit-backdrop-filter:none;backdrop-filter:none}:root .sheet{border-top:1px solid var(--edge)}:root .sheet__grip{background:var(--mask);box-shadow:0 1px 0 var(--carve-light)}:root .tabs{background:var(--sheet-2);border:1px solid var(--edge);box-shadow:inset 0 1px 2px var(--carve-dark)}:root .tabs:before{background:var(--sheet);box-shadow:inset 0 1px 1px var(--carve-light),0 2px 10px -2px color-mix(in oklab,var(--bg) 30%,transparent)}:root .seg{background:var(--sheet-2);border:1px solid var(--edge)}:root .seg button.on{background:color-mix(in oklab,var(--sheet) 82%,var(--gold-wash));color:var(--gold);box-shadow:inset 0 1px 1px var(--carve-light),0 2px 8px -2px color-mix(in oklab,var(--bg) 26%,transparent)}:root .grid button{background:var(--sheet-2);border:1px solid var(--edge);box-shadow:inset 0 1px 1px var(--carve-light),0 2px 6px -2px color-mix(in oklab,var(--bg) 16%,transparent);transition:background .18s,transform .18s,box-shadow .18s}:root .grid button.on{background:color-mix(in oklab,var(--sheet) 78%,var(--gold-wash));border-color:var(--edge-strong);color:var(--gold);box-shadow:inset 0 1px 1px var(--carve-light),0 3px 12px -2px var(--gold-wash)}:root .field{background:var(--sheet-2);border:1px solid var(--edge);box-shadow:inset 0 1px 2px var(--carve-dark)}:root .field:focus{background:color-mix(in oklab,var(--sheet) 88%,var(--gold-wash));border-color:var(--edge-strong);box-shadow:inset 0 1px 1px var(--carve-light),0 0 0 3px var(--gold-wash)}:root .sw{background:var(--mask);border:1px solid var(--edge)}:root .sw:after{background:var(--ink-dim);box-shadow:0 1.5px 5px color-mix(in oklab,var(--bg) 28%,transparent)}:root .sw.on{background:var(--ok);border-color:var(--ok)}:root .sw.on:after{background:var(--sheet)}:root .row{border-radius:12px;padding:10px;margin-bottom:2px;border-bottom:1px solid var(--line);transition:background .16s,transform .16s}:root:not([data-touch-feedback]) .row:active{background:color-mix(in oklab,var(--sheet) 88%,var(--gold-wash));transform:scale(.985)}:root .btn{background:color-mix(in oklab,var(--sheet) 82%,var(--gold-wash));border:1px solid var(--edge);box-shadow:inset 0 1px 1px var(--carve-light),0 2px 10px -2px color-mix(in oklab,var(--bg) 20%,transparent);transition:background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease)}:root .btn--flat{background:var(--sheet-2);border-color:var(--line)}:root .ayahrow{border-bottom:1px solid var(--line);transition:background .18s var(--ease)}:root .ayahrow.is-current{background:var(--gold-wash);border-radius:var(--r-md);box-shadow:inset 0 1px 1px var(--carve-light),0 3px 12px -3px var(--gold-wash)}:root :where(button,a[href],input,select,textarea,[tabindex]:not([tabindex="-1"])):focus-visible{outline:3px solid var(--focus);outline-offset:3px}:root .dock{padding-bottom:max(10px,env(safe-area-inset-bottom))}@media (max-width: 480px){:root .bar{border-radius:28px;padding:4px 8px;gap:4px;max-width:95vw}:root .iconbtn{padding:0}:root .mic{min-width:98px;height:44px;padding:0 10px;gap:5px}:root .mic__label{font-size:12.5px}:root .sheet{padding-bottom:max(18px,env(safe-area-inset-bottom))}:root .statusline{font-size:12px;padding:6px 10px;max-width:95vw}}@media (min-width: 900px){:root .bar{border-radius:24px;margin-bottom:16px;margin-inline:auto;max-width:780px}:root .surahband{max-width:520px;margin-inline:auto}:root .page:hover{box-shadow:inset 0 1.25px 1px var(--carve-light),inset 0 0 0 1px var(--edge),0 36px 95px -20px color-mix(in oklab,var(--bg) 66%,transparent),0 0 0 1px var(--edge)}}@media (hover: hover) and (pointer: fine){@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) and (color: color-mix(in oklab,red,red)){:root .bar,:root .statusline,:root .brief{background:color-mix(in oklab,var(--sheet) 88%,transparent);-webkit-backdrop-filter:var(--surface-blur);backdrop-filter:var(--surface-blur)}}}@media (prefers-reduced-transparency: reduce){:root .bar,:root .statusline,:root .brief{background:var(--sheet);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (forced-colors: active){:root :is(.iconbtn.on,.tabs__tab.on,.seg button.on,.grid button.on){forced-color-adjust:none;background:Highlight;color:HighlightText;box-shadow:none}:root .tabs:before{display:none}:root .sw{forced-color-adjust:none;background:Canvas;border-color:ButtonText}:root .sw:after{background:ButtonText;box-shadow:none}:root .sw.on{background:Highlight}:root .sw.on:after{background:HighlightText}:root .row.is-current{outline:2px solid Highlight;outline-offset:-2px}}:root .bar{position:relative;isolation:isolate;overflow:hidden;display:grid;align-items:stretch}:root .bar__idle,:root .recite-row{grid-area:1 / 1;min-width:0}:root .recite-row{display:flex;align-items:center;gap:6px;pointer-events:none}:root .recite-row>.recite-stage{flex:1 1 auto;min-width:0}:root .recite-help{flex:0 0 auto;width:44px;height:44px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--motion-fast, .16s) ease}:root .dock--reciting .recite-help{opacity:1;visibility:visible;pointer-events:auto}:root .dock--reciting .recite-help:disabled{opacity:.35}:root .dock--reciting .recite-row .recite-help.recite-help--owed{color:var(--err);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--err) 55%,transparent)}:root .recite-help--graded{position:relative}:root .recite-help--graded svg{transform:translateY(-3px)}:root .recite-help__pips{position:absolute;inset-inline:0;bottom:6px;display:flex;justify-content:center;gap:3px;pointer-events:none}:root .recite-help__pips i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.3}:root .recite-help__pips i.on{background:var(--gold);opacity:1}:root .hint-line{justify-content:center;gap:12px;padding-block:3px 9px}:root .hint-line__label{flex:0 0 auto;font-size:12px;font-weight:700;color:var(--gold)}:root .hint-line__text{min-width:0;font-family:var(--quran);font-size:24px;line-height:1.9;color:var(--ink);overflow-wrap:anywhere;animation:rise .2s var(--ease)}:root .hint-line--3 .hint-line__text{font-size:20px;line-height:1.8}:root .bar__idle{width:100%;display:flex;align-items:center;gap:4px;opacity:1;transition:opacity var(--motion-fast, .16s) ease}:root .bar__idle .iconbtn .kbd-hint{display:none}:root .bar__idle .mic{overflow:hidden}:root:not([data-touch-feedback]) .bar__idle .mic:active{transform:scale(.975)}:root .recite-stage{--recite-accent: var(--ok);--recite-accent-wash: color-mix(in oklab, var(--ok) 15%, transparent);position:relative;width:100%;height:48px;min-height:44px;margin:0;padding:4px 11px;border:0;border-radius:calc(var(--r-full) - 4px);overflow:hidden;isolation:isolate;display:grid;grid-template-columns:38px minmax(0,1fr) 52px;align-items:center;gap:9px;direction:rtl;text-align:start;color:var(--ink);background:radial-gradient(circle at 100% 50%,var(--recite-accent-wash),transparent 36%),linear-gradient(105deg,color-mix(in oklab,var(--sheet-2) 94%,var(--recite-accent-wash)),color-mix(in oklab,var(--sheet) 96%,transparent));box-shadow:inset 0 1px 0 var(--carve-light),inset 0 0 0 1px color-mix(in oklab,var(--recite-accent) 24%,var(--edge));opacity:0;visibility:hidden;pointer-events:none;clip-path:inset(4px 30% round 999px);transition:clip-path var(--motion-enter, .28s) var(--motion-ease-out, ease-out),opacity var(--motion-fast, .16s) ease,transform var(--motion-press, .12s) var(--motion-ease-out, ease-out),visibility 0s linear var(--motion-enter, .21s)}:root .recite-stage:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 78% 50%,color-mix(in oklab,var(--recite-accent) 16%,transparent),transparent 42%);opacity:.3;transform:none;transition:opacity .12s ease}:root .recite-stage.is-speaking:before{opacity:.46}:root .recite-stage:after{content:"";position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid color-mix(in oklab,var(--recite-accent) 14%,transparent);pointer-events:none}:root .dock--reciting .bar{border-color:color-mix(in oklab,var(--edge-strong) 68%,var(--ok));box-shadow:inset 0 1.25px 1px var(--carve-light),inset 0 0 0 1px color-mix(in oklab,var(--edge) 70%,transparent),0 20px 50px -12px color-mix(in oklab,var(--bg) 62%,transparent);animation:none}:root .dock--reciting .bar__idle{opacity:0;pointer-events:none;transition-delay:0s}:root .dock--reciting .recite-stage{opacity:1;visibility:visible;pointer-events:auto;clip-path:inset(0 round calc(var(--r-full) - 4px));transition-delay:0s}:root .recite-stage:hover{background:radial-gradient(circle at 100% 50%,color-mix(in oklab,var(--recite-accent) 19%,transparent),transparent 38%),linear-gradient(105deg,color-mix(in oklab,var(--sheet-2) 91%,var(--recite-accent-wash)),color-mix(in oklab,var(--sheet) 94%,transparent))}:root:not([data-touch-feedback]) .recite-stage:active .recite-stage__signal{transform:scale(.94)}:root .recite-stage:focus-visible{outline:2px solid color-mix(in oklab,var(--recite-accent) 76%,var(--ink));outline-offset:-3px}:root .recite-stage--starting,:root .recite-stage.is-processing{--recite-accent: var(--gold);--recite-accent-wash: color-mix(in oklab, var(--gold) 16%, transparent)}:root .recite-stage.has-note,:root .recite-stage.has-slip--wrong,:root .recite-stage.is-armed{--recite-accent: var(--err);--recite-accent-wash: color-mix(in oklab, var(--err) 12%, transparent)}:root .recite-stage.has-slip--harakat{--recite-accent: var(--warn);--recite-accent-wash: color-mix(in oklab, var(--warn) 14%, transparent)}:root .recite-stage.has-slip--skipped{--recite-accent: var(--ink-dim);--recite-accent-wash: transparent}:root .recite-stage__signal{position:relative;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;overflow:hidden;color:var(--recite-accent);background:color-mix(in oklab,var(--recite-accent) 12%,var(--sheet));border:1px solid color-mix(in oklab,var(--recite-accent) 28%,var(--edge));box-shadow:inset 0 1px 1px var(--carve-light);transition:color var(--motion-panel, .22s) ease,background var(--motion-panel, .22s) ease,border-color var(--motion-panel, .22s) ease,transform var(--motion-press, 90ms) var(--motion-ease-out, ease-out)}:root .recite-stage__signal-ring{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:inherit;border:1px solid color-mix(in oklab,var(--recite-accent) 42%,transparent);opacity:.52;transform:scale(.78)}:root .recite-stage__stop{position:relative;z-index:1;width:18px;height:18px;display:grid;place-items:center}:root .recite-stage__stop svg{width:17px;height:17px}:root .recite-stage--starting .recite-stage__stop svg{opacity:0}:root .recite-stage--starting .recite-stage__stop:before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid color-mix(in oklab,var(--gold) 24%,transparent);border-top-color:var(--gold);animation:reciteSpin .8s linear infinite}:root .recite-stage.is-counting .recite-stage__stop{display:none}:root .recite-stage.is-counting .recite-stage__signal-ring{top:2px;right:2px;bottom:2px;left:2px;opacity:1;transform:none;border-width:2px;border-color:#80808038;border-top-color:var(--gold);animation:reciteSpin 1.1s linear infinite}:root .recite-stage__count{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--gold);font-size:11.5px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}:root .recite-stage__copy{min-width:0;align-self:stretch;display:grid;align-content:center;gap:0;overflow:visible;clip-path:inset(-7px 0 -7px 0)}:root .recite-stage__meta{min-width:0;height:13px;display:flex;align-items:center;gap:6px;overflow:hidden;white-space:nowrap;color:var(--ink-dim);font-size:10.5px;line-height:13px;font-weight:650}:root .recite-stage__live-dot{width:5px;height:5px;flex:0 0 auto;border-radius:50%;background:var(--recite-accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--recite-accent) 10%,transparent);transform-origin:center}:root .recite-stage.is-processing .recite-stage__live-dot{animation:reciteBusy .72s ease-in-out infinite alternate}:root .recite-stage__verdict{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--ink-faint);font-weight:500}:root .recite-stage__verdict b{color:var(--warn);font:inherit;font-weight:650}:root .recite-stage__transcript,:root .recite-stage__placeholder{min-width:0;width:100%;height:27px;overflow:visible;white-space:nowrap;text-overflow:clip;display:block;color:var(--ink);line-height:28px}:root .recite-stage__transcript{font-family:var(--quran);font-size:17px;font-weight:400;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 18px,#000 100%);mask-image:linear-gradient(to right,transparent 0,#000 18px,#000 100%);animation:reciteTranscriptIn var(--motion-fast, .12s) ease-out both}:root .recite-stage__placeholder{color:var(--ink-dim);font-size:13px;overflow:hidden;text-overflow:ellipsis}:root .recite-stage--starting{min-height:44px;height:48px}:root .recite-stage__cancel{display:none;color:var(--ink-dim);font-size:11.5px;font-weight:650;white-space:nowrap}:root .recite-stage--starting .recite-stage__cancel{display:block}:root .recite-stage--starting .recite-wave{display:none}:root .recite-stage__slip{min-width:0;height:27px;display:flex;align-items:baseline;gap:7px;white-space:nowrap;line-height:28px;animation:reciteTranscriptIn var(--motion-fast, .12s) ease-out both}:root .recite-stage__slip-word{flex:0 0 auto;font-family:var(--quran);font-size:17px;color:var(--ink)}:root .recite-stage__slip-what{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--ink);font-size:12.5px;font-weight:600}:root .recite-stage.has-slip .recite-stage__meta{color:var(--recite-accent)}:root .recite-stage.has-slip .recite-stage__live-dot{width:9px;height:9px;background:none;box-shadow:none;border:1.5px dotted var(--recite-accent)}:root .recite-stage.has-slip--wrong .recite-stage__live-dot{border-style:dashed}:root .recite-stage.has-note .recite-stage__meta{display:none}:root .recite-stage__note{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--err);font-size:12px;font-weight:600;line-height:15px;white-space:normal;animation:reciteTranscriptIn var(--motion-fast, .12s) ease-out both}:root .recite-stage.is-armed .recite-stage__signal{color:#fff;background:var(--err);border-color:var(--err)}:root .recite-stage.is-armed .recite-stage__placeholder{color:var(--ink);font-weight:650}:root .recite-stage.is-armed .recite-stage__meta{color:var(--err)}:root .recite-stage__fuse{position:absolute;inset-inline:0;bottom:0;height:3px;background:var(--err);transform-origin:100% 50%;animation:reciteFuse 3.2s linear forwards}:root .recite-stage__word{display:inline-block;opacity:1;filter:none;transform:none}:root .recite-stage__ellipsis{color:var(--ink-faint)}:root .recite-stage__motion{position:relative;width:52px;height:30px;overflow:hidden;display:grid;place-items:center}:root .recite-wave{transition:opacity var(--motion-fast, .16s) ease,transform var(--motion-panel, .22s) var(--motion-ease-out, ease-out)}:root .recite-wave{width:48px;height:26px;display:flex;align-items:center;justify-content:center;gap:2.5px;color:var(--recite-accent);opacity:.76}:root .recite-wave i{width:3px;height:24px;flex:0 0 auto;border-radius:999px;background:linear-gradient(to top,color-mix(in oklab,currentColor 55%,transparent),currentColor);opacity:.42;transform:scaleY(.14);transform-origin:50% 50%;transition:transform 70ms linear,opacity 90ms ease}:root .recite-stage:not(.recite-stage--starting).is-speaking .recite-wave{opacity:1}:root .recite-stage__live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes reciteSpin{to{transform:rotate(360deg)}}@keyframes reciteBusy{0%{opacity:.45;transform:scale(.78)}to{opacity:1;transform:scale(1)}}@keyframes reciteTranscriptIn{0%{opacity:.72}to{opacity:1}}@keyframes reciteFuse{0%{transform:scaleX(1)}to{transform:scaleX(0)}}:root .recite-cut{align-items:center;gap:8px;padding-block:6px;padding-inline:14px 6px}:root .recite-cut__text{flex:1 1 0;min-width:0;display:grid;gap:1px}:root .recite-cut__title{color:var(--err);font-family:inherit;font-size:14px;font-weight:700}:root .recite-cut__again{flex:0 0 auto;min-height:44px;padding:0 14px;font-weight:650;white-space:nowrap}:root .recite-cut__close{flex:0 0 auto;width:44px;height:44px}:root .recite-cut--live{border-color:var(--err)}@media (max-width: 480px){:root .bar__idle{gap:4px}:root .recite-stage{height:44px;padding:3px 8px;grid-template-columns:32px minmax(0,1fr) 40px;gap:7px}:root .recite-stage__signal{width:32px;height:32px}:root .recite-stage__motion{width:40px}:root .recite-wave{width:38px;gap:2px}:root .recite-wave i{width:2.5px;height:22px}:root .recite-stage__transcript,:root .recite-stage__placeholder{height:25px;line-height:25px}:root .recite-stage__transcript{font-size:15.5px}:root .recite-stage__placeholder{font-size:11.5px}:root .recite-stage__slip{height:25px;gap:6px;line-height:25px}:root .recite-stage__slip-word{font-size:15.5px}:root .recite-stage__slip-what{font-size:12px}:root .recite-stage__note{font-size:11.5px;line-height:14px}:root .recite-cut__again{padding:0 11px;font-size:13px}}@media (prefers-reduced-motion: reduce){:root .bar__idle,:root .recite-stage,:root .recite-stage *,:root .recite-stage:before,:root .recite-stage:after{animation:none!important;transition:none!important}:root .dock--reciting .recite-stage{clip-path:inset(0 round calc(var(--r-full) - 4px))}:root .recite-stage__word{opacity:1;filter:none;transform:none}:root .recite-wave i{opacity:.72!important;transform:scaleY(.38)!important}:root .recite-stage__fuse{transform:none!important}}@media (forced-colors: active){:root .recite-stage,:root .recite-stage__signal{border:1px solid ButtonText}:root .recite-stage__live-dot,:root .recite-wave i{background:Highlight}}@supports not (color: color-mix(in oklab,red,blue)){:root .recite-stage{background:var(--sheet-2);box-shadow:inset 0 0 0 1px var(--edge)}:root .recite-stage:before,:root .recite-stage:after{display:none}:root .recite-stage:focus-visible{outline:2px solid var(--recite-accent)}:root .recite-stage__signal{background:var(--sheet);border:1px solid var(--recite-accent)}:root .recite-stage__signal-ring,:root .recite-stage--starting .recite-stage__stop:before{border-color:var(--edge);border-top-color:var(--gold)}:root .recite-stage__live-dot{box-shadow:none}:root .recite-wave i{background:currentColor}:root .dock--reciting .bar{border-color:var(--ok);box-shadow:0 12px 32px -12px #00000080}}:root .bar__idle .modebtn{width:auto;min-width:50px;padding-inline:5px;align-content:center;row-gap:1px}:root .bar__idle .modebtn svg{width:19px;height:19px}:root .modebtn__name{font-size:10.5px;font-weight:650;line-height:1.15;letter-spacing:0;white-space:nowrap}:root .mode-note{justify-content:center;text-align:center}@font-face{font-family:PlexLatin;src:url(/fonts/plex-latin-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:PlexLatin;src:url(/fonts/plex-latin-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:PlexLatin;src:url(/fonts/plex-latin-600.woff2) format("woff2");font-weight:600;font-display:swap}html[lang=en]{--ui: "PlexLatin", "PlexAr", "Segoe UI", system-ui, sans-serif}.selected-notice,.update-notice{position:fixed;z-index:95;inset-inline:16px;bottom:calc(var(--dock-h, 104px) + 12px);margin-inline:auto;max-width:660px;padding:10px 14px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:var(--sheet);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow);font:13px/1.7 var(--ui)}.selected-notice span,.update-notice span{flex:1 1 220px}.update-notice button{color:var(--gold);background:transparent;border:1px solid var(--line);border-radius:var(--r-sm);padding:6px 12px;font:inherit;cursor:pointer}.selected-recovery,.recovery-screen{gap:14px;padding:24px;text-align:center}.selected-recovery p,.recovery-screen p{max-width:440px;font:15px/1.9 var(--ui);color:var(--ink-dim)}.selected-recovery{direction:inherit}.recovery-button{padding:10px 20px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--sheet);color:var(--gold);font:inherit;cursor:pointer}:root{--motion-press: 90ms;--motion-fast: .12s;--motion-panel: .16s;--motion-enter: .21s;--motion-exit: .15s;--motion-ease-out: cubic-bezier(.2, .8, .2, 1);--motion-ease-in: cubic-bezier(.4, 0, 1, 1)}:root .iconbtn{width:44px;height:44px;min-width:44px;min-height:44px;flex-shrink:0;transition:background var(--motion-fast) ease,color var(--motion-fast) ease,opacity var(--motion-fast) ease,transform var(--motion-press) var(--motion-ease-out)}:root .iconbtn:hover{transform:none}:root:not([data-touch-feedback]) .iconbtn:active{transform:scale(.97)}:root .iconbtn:disabled{opacity:.3;transform:none;cursor:default}:root .iconbtn:after{pointer-events:none}:root .reader-paddle:disabled{opacity:.16;pointer-events:none}:root:not([data-touch-feedback]) .reader-paddle:active{transform:translateY(-50%) scale(.97)}:root .reader:focus:not(:focus-visible){outline:none}:root .reader:focus-visible{outline-offset:-4px}:root .reader{scroll-behavior:auto}.sheet-layer{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;padding:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;border:0;background:transparent;color:var(--ink);font:14px/1.7 var(--ui);overflow:hidden}.sheet-layer:not([open]){display:none}.sheet-layer::backdrop{background:transparent}:root .scrim{background:#030c107a;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fade var(--motion-enter) ease both}:root .scrim.is-closing{animation:fadeOut var(--motion-exit) ease both}@media (hover: none) and (pointer: coarse),(prefers-reduced-transparency: reduce){:root .scrim{background:#030c108a;-webkit-backdrop-filter:none;backdrop-filter:none}}:root .sheet{max-height:88vh;max-height:min(88dvh,860px);border-radius:24px 24px 0 0;background:var(--sheet);animation:rise var(--motion-enter) var(--motion-ease-out) both;box-shadow:0 20px 72px #0000003d,inset 0 1px 0 var(--edge)}:root .sheet[data-full-height]{height:860px}:root .sheet.is-closing{animation:sink var(--motion-exit) var(--motion-ease-in) both}:root .sheet__grip{display:none}:root .sheet__head{padding:14px 18px 10px;gap:12px;flex-shrink:0}:root .sheet__head h2{font-size:18px;line-height:1.6;min-width:0}:root .sheet__head h2:focus{outline:none}:root .sheet__body{min-height:0;padding:0 18px 20px;overscroll-behavior:contain;scroll-padding-block:12px;scrollbar-gutter:stable}:root .sheet .group{font-size:12px;letter-spacing:0;margin-top:20px}:root .sheet .hint,:root .sheet .row__main>span{font-size:12px;line-height:1.8}:root .sheet .row__main>label{font-size:14px;font-weight:600}:root .sheet .row.is-current{background:var(--gold-wash);border-color:color-mix(in srgb,var(--gold) 38%,transparent)}:root .sheet :is(.field,select){min-height:44px;font-size:16px}:root .sheet .slider input{min-height:44px}:root .sheet :is(.btn,summary){min-height:44px}:root .sheet summary{display:flex;align-items:center;cursor:pointer}:root .sheet :is(p,.hint,.empty){-webkit-user-select:text;user-select:text}:root .tabs{--tab-direction: -1;display:grid;grid-template-columns:repeat(var(--n, 4),minmax(0,1fr));gap:0;padding:3px;margin:0 18px 12px;border-radius:14px;flex-shrink:0}:root .tabs:dir(ltr){--tab-direction: 1}:root .tabs:before{inset-inline-start:3px;top:3px;bottom:3px;width:calc((100% - 6px) / var(--n, 4));border-radius:10px;transform:translate(calc(var(--sel, 0) * var(--tab-direction) * 100%));transition:transform var(--motion-panel) var(--motion-ease-out)}:root .tabs .tabs__tab{min-height:44px;padding:8px 5px;font-size:13px;line-height:1.5}:root .tabs .tabs__tab:active{transform:none}:root .tabs--in-body{margin:0 0 14px}.sheet-panel[hidden]{display:none}.sheet-panel__content{animation:panelReveal var(--motion-press) var(--motion-ease-out) both}.sheet-layer:not([data-sheet-phase=open]) .sheet-panel__content{animation:none}:root .sheet-panel:focus-visible{outline-offset:-3px;border-radius:10px}:root .tabs__tab:focus-visible{outline-offset:-3px}:root .brief{max-height:min(55dvh,480px);overflow-y:auto;animation-duration:var(--motion-enter)}:root .brief.is-closing{animation-duration:var(--motion-exit)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes sink{0%{opacity:var(--sheet-exit-opacity, 1);transform:var(--sheet-exit-transform, none)}to{opacity:0;transform:translateY(12px)}}@keyframes fadeOut{0%{opacity:var(--sheet-exit-opacity, 1)}to{opacity:0}}@keyframes panelReveal{0%{opacity:.92}to{opacity:1}}@media (min-width: 760px){:root .sheet{max-width:640px;margin-inline:auto;bottom:24px;border-radius:24px}:root .sheet__head{padding:18px 24px 12px}:root .sheet__body{padding-inline:24px}:root .sheet>.tabs{margin-inline:24px}}@media (max-width: 480px){:root .bar__idle{gap:2px}:root .bar__idle .mic{min-width:0;margin-inline:0;flex:1}:root .bar__sep{display:none}:root .sheet__body{padding-inline:14px}:root .tabs{margin-inline:14px}:root .tabs--in-body{margin-inline:0}:root .tabs .tabs__tab{font-size:12px}}@media (max-height: 500px){:root .sheet{bottom:0;max-height:calc(100dvh - 8px)}:root .sheet__head{padding-block:6px}}@media (hover: hover) and (pointer: fine){:root .iconbtn:hover:not(:disabled):not(:active){transform:translateY(-1px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}:root .sheet,:root .sheet-panel__content{opacity:1;transform:none;filter:none}:root .iconbtn:hover:not(:disabled):not(:active){transform:none}:root .recite-stage:before{transform:none!important;opacity:.3!important}:root .recite-stage__transcript{transform:none!important}}:root[data-theme=crystal]{--liquid-fill: #f3f7fd;--liquid-panel: #f5f8fc;--liquid-blur: none;--liquid-accent: #0855b8;--liquid-ink: #17283e;--liquid-secondary: #43546a;--liquid-ease: cubic-bezier(.18, .8, .22, 1);--liquid-shadow: 0 16px 40px -22px rgb(24 49 85 / 34%), 0 3px 10px -6px rgb(27 47 78 / 24%), inset 0 1px 0 rgb(255 255 255 / 58%), inset 0 -1px 0 rgb(37 66 100 / 10%)}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){:root[data-theme=crystal]{--liquid-fill: rgb(242 248 255 / 48%);--liquid-panel: rgb(248 251 255 / 86%);--liquid-blur: blur(24px) saturate(1.4)}}:root[data-theme=crystal] :is(.bar,.sheet,.brief,.statusline,.reader-paddle,.selected-notice,.update-notice){background:linear-gradient(155deg,rgb(255 255 255 / 36%),transparent 42%,rgb(205 226 249 / 12%)),var(--liquid-fill);-webkit-backdrop-filter:var(--liquid-blur);backdrop-filter:var(--liquid-blur);border:1px solid rgb(255 255 255 / 42%);box-shadow:var(--liquid-shadow);color:var(--liquid-ink)}:root[data-theme=crystal] .bar{border-radius:999px;padding-block:7px}:root[data-theme=crystal] .dock--reciting .bar{border-radius:32px}:root[data-theme=crystal] .bar__sep{background:#253e5e1f}:root[data-theme=crystal] .sheet{--liquid-fill: var(--liquid-panel);border-inline-width:0;border-bottom-width:0;box-shadow:var(--liquid-shadow),0 28px 72px -24px #12244047}:root[data-theme=crystal] .scrim{background:#12223b38;-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-theme=crystal] :is(.brief,.statusline,.selected-notice,.update-notice){--liquid-fill: var(--liquid-panel);border-radius:26px}:root[data-theme=crystal] .statusline.err{color:var(--err);border-color:var(--err)}@media (hover: none) and (pointer: coarse){:root[data-theme=crystal] :is(.sheet,.brief,.statusline,.selected-notice,.update-notice){--liquid-fill: #f5f8fc;-webkit-backdrop-filter:none;backdrop-filter:none}}@supports ((mask-composite: exclude) or (-webkit-mask-composite: xor)){:root[data-theme=crystal] :is(.bar,.sheet):before,:root[data-theme=crystal] :is(.bar,.sheet):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;padding:.75px;border-radius:inherit;pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}:root[data-theme=crystal] :is(.bar,.sheet):before{background:linear-gradient(130deg,#fff,transparent 28%,rgb(105 145 179 / 20%) 55%,rgb(255 255 255 / 90%) 82%,transparent)}:root[data-theme=crystal] :is(.bar,.sheet):after{background:radial-gradient(190px circle at var(--liquid-x, 50%) var(--liquid-y, 0%),#fff,transparent 72%);opacity:0;transition:none}:root[data-theme=crystal] :is(.bar,.sheet)[data-liquid-lit]:after{opacity:.95;transition:opacity var(--motion-fast) ease}}:root[data-theme=crystal] .iconbtn{border-radius:50%;color:var(--liquid-secondary);background:transparent;box-shadow:none;transition:background var(--motion-fast) ease,color var(--motion-fast) ease,transform var(--motion-press) var(--liquid-ease)}:root[data-theme=crystal] .sheet__head .iconbtn{background:linear-gradient(155deg,#fff6,#ffffff14);box-shadow:inset 0 1px #ffffffa6,0 2px 5px -3px #2439572e}:root[data-theme=crystal] .iconbtn.on{color:var(--liquid-accent);background:#357fe521}:root[data-theme=crystal] .bar__idle .mic{height:48px;color:#fff;background:linear-gradient(165deg,#2368c4,#084995);border:1px solid rgb(255 255 255 / 36%);box-shadow:inset 0 1px 1px #ffffff7a,inset 0 -1px 1px #0022533d,0 5px 12px -6px #0a43917a;transition:transform var(--motion-press) var(--liquid-ease),background var(--motion-fast) ease}:root[data-theme=crystal] .bar__idle .mic--close{color:var(--liquid-ink);background:#fff9}:root[data-theme=crystal] .mic .kbd-hint{display:none}:root:not([data-touch-feedback])[data-theme=crystal] :is(.iconbtn,.bar__idle .mic):active{transform:scale(.96)}:root[data-theme=crystal] .iconbtn:disabled{transform:none}:root[data-theme=crystal] .reader-paddle{opacity:.82;min-height:44px}:root[data-theme=crystal] .reader-paddle:disabled{opacity:.2}:root[data-theme=crystal] :is(.tabs,.seg){background:#425b7b0d;border-color:#ffffff52;border-radius:999px;box-shadow:inset 0 0 0 1px #2740600a}:root[data-theme=crystal] .tabs:before,:root[data-theme=crystal] .seg:before{border-radius:999px;background:linear-gradient(165deg,#fffffff5,#e6f1fdad);box-shadow:inset 0 1px #fff,inset 0 0 0 1px #ffffffa6,0 3px 8px -3px #213a5c3b}:root[data-theme=crystal] .tabs:before{transition:transform var(--motion-panel) var(--motion-ease-out)}:root[data-theme=crystal] .seg{--segment-direction: -1;position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(var(--segment-count, 2),minmax(0,1fr));gap:0}:root[data-theme=crystal] .seg:dir(ltr){--segment-direction: 1}:root[data-theme=crystal] .seg:before{content:"";position:absolute;inset-block:3px;inset-inline-start:3px;width:calc((100% - 6px) / var(--segment-count, 2));pointer-events:none;transform:translate(calc(var(--segment-index, 0) * var(--segment-direction) * 100%));transition:transform var(--motion-panel) var(--motion-ease-out)}:root[data-theme=crystal] .seg:not(:has(>button.on)):before{display:none}:root[data-theme=crystal] .seg button{position:relative;z-index:1}:root[data-theme=crystal] .seg button.on{background:transparent;box-shadow:none}:root[data-theme=crystal] .seg button:active{transform:none}:root[data-theme=crystal] :is(.seg button,.tabs__tab){color:var(--liquid-secondary);border-radius:999px}:root[data-theme=crystal] :is(.seg button.on,.tabs__tab.on){color:var(--liquid-accent);font-weight:600}:root[data-theme=crystal] .sheet :is(.hint,.row__main>span){color:var(--liquid-secondary)}:root[data-theme=crystal] .sheet .row[role=switch]{background:#ffffff47;border:1px solid rgb(65 88 116 / 7%);border-radius:18px;margin-bottom:2px;padding:10px}:root[data-theme=crystal] .sheet .row.is-current{background:#2770d517;border-color:#1a56a32e}:root[data-theme=crystal] .sheet :is(.field,.grid button,.btn){background:#ffffff75;border-color:#4d688b2e;box-shadow:inset 0 1px 1px #ffffffe0}:root[data-theme=crystal] .sheet .field{border-radius:16px}:root[data-theme=crystal] .sheet .field::placeholder{color:var(--liquid-secondary);opacity:1}:root[data-theme=crystal] .sheet :is(.grid button.on,.field:focus){background:#ebf4ffeb;border-color:var(--liquid-accent);color:var(--liquid-accent)}:root[data-theme=crystal] .sheet .portion__page{min-width:44px;min-height:44px}:root[data-theme=crystal] .slider input{accent-color:var(--liquid-accent)}:root[data-theme=crystal] .slider-value{padding:0;border-radius:10px;background:#ffffffa3;box-shadow:0 0 0 4px #ffffffa3;font-variant-numeric:tabular-nums}@media (forced-colors: none){:root[data-theme=crystal] .slider input{--range-direction: to left;--range-fill: calc(12px + (100% - 24px) * var(--range-value, 0));--range-track: linear-gradient(var(--range-direction), var(--liquid-accent) var(--range-fill), #73879f var(--range-fill));--range-thumb: radial-gradient(circle, var(--liquid-accent) 2px, transparent 3px), linear-gradient(145deg, #fff, #e0ebf7);-moz-appearance:none;appearance:none;-webkit-appearance:none;height:44px;margin:0;background:transparent;cursor:pointer}:root[data-theme=crystal] .slider input:dir(ltr){--range-direction: to right}:root[data-theme=crystal] .slider input::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:var(--range-track)}:root[data-theme=crystal] .slider input::-moz-range-track{height:6px;border-radius:999px;background:var(--range-track)}:root[data-theme=crystal] .slider input::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;width:24px;height:24px;margin-top:-9px;border:1px solid #637b99;border-radius:50%;background:var(--range-thumb);box-shadow:0 2px 7px #1831553d}:root[data-theme=crystal] .slider input::-moz-range-thumb{box-sizing:border-box;width:24px;height:24px;border:1px solid #637b99;border-radius:50%;background:var(--range-thumb);box-shadow:0 2px 7px #1831553d}}:root[data-theme=crystal] .sw{border:0;background:#2d3e5233;box-shadow:inset 0 1px 2px #132a4617}:root[data-theme=crystal] .sw.on{background:#168650;border-color:#0f693f40}:root[data-theme=crystal] .sw:after{background:#fff;box-shadow:0 2px 4px #122b4538,inset 0 1px 1px #fff;transition:transform var(--motion-panel) var(--liquid-ease)}:root[data-theme=crystal][dir=ltr] .sw.on:after{transform:translate(18px)}@media (hover: hover) and (pointer: fine){:root[data-theme=crystal] .iconbtn:hover:not(:disabled):not(:active){background:#ffffffbd;color:var(--liquid-accent);transform:translateY(-1px)}:root[data-theme=crystal] .bar__idle .mic:hover:not(:disabled):not(:active){transform:translateY(-1px)}}@media (prefers-reduced-motion: reduce){:root[data-theme=crystal] :is(.iconbtn,.bar__idle .mic):is(:hover,:active){transform:none!important}:root[data-theme=crystal] .sheet .row[role=switch]:active{transform:none}:root[data-theme=crystal] :is(.bar,.sheet):after{display:none}}@media (prefers-reduced-transparency: reduce),(prefers-contrast: more){:root[data-theme=crystal]{--liquid-fill: #f3f7fd;--liquid-panel: #f5f8fc;--liquid-blur: none}:root[data-theme=crystal] :is(.bar,.sheet,.brief,.statusline,.reader-paddle,.selected-notice,.update-notice){border-color:#65758a}:root[data-theme=crystal] :is(.bar,.sheet):before,:root[data-theme=crystal] :is(.bar,.sheet):after{display:none}:root[data-theme=crystal] .seg:before{background:#fff;box-shadow:inset 0 0 0 1px #65758a}}@media (forced-colors: active){:root[data-theme=crystal] :is(.bar,.sheet,.brief,.statusline,.reader-paddle,.selected-notice,.update-notice){background:Canvas;color:CanvasText;border-color:CanvasText;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}:root[data-theme=crystal] :is(.bar,.sheet):before,:root[data-theme=crystal] :is(.bar,.sheet):after{display:none}:root[data-theme=crystal] .seg:before{display:none}:root[data-theme=crystal] .sw{forced-color-adjust:none;background:Canvas;border:1px solid ButtonText;box-shadow:none;transition:none}:root[data-theme=crystal] .sw:after{background:ButtonText;box-shadow:none;transition:none}:root[data-theme=crystal] .sw.on:after{background:HighlightText}:root[data-theme=crystal] :is(.iconbtn.on,.seg button.on,.tabs__tab.on,.bar__idle .mic,.sw.on){forced-color-adjust:none;color:HighlightText!important;background:Highlight!important;border-color:Highlight;box-shadow:none;transition:none}}.topbar{--topbar-fill: var(--sheet);--topbar-blur: none;--topbar-rim: var(--carve-light);--topbar-tint: var(--gold);--topbar-rim-shade: var(--ink-dim);--topbar-edge: var(--edge);position:relative;top:0;z-index:30;display:grid;grid-template-columns:minmax(max-content,1fr) minmax(0,auto) minmax(max-content,1fr);column-gap:8px;align-items:center;width:min(960px,calc(100% - 24px));max-width:none;height:64px;margin:max(10px,env(safe-area-inset-top)) auto 0;padding:5px 10px;border:1px solid var(--topbar-edge);border-radius:34px;flex-shrink:0;background:linear-gradient(155deg,color-mix(in srgb,var(--carve-light) 40%,transparent),transparent 42%,color-mix(in srgb,var(--topbar-tint) 12%,transparent)),var(--liquid-fill, var(--topbar-fill));-webkit-backdrop-filter:var(--topbar-blur);backdrop-filter:var(--topbar-blur);box-shadow:var(--liquid-shadow, 0 16px 40px -22px var(--carve-dark), 0 3px 10px -6px var(--carve-dark), inset 0 1px 0 var(--carve-light), inset 0 -1px 0 var(--line));color:var(--liquid-ink, var(--ink));transition:transform .32s var(--ease),opacity .32s var(--ease)}:root[data-theme=crystal] .topbar{--topbar-rim: #fff;--topbar-tint: #cde2f9;--topbar-rim-shade: #6991b3;--topbar-edge: rgb(255 255 255 / 42%);--topbar-button-shade: rgb(36 57 87 / 18%);--topbar-selected: rgb(53 127 229 / 13%);--topbar-hover: rgb(255 255 255 / 74%);--topbar-track: rgb(26 54 88 / 8%)}.topbar.hidden{transform:translateY(-130%);opacity:0;pointer-events:none}.topbar__center{min-width:0;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:auto;z-index:1}.topbar__title{min-width:0;min-height:44px;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;line-height:1.15;text-align:center;padding:4px 14px;border-radius:24px;transition:background .18s,transform .18s}.topbar__title b,.topbar__title span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__title b{font-weight:600;font-size:18px;letter-spacing:0}.topbar__title span{font-size:12px;color:var(--liquid-secondary, var(--ink-dim));font-variant-numeric:tabular-nums}.topbar__title .topbar__sub--short{display:none}.topbar__actions{margin-inline-start:auto;display:flex;align-items:center;gap:4px;z-index:2}:root .topbar .iconbtn{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;color:var(--liquid-secondary, var(--ink-dim));background:linear-gradient(155deg,color-mix(in srgb,var(--topbar-rim) 40%,transparent),color-mix(in srgb,var(--topbar-rim) 8%,transparent));box-shadow:inset 0 1px color-mix(in srgb,var(--topbar-rim) 65%,transparent),0 2px 5px -3px var(--topbar-button-shade, var(--carve-dark));transition:background .16s ease,color .16s ease,transform .18s var(--motion-ease-out)}:root .topbar .iconbtn.on{color:var(--liquid-accent, var(--gold));background:var(--topbar-selected, var(--gold-wash))}:root:not([data-touch-feedback]) .topbar .iconbtn:active{transform:scale(.96)}:root .topbar .iconbtn:disabled{transform:none}.topbar .kbd-hint{display:none}.progress-ribbon{position:absolute;inset:auto 34px 0;height:2px;border-radius:999px;background:var(--topbar-track, var(--line));overflow:hidden;z-index:100;pointer-events:none}.progress-ribbon__bar{width:100%;height:100%;background:var(--gold-gradient, linear-gradient(90deg, var(--gold-dim), var(--gold)));border-radius:0 2px 2px 0;transform-origin:right center;transition:transform var(--motion-panel) var(--motion-ease-out)}:root[dir=ltr] .progress-ribbon__bar{transform-origin:left center}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.topbar{--topbar-fill: color-mix(in srgb, var(--sheet) 88%, transparent);--topbar-blur: blur(24px) saturate(1.4)}}@supports ((mask-composite: exclude) or (-webkit-mask-composite: xor)){.topbar:before,.topbar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;padding:.75px;border-radius:inherit;pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.topbar:before{background:linear-gradient(130deg,var(--topbar-rim),transparent 28%,color-mix(in srgb,var(--topbar-rim-shade) 20%,transparent) 55%,var(--carve-light) 82%,transparent)}.topbar:after{background:radial-gradient(190px circle at var(--liquid-x, 50%) var(--liquid-y, 0%),var(--topbar-rim),transparent 72%);opacity:0;transition:none}.topbar[data-liquid-lit]:after{opacity:.95;transition:opacity .18s ease}}@media (max-width: 600px){.topbar{grid-template-columns:auto minmax(0,1fr) auto}}@media (max-width: 480px){.topbar{grid-template-columns:44px minmax(0,1fr) auto;width:min(960px,calc(100% - 24px));height:54px;margin:max(4px,env(safe-area-inset-top)) auto 0;padding:4px;gap:0;border-color:transparent;border-radius:16px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.topbar:before,.topbar:after{display:none}.topbar__center{grid-column:auto;grid-row:auto}.topbar__title{gap:1px;padding-inline:2px}.topbar__title b{font-size:14px;flex:0 0 auto}.topbar__title span{font-size:11.5px;min-width:0}.topbar__title .topbar__sub--full{display:none}.topbar__title .topbar__sub--short{display:block}.topbar__actions{display:flex;gap:0;margin-inline-start:0}.topbar__secondary:not(.topbar__secondary--due){display:none}:root .topbar .iconbtn{background:transparent;box-shadow:none}}.topbar__count{position:absolute;top:3px;inset-inline-start:3px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--err);color:var(--page);font-size:10px;line-height:16px;text-align:center;font-variant-numeric:tabular-nums}.topbar__hub .topbar__count{display:none}@media (max-width: 480px){.topbar__hub .topbar__count{display:block}}@media (max-width: 340px){.topbar__title span{font-size:10px}}@media (max-width: 400px){.topbar--crowded{grid-template-columns:40px minmax(0,1fr) auto}:root .topbar--crowded .iconbtn{width:40px;min-width:40px}}@media (max-width: 359px){.topbar{grid-template-columns:38px minmax(0,1fr) auto}:root .topbar .iconbtn{width:38px;min-width:38px}}@media (min-width: 481px) and (max-height: 500px){.topbar{margin-top:4px;height:54px}}@media (hover: hover) and (pointer: fine){.topbar__title:hover{background:var(--gold-wash)}:root .topbar .iconbtn:hover:not(:disabled):not(:active){background:var(--topbar-hover, color-mix(in srgb, var(--sheet) 76%, var(--gold-wash)));color:var(--liquid-accent, var(--gold));transform:translateY(-1px)}}@media (prefers-reduced-motion: reduce){.topbar:after{display:none}:root .topbar button:is(:hover,:active){transform:none!important}}@media (prefers-reduced-transparency: reduce),(prefers-contrast: more),(forced-colors: active){.topbar{--topbar-fill: var(--sheet);--topbar-blur: none;background:var(--liquid-fill, var(--topbar-fill));border-color:var(--liquid-secondary, var(--ink-dim))}.topbar:before,.topbar:after{display:none}}@media (forced-colors: active){.topbar{--liquid-ink: CanvasText;--liquid-secondary: CanvasText;background:Canvas;border-color:CanvasText;box-shadow:none}:root .topbar .iconbtn{background:Canvas;box-shadow:none}:root .topbar .iconbtn.on{forced-color-adjust:none;color:HighlightText!important;background:Highlight!important;box-shadow:none;transition:none}}.muqri-font-loading{color:var(--ink-dim);font:13px/1.8 var(--ui);text-align:center}.page>.muqri-font-loading{position:absolute;inset:64px 16px auto}.line{-webkit-text-size-adjust:100%;text-size-adjust:100%}@media (forced-colors: active){.w--hidden{forced-color-adjust:none}}.paper-turn{position:relative;isolation:isolate}.paper-turn .pagewrap{animation:none;will-change:auto;transform:none}.paper-turn .pagewrap:after{display:none}.paper-turn--enabled{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.paper-turn__live{position:relative;z-index:2}.paper-turn__under{position:absolute;top:0;right:0;bottom:0;left:0;bottom:var(--paper-under-bottom, 0px);overflow:hidden;overflow:clip;z-index:0;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;overflow-anchor:none}.paper-turn__under>.pagewrap{top:var(--paper-under-y, 0px)}.paper-turn[data-turning] .paper-turn__live{opacity:0;pointer-events:none}.paper-turn[data-turning][data-direction="1"] .paper-turn__under--next,.paper-turn[data-turning][data-direction="-1"] .paper-turn__under--previous{opacity:1}.paper-turn[data-turning],.paper-turn[data-preparing]{cursor:grabbing;user-select:none;-webkit-user-select:none;overflow-anchor:none}.paper-turn__canvas{position:absolute;z-index:3;pointer-events:none;overflow-anchor:none}@media (prefers-reduced-motion: reduce),(forced-colors: active){.paper-turn__canvas{display:none}}