@font-face{font-family:Amiri Quran;font-style:normal;font-display:swap;font-weight:400;src:url(./amiri-quran-arabic-400-normal-wRcqfVJx.woff2)format("woff2"),url(./amiri-quran-arabic-400-normal-CZ144KtP.woff)format("woff")}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-naskh-arabic-arabic-400-normal-U_i0HMfG.woff2)format("woff2"),url(./noto-naskh-arabic-arabic-400-normal-1AoZhAAW.woff)format("woff")}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-naskh-arabic-arabic-600-normal-G5n5bgdQ.woff2)format("woff2"),url(./noto-naskh-arabic-arabic-600-normal-DaTr67aF.woff)format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-arabic-arabic-400-normal-AAMxebZb.woff2)format("woff2"),url(./noto-sans-arabic-arabic-400-normal-hsqIUL9Q.woff)format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(./noto-sans-arabic-arabic-600-normal-JPxwL-XU.woff2)format("woff2"),url(./noto-sans-arabic-arabic-600-normal-JLzruTOp.woff)format("woff")}:root{--tj-silent:#8f8a82;--tj-madd:#b91c1c;--tj-noon_tanween:#15803d;--tj-meem_sakinah:#0e7490;--tj-mushaddadatan:#c2410c;--tj-qalqalah:#1d4ed8;--tj-letter_relations:#a16207;--tj-tafkheem_tarqeeq:#6d28d9;--tj-madd-6:#5e0b1a;--tj-madd-4-6:#cc1257;--tj-madd-4-5:#b91c1c;--tj-madd-2-4-6:#a51c9e;--tj-madd-2:#9b5560;--tj-sel-bg-noon_tanween:#ecf5ef;--tj-sel-bg-meem_sakinah:#ecf4f6;--tj-sel-bg-mushaddadatan:#faf0ec;--tj-sel-bg-madd:#f9eded;--tj-sel-bg-qalqalah:#edf1fc;--tj-sel-bg-tafkheem_tarqeeq:#f3eefc;--tj-sel-bg-letter_relations:#f9f6f0;--tj-sel-bg-silent:#f6f6f5;--tj-focus:#7a1d00;--tj-focus-bg:#ffe08a;--tj-focus-other:#0f5c4a;--tj-focus-other-bg:#cfe9df;--tj-sel-other:#0f5c4a;--tj-line:#0f5c4a;--tj-near:#4a463d;--irab-sel:#7a1d00;--irab-sel-bg:#ffe08a;--irab-seg:#7a1d00;--irab-seg-bg:#ffe08a;--irab-head:#0f5c4a;--irab-head-bg:#cfe9df;--irab-dep:#1c1b17;--irab-dep-line:#1d4ed8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--tj-silent:#6f7b74;--tj-madd:#f87171;--tj-noon_tanween:#4ade80;--tj-meem_sakinah:#22d3ee;--tj-mushaddadatan:#fb923c;--tj-qalqalah:#7aa7ff;--tj-letter_relations:#facc15;--tj-tafkheem_tarqeeq:#b69cff;--tj-madd-6:#ff4d3a;--tj-madd-4-6:#ff4f88;--tj-madd-4-5:#f87171;--tj-madd-2-4-6:#ef7be6;--tj-madd-2:#d4a5b3;--tj-sel-bg-noon_tanween:#193825;--tj-sel-bg-meem_sakinah:#133637;--tj-sel-bg-mushaddadatan:#362c1a;--tj-sel-bg-madd:#2f2220;--tj-sel-bg-qalqalah:#212f3a;--tj-sel-bg-tafkheem_tarqeeq:#2b2d3a;--tj-sel-bg-letter_relations:#353514;--tj-sel-bg-silent:#1f2823;--tj-focus:#fff4d0;--tj-focus-bg:#7a5c0f;--tj-focus-other:#d9fff2;--tj-focus-other-bg:#1f5a48;--tj-sel-other:#5fc4a4;--tj-line:#5fc4a4;--tj-near:#bdb8aa;--irab-sel:#fff4d0;--irab-sel-bg:#7a5c0f;--irab-seg:#fff4d0;--irab-seg-bg:#7a5c0f;--irab-head:#d9fff2;--irab-head-bg:#1f5a48;--irab-dep:#ece7da;--irab-dep-line:#7aa7ff}}:root[data-theme=dark]{--tj-silent:#6f7b74;--tj-madd:#f87171;--tj-noon_tanween:#4ade80;--tj-meem_sakinah:#22d3ee;--tj-mushaddadatan:#fb923c;--tj-qalqalah:#7aa7ff;--tj-letter_relations:#facc15;--tj-tafkheem_tarqeeq:#b69cff;--tj-madd-6:#ff4d3a;--tj-madd-4-6:#ff4f88;--tj-madd-4-5:#f87171;--tj-madd-2-4-6:#ef7be6;--tj-madd-2:#d4a5b3;--tj-sel-bg-noon_tanween:#193825;--tj-sel-bg-meem_sakinah:#133637;--tj-sel-bg-mushaddadatan:#362c1a;--tj-sel-bg-madd:#2f2220;--tj-sel-bg-qalqalah:#212f3a;--tj-sel-bg-tafkheem_tarqeeq:#2b2d3a;--tj-sel-bg-letter_relations:#353514;--tj-sel-bg-silent:#1f2823;--tj-focus:#fff4d0;--tj-focus-bg:#7a5c0f;--tj-focus-other:#d9fff2;--tj-focus-other-bg:#1f5a48;--tj-sel-other:#5fc4a4;--tj-line:#5fc4a4;--tj-near:#bdb8aa;--irab-sel:#fff4d0;--irab-sel-bg:#7a5c0f;--irab-seg:#fff4d0;--irab-seg-bg:#7a5c0f;--irab-head:#d9fff2;--irab-head-bg:#1f5a48;--irab-dep:#ece7da;--irab-dep-line:#7aa7ff}[data-style=noon_tanween]{--c:var(--tj-noon_tanween)}[data-style=meem_sakinah]{--c:var(--tj-meem_sakinah)}[data-style=mushaddadatan]{--c:var(--tj-mushaddadatan)}[data-style=madd]{--c:var(--tj-madd)}[data-style=qalqalah]{--c:var(--tj-qalqalah)}[data-style=tafkheem_tarqeeq]{--c:var(--tj-tafkheem_tarqeeq)}[data-style=letter_relations]{--c:var(--tj-letter_relations)}[data-style=silent]{--c:var(--tj-silent)}[data-style=madd][data-tone="6"]{--c:var(--tj-madd-6)}[data-style=madd][data-tone="4-6"]{--c:var(--tj-madd-4-6)}[data-style=madd][data-tone="4-5"]{--c:var(--tj-madd-4-5)}[data-style=madd][data-tone="2-4-6"]{--c:var(--tj-madd-2-4-6)}[data-style=madd][data-tone="2"]{--c:var(--tj-madd-2)}::highlight(tj-silent){color:var(--tj-silent)}.tj-silent{color:var(--tj-silent)}::highlight(tj-madd){color:var(--tj-madd)}.tj-madd{color:var(--tj-madd)}::highlight(tj-noon_tanween){color:var(--tj-noon_tanween)}.tj-noon_tanween{color:var(--tj-noon_tanween)}::highlight(tj-meem_sakinah){color:var(--tj-meem_sakinah)}.tj-meem_sakinah{color:var(--tj-meem_sakinah)}::highlight(tj-mushaddadatan){color:var(--tj-mushaddadatan)}.tj-mushaddadatan{color:var(--tj-mushaddadatan)}::highlight(tj-qalqalah){color:var(--tj-qalqalah)}.tj-qalqalah{color:var(--tj-qalqalah)}::highlight(tj-letter_relations){color:var(--tj-letter_relations)}.tj-letter_relations{color:var(--tj-letter_relations)}::highlight(tj-tafkheem_tarqeeq){color:var(--tj-tafkheem_tarqeeq)}.tj-tafkheem_tarqeeq{color:var(--tj-tafkheem_tarqeeq)}::highlight(tj-madd-6){color:var(--tj-madd-6)}.tj-madd-6{color:var(--tj-madd-6)}::highlight(tj-madd-4-6){color:var(--tj-madd-4-6)}.tj-madd-4-6{color:var(--tj-madd-4-6)}::highlight(tj-madd-4-5){color:var(--tj-madd-4-5)}.tj-madd-4-5{color:var(--tj-madd-4-5)}::highlight(tj-madd-2-4-6){color:var(--tj-madd-2-4-6)}.tj-madd-2-4-6{color:var(--tj-madd-2-4-6)}::highlight(tj-madd-2){color:var(--tj-madd-2)}.tj-madd-2{color:var(--tj-madd-2)}::highlight(tj-sel-silent){color:var(--tj-silent);background-color:var(--tj-sel-bg-silent)}.tj-sel-silent{color:var(--tj-silent);background-color:var(--tj-sel-bg-silent)}::highlight(tj-sel-madd){color:var(--tj-madd);background-color:var(--tj-sel-bg-madd)}.tj-sel-madd{color:var(--tj-madd);background-color:var(--tj-sel-bg-madd)}::highlight(tj-sel-noon_tanween){color:var(--tj-noon_tanween);background-color:var(--tj-sel-bg-noon_tanween)}.tj-sel-noon_tanween{color:var(--tj-noon_tanween);background-color:var(--tj-sel-bg-noon_tanween)}::highlight(tj-sel-meem_sakinah){color:var(--tj-meem_sakinah);background-color:var(--tj-sel-bg-meem_sakinah)}.tj-sel-meem_sakinah{color:var(--tj-meem_sakinah);background-color:var(--tj-sel-bg-meem_sakinah)}::highlight(tj-sel-mushaddadatan){color:var(--tj-mushaddadatan);background-color:var(--tj-sel-bg-mushaddadatan)}.tj-sel-mushaddadatan{color:var(--tj-mushaddadatan);background-color:var(--tj-sel-bg-mushaddadatan)}::highlight(tj-sel-qalqalah){color:var(--tj-qalqalah);background-color:var(--tj-sel-bg-qalqalah)}.tj-sel-qalqalah{color:var(--tj-qalqalah);background-color:var(--tj-sel-bg-qalqalah)}::highlight(tj-sel-letter_relations){color:var(--tj-letter_relations);background-color:var(--tj-sel-bg-letter_relations)}.tj-sel-letter_relations{color:var(--tj-letter_relations);background-color:var(--tj-sel-bg-letter_relations)}::highlight(tj-sel-tafkheem_tarqeeq){color:var(--tj-tafkheem_tarqeeq);background-color:var(--tj-sel-bg-tafkheem_tarqeeq)}.tj-sel-tafkheem_tarqeeq{color:var(--tj-tafkheem_tarqeeq);background-color:var(--tj-sel-bg-tafkheem_tarqeeq)}::highlight(tj-sel-madd-6){color:var(--tj-madd-6);background-color:var(--tj-sel-bg-madd)}.tj-sel-madd-6{color:var(--tj-madd-6);background-color:var(--tj-sel-bg-madd)}::highlight(tj-sel-madd-4-6){color:var(--tj-madd-4-6);background-color:var(--tj-sel-bg-madd)}.tj-sel-madd-4-6{color:var(--tj-madd-4-6);background-color:var(--tj-sel-bg-madd)}::highlight(tj-sel-madd-4-5){color:var(--tj-madd-4-5);background-color:var(--tj-sel-bg-madd)}.tj-sel-madd-4-5{color:var(--tj-madd-4-5);background-color:var(--tj-sel-bg-madd)}::highlight(tj-sel-madd-2-4-6){color:var(--tj-madd-2-4-6);background-color:var(--tj-sel-bg-madd)}.tj-sel-madd-2-4-6{color:var(--tj-madd-2-4-6);background-color:var(--tj-sel-bg-madd)}::highlight(tj-sel-madd-2){color:var(--tj-madd-2);background-color:var(--tj-sel-bg-madd)}.tj-sel-madd-2{color:var(--tj-madd-2);background-color:var(--tj-sel-bg-madd)}::highlight(tj-sel-other){color:var(--tj-sel-other)}.tj-sel-other{color:var(--tj-sel-other)}::highlight(tj-focus){color:var(--tj-focus);background-color:var(--tj-focus-bg)}.tj-focus{color:var(--tj-focus);background-color:var(--tj-focus-bg)}::highlight(tj-focus-other){color:var(--tj-focus-other);background-color:var(--tj-focus-other-bg)}.tj-focus-other{color:var(--tj-focus-other);background-color:var(--tj-focus-other-bg)}::highlight(tj-line){text-decoration-line:underline;text-decoration-style:dotted;-webkit-text-decoration-color:var(--tj-line);text-decoration-color:var(--tj-line);text-decoration-thickness:2px}.tj-line{text-decoration-line:underline;text-decoration-style:dotted;-webkit-text-decoration-color:var(--tj-line);text-decoration-color:var(--tj-line);text-decoration-thickness:2px}::highlight(tj-near){text-decoration-line:underline;text-decoration-style:solid;-webkit-text-decoration-color:var(--tj-near);text-decoration-color:var(--tj-near);text-decoration-thickness:2px}.tj-near{text-decoration-line:underline;text-decoration-style:solid;-webkit-text-decoration-color:var(--tj-near);text-decoration-color:var(--tj-near);text-decoration-thickness:2px}::highlight(irab-sel){color:var(--irab-sel);background-color:var(--irab-sel-bg)}::highlight(irab-seg){color:var(--irab-seg);background-color:var(--irab-seg-bg)}::highlight(irab-head){color:var(--irab-head);background-color:var(--irab-head-bg)}::highlight(irab-dep){color:var(--irab-dep);text-decoration-line:underline;text-decoration-style:dotted;-webkit-text-decoration-color:var(--irab-dep-line);text-decoration-color:var(--irab-dep-line);text-decoration-thickness:2px}.irab-p-sel{color:var(--irab-sel);background-color:var(--irab-sel-bg)}.irab-p-seg{color:var(--irab-seg);background-color:var(--irab-seg-bg)}.irab-p-head{color:var(--irab-head);background-color:var(--irab-head-bg)}.irab-p-dep{color:var(--irab-dep);text-decoration-line:underline;text-decoration-style:dotted;-webkit-text-decoration-color:var(--irab-dep-line);text-decoration-color:var(--irab-dep-line);text-decoration-thickness:2px}:root[data-engine=blink] .tinted{z-index:0;position:relative}:root[data-engine=blink] .quran{isolation:isolate}:root[data-engine=blink] .quran>svg.drawings,:root[data-engine=blink] .quran>svg.relations{z-index:1}:root[data-engine=blink] .tinted>.tj-sel-silent,:root[data-engine=blink] .tinted>.tj-sel-madd,:root[data-engine=blink] .tinted>.tj-sel-noon_tanween,:root[data-engine=blink] .tinted>.tj-sel-meem_sakinah,:root[data-engine=blink] .tinted>.tj-sel-mushaddadatan,:root[data-engine=blink] .tinted>.tj-sel-qalqalah,:root[data-engine=blink] .tinted>.tj-sel-letter_relations,:root[data-engine=blink] .tinted>.tj-sel-tafkheem_tarqeeq,:root[data-engine=blink] .tinted>.tj-sel-madd-6,:root[data-engine=blink] .tinted>.tj-sel-madd-4-6,:root[data-engine=blink] .tinted>.tj-sel-madd-4-5,:root[data-engine=blink] .tinted>.tj-sel-madd-2-4-6,:root[data-engine=blink] .tinted>.tj-sel-madd-2,:root[data-engine=blink] .tinted>.tj-focus,:root[data-engine=blink] .tinted>.tj-focus-other,:root[data-engine=blink] .tinted>.irab-p-sel,:root[data-engine=blink] .tinted>.irab-p-seg,:root[data-engine=blink] .tinted>.irab-p-head{z-index:-1;position:relative}.quran{font-family:Amiri Quran,Noto Naskh Arabic,serif}.irab-graph{--irab-bg:var(--surface,#fff);margin-block:8px 12px;position:relative}.irab-measure{visibility:hidden;pointer-events:none;width:1px;height:0;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden}.irab-measure>*{white-space:nowrap;display:inline-block}.irab-scroll{overscroll-behavior-inline:contain;border-radius:var(--radius,14px);background:var(--irab-bg);scrollbar-width:thin;padding-block-end:4px;overflow:auto hidden}.irab-canvas{margin-inline:auto;position:relative}.irab-lines{pointer-events:none;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:visible}.irab-lines marker :is(path,circle){fill:var(--fam,var(--text-muted,#6b665a))}.irab-word{text-align:center;white-space:nowrap;cursor:pointer;font-size:calc(var(--quran-size,34px) * .78);padding-block-start:6px;line-height:1.9;position:absolute;inset-block-start:0}.irab-measure .irab-word{font-size:calc(var(--quran-size,34px) * .78);padding-block-start:6px;line-height:1.9}.irab-word.ref .quran{opacity:.5}.irab-hidden-text{border:1.5px dashed var(--text-muted,#6b665a);color:var(--text-muted,#6b665a);font:16px/1.9 var(--naskh,serif);border-radius:8px;margin-block-start:8px;padding:0 8px;font-style:normal;display:inline-block}.irab-chip{--fam:var(--text-muted,#6b665a);color:var(--fam);font:600 13.5px/1.6 var(--naskh,serif);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:center;gap:2px;margin:0;padding:2px 5px 1px;display:inline-flex;position:absolute}.irab-measure .irab-chip{font:600 13.5px/1.6 var(--naskh,serif);border:0;flex-direction:column;align-items:center;gap:2px;padding:2px 5px 1px;display:inline-flex;position:static}.irab-dot{background:var(--fam);border-radius:50%;width:7px;height:7px;display:block}.irab-chip.fam-none{--fam:var(--text-muted,#6b665a)}.irab-chip:hover{background:color-mix(in srgb, var(--fam) 12%, transparent)}.irab-chip:focus-visible{outline:3px solid var(--accent,#0f5c4a);outline-offset:2px}.irab-chip.sel{background:color-mix(in srgb, var(--fam) 18%, transparent);box-shadow:0 0 0 2px var(--fam)}.irab-chip.head{background:color-mix(in srgb, var(--fam) 12%, transparent);box-shadow:0 0 0 1px var(--fam)}.irab-chip.dep .irab-tag{text-underline-offset:4px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.irab-chip.kind-hidden{font-weight:400}.irab-chip.kind-hidden .irab-dot{border:1.5px dashed var(--fam);background:0 0;width:8px;height:8px}.irab-chip.kind-ref{opacity:.6;font-weight:400}.irab-chip.issue .irab-tag{-webkit-text-decoration:underline wavy var(--warn-text,#7a4b00);text-decoration:underline wavy var(--warn-text,#7a4b00)}.irab-ref-note{color:var(--text-muted,#6b665a);font-size:11.5px;font-weight:400}.irab-label{height:22px;color:var(--fam,var(--text-muted,#6b665a));font:600 13px/22px var(--naskh,serif);white-space:nowrap;pointer-events:none;text-shadow:0 0 2px var(--irab-bg), 0 0 3px var(--irab-bg), 0 0 4px var(--irab-bg), 0 0 6px var(--irab-bg);padding:0 4px;position:absolute}.irab-measure .irab-label{font:600 13px/22px var(--naskh,serif);padding:0 4px;position:static}.irab-label.phrase{color:var(--text-muted,#6b665a);font-size:12px;font-weight:400}.irab-label.off{opacity:.3}.irab-edge{fill:none;stroke:var(--fam,var(--text-muted,#6b665a));stroke-width:1.8px;stroke-linecap:round;opacity:.9}.irab-edge.on{stroke-width:2.8px;opacity:1}.irab-edge.off{opacity:.2}.irab-bracket{fill:none;stroke:var(--text-muted,#6b665a);stroke-width:1.2px;opacity:.7}.irab-ayah-break{stroke:var(--border,#e3dccb);stroke-width:1.5px;stroke-dasharray:4 4}.fam-umdah{--fam:var(--f-umdah,#b91c1c)}.fam-mansubat{--fam:var(--f-mansubat,#1d4ed8)}.fam-majrurat{--fam:var(--f-majrurat,#15803d)}.fam-tawabi{--fam:var(--f-tawabi,#6d28d9)}.fam-adawat{--fam:var(--f-adawat,#a16207)}.fam-jumal{--fam:var(--f-jumal,#0e7490)}.fam-other{--fam:var(--f-other,#57534e)}@media (prefers-reduced-motion:no-preference){.irab-edge.on{stroke-dasharray:1;stroke-dashoffset:0;animation:.35s ease-out irab-draw}@keyframes irab-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}}.irab-graph:not([data-lang=ar]) :is(.irab-chip,.irab-label){font-family:var(--ui,system-ui, sans-serif)}.irab-chip.rv-scholar_reviewed:after{content:"✓";font:700 12px/1 var(--ui,sans-serif);color:var(--accent,#0f5c4a);position:absolute;inset-block-start:-6px;inset-inline-end:-8px}.irab-chip.rv-disputed{box-shadow:0 0 0 2px var(--warn-text,#7a4b00)}.irab-chip.rv-disputed:after{content:"؟";font:700 13px/1 var(--naskh,serif);color:var(--warn-text,#7a4b00);position:absolute;inset-block-start:-7px;inset-inline-end:-8px}.irab-key{flex-wrap:wrap;gap:6px 16px;margin:8px 0;padding:0;font-size:14px;list-style:none;display:flex}.irab-key li{align-items:center;gap:6px;display:inline-flex}.irab-key-line{background:var(--fam,var(--text-muted,#6b665a));border-radius:2px;width:18px;height:3px;display:inline-block}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--brand:#0f5c4a;--brand-deep:#0a4537;--cream:#f3e7c9;--brand-gold:#e0a43a;--bg:#fbf6ea;--surface:#fffdf8;--surface-2:#f3ead6;--surface-raised:#fffdf8;--text:#22302b;--text-muted:#5d625a;--text-dim:#8a8576;--border:#e5d9bf;--border-strong:#cdbd98;--accent:#0f5c4a;--accent-contrast:#fff;--accent-soft:#dcebe0;--accent-hover:#0a4537;--overlay:#1016137a;--header-h:61px;--portal-h:0px;--safe-top:env(safe-area-inset-top);--sel:#f2e3bf;--sel-silent:#7d786f;--playing:#f2f7f3;--hover:#f1e6cc;--warn-bg:#fdecc8;--warn-text:#7a4b00;--focus-bg:#ffe08a;--danger:#b91c1c;--danger-border:#e7b3b3;--live:#c2410c;--live-contrast:#fff;--gold:#b7862a;--gold-text:#7a4b12;--gold-line:color-mix(in srgb, var(--gold) 45%, transparent);--f-umdah:#b91c1c;--f-mansubat:#1d4ed8;--f-majrurat:#15803d;--f-tawabi:#6d28d9;--f-adawat:#a16207;--f-jumal:#0e7490;--f-other:#57534e;--area-quran:#6b4fd0;--area-tajwid:#a87412;--area-analysis:#0b7d90;--area-irab:#c0480f;--area-pronunciation:#b8386f;--area-hifz:#0f766e;--area-qibla:#2c64c9;--area-prophets:#4d7c0f;--on-gold:#1d1608;--arch:#a4452a;--arch-light:#f3e7c9;--arch-text:#a4452a;--ochre:#c48a2c;--header-bg:#fbf7ec;--footer-bg:#123d33;--footer-deep:#0c2c25;--footer-text:#f3e7c9;--footer-muted:#b7c4b6;--footer-accent:#e0a43a;--nav-active-bg:#0f5c4a;--nav-active-text:#fff;--band-h:12px;--no-fill-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 58'%3E%3Cpath d='M6 56V31A20 20 0 1 1 40 31V56Z'/%3E%3C/svg%3E");--no-line-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 58'%3E%3Cpath d='M6 56V31A20 20 0 1 1 40 31V56Z' fill='none' stroke='%23000' stroke-width='2.5'/%3E%3C/svg%3E");--no-turn:none;--no-line:var(--ochre);--no-inset:0;--band:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23f3e7c9'/%3E%3Cpolygon points='12,2 14.9,4.9 19.1,4.9 19.1,9.1 22,12 19.1,14.9 19.1,19.1 14.9,19.1 12,22 9.1,19.1 4.9,19.1 4.9,14.9 2,12 4.9,9.1 4.9,4.9 9.1,4.9' fill='%230f5c4a'/%3E%3Cpolygon points='12,7 17,12 12,17 7,12' fill='%23c48a2c'/%3E%3Cpath d='M0 -4 4 0 0 4 -4 0ZM24 -4 28 0 24 4 20 0ZM0 20 4 24 0 28 -4 24ZM24 20 28 24 24 28 20 24Z' fill='%23a4452a'/%3E%3C/svg%3E");--band-size:24px 24px;--band-foot:var(--band);--stucco:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='none' stroke='%23a4452a' stroke-opacity='.1' stroke-width='1.2'%3E%3Cpolygon points='40,0 51.7,11.7 68.3,11.7 68.3,28.3 80,40 68.3,51.7 68.3,68.3 51.7,68.3 40,80 28.3,68.3 11.7,68.3 11.7,51.7 0,40 11.7,28.3 11.7,11.7 28.3,11.7'/%3E%3Cpolygon points='40,18 62,40 40,62 18,40'/%3E%3C/g%3E%3C/svg%3E");--shadow-1:0 1px 2px #1e190a0d, 0 2px 8px #1e190a0a;--shadow-2:0 4px 12px #1e190a14, 0 16px 40px #1e190a1f;--shadow-3:0 12px 32px #1e190a29, 0 32px 80px #1e190a2e;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--radius:var(--r-md);--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:32px;--s-8:48px;--control-sm:36px;--control:44px;--control-lg:52px;--panel-w:400px;--content-w:860px;--ui:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--ui-ar:"Noto Sans Arabic", system-ui, sans-serif;--naskh:"Noto Naskh Arabic", "Noto Sans Arabic", serif;--quran:"Amiri Quran", "Noto Naskh Arabic", serif;--fs-xs:12.5px;--fs-sm:14px;--fs-md:16px;--fs-lg:19px;--fs-xl:23px;--fs-2xl:28px;--quran-size:calc(clamp(27px, 6.4vw, 40px) * var(--quran-scale,1));--dur-instant:.1s;--dur-fast:.16s;--dur-base:.22s;--dur-slow:.32s;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-emphasized:cubic-bezier(.2, 0, 0, 1);--ease-spring:linear(0, .06 3%, .23 7%, .5 13%, .74 20%, .89 28%, .97 37%, 1.012 47%, 1.016 56%, 1.006 70%, 1);--press:.97;--perspective:900px;--tilt-max:7deg;--focus-ring:0 0 0 2px var(--bg), 0 0 0 5px var(--accent)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#16110b;--surface:#201910;--surface-2:#2a2116;--surface-raised:#251d13;--text:#f3e7c9;--text-muted:#bcae90;--text-dim:#7a6c55;--border:#3a2e1c;--border-strong:#54442a;--accent:#57b092;--accent-contrast:#0b1310;--accent-soft:#1f3a2e;--accent-hover:#8fc9ae;--overlay:#0009;--sel:#3d3220;--sel-silent:#7d8a82;--playing:#1b2418;--hover:#2a2116;--warn-bg:#3d2f12;--warn-text:#f5c96a;--focus-bg:#6b5410;--danger:#f87171;--danger-border:#7f3434;--live:#fb923c;--live-contrast:#1c0d03;--gold:#d9a441;--gold-text:#e8c178;--f-umdah:#f87171;--f-mansubat:#7aa7ff;--f-majrurat:#4ade80;--f-tawabi:#b69cff;--f-adawat:#facc15;--f-jumal:#22d3ee;--f-other:#b8b2a7;--area-quran:#b9a3ff;--area-tajwid:#e2b95f;--area-analysis:#6fd0e0;--area-irab:#f5a35c;--area-pronunciation:#f08fb0;--area-hifz:#4fd1c5;--area-qibla:#7cb4ff;--area-prophets:#a3d977;--arch:#5e2c1a;--arch-light:#e9dcc0;--arch-text:#e8c178;--ochre:#d9a441;--header-bg:#1d1710;--footer-bg:#0c2a22;--footer-deep:#08201a;--footer-text:#f3e7c9;--footer-muted:#a9b9a8;--footer-accent:#e8c178;--nav-active-bg:#d9a441;--nav-active-text:#1d1608;--band-h:14px;--no-fill-mask:linear-gradient(#000 0 0);--no-line-mask:linear-gradient(#000 0 0);--no-turn:rotate(45deg);--no-line:var(--accent-soft);--no-inset:7px;--band:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14'%3E%3Cpath d='M0 0V5C0 10 8 12 14 14C20 12 28 10 28 5V0Z' fill='%231d1710'/%3E%3Cpath d='M0 5C0 10 8 12 14 14C20 12 28 10 28 5' fill='none' stroke='%23d9a441' stroke-opacity='.45'/%3E%3C/svg%3E");--band-size:28px 14px;--band-foot:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='16'%3E%3Cpath d='M0 16V10C0 5 8 2 14 0C20 2 28 5 28 10V16Z' fill='%230c2a22'/%3E%3C/svg%3E");--stucco:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='none' stroke='%23d9a441' stroke-opacity='.08' stroke-width='1.2'%3E%3Cpolygon points='40,0 51.7,11.7 68.3,11.7 68.3,28.3 80,40 68.3,51.7 68.3,68.3 51.7,68.3 40,80 28.3,68.3 11.7,68.3 11.7,51.7 0,40 11.7,28.3 11.7,11.7 28.3,11.7'/%3E%3Cpolygon points='40,18 62,40 40,62 18,40'/%3E%3Ccircle r='9'/%3E%3Ccircle cx='80' r='9'/%3E%3Ccircle cy='80' r='9'/%3E%3Ccircle cx='80' cy='80' r='9'/%3E%3C/g%3E%3C/svg%3E");--shadow-1:0 1px 2px #0000004d, 0 2px 8px #0003;--shadow-2:0 4px 12px #0000004d, 0 16px 40px #00000059;--shadow-3:0 12px 32px #0006, 0 32px 80px #00000073}}:root[data-theme=dark]{--bg:#16110b;--surface:#201910;--surface-2:#2a2116;--surface-raised:#251d13;--text:#f3e7c9;--text-muted:#bcae90;--text-dim:#7a6c55;--border:#3a2e1c;--border-strong:#54442a;--accent:#57b092;--accent-contrast:#0b1310;--accent-soft:#1f3a2e;--accent-hover:#8fc9ae;--overlay:#0009;--sel:#3d3220;--sel-silent:#7d8a82;--playing:#1b2418;--hover:#2a2116;--warn-bg:#3d2f12;--warn-text:#f5c96a;--focus-bg:#6b5410;--danger:#f87171;--danger-border:#7f3434;--live:#fb923c;--live-contrast:#1c0d03;--gold:#d9a441;--gold-text:#e8c178;--f-umdah:#f87171;--f-mansubat:#7aa7ff;--f-majrurat:#4ade80;--f-tawabi:#b69cff;--f-adawat:#facc15;--f-jumal:#22d3ee;--f-other:#b8b2a7;--area-quran:#b9a3ff;--area-tajwid:#e2b95f;--area-analysis:#6fd0e0;--area-irab:#f5a35c;--area-pronunciation:#f08fb0;--area-hifz:#4fd1c5;--area-qibla:#7cb4ff;--area-prophets:#a3d977;--arch:#5e2c1a;--arch-light:#e9dcc0;--arch-text:#e8c178;--ochre:#d9a441;--header-bg:#1d1710;--footer-bg:#0c2a22;--footer-deep:#08201a;--footer-text:#f3e7c9;--footer-muted:#a9b9a8;--footer-accent:#e8c178;--nav-active-bg:#d9a441;--nav-active-text:#1d1608;--band-h:14px;--no-fill-mask:linear-gradient(#000 0 0);--no-line-mask:linear-gradient(#000 0 0);--no-turn:rotate(45deg);--no-line:var(--accent-soft);--no-inset:7px;--band:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14'%3E%3Cpath d='M0 0V5C0 10 8 12 14 14C20 12 28 10 28 5V0Z' fill='%231d1710'/%3E%3Cpath d='M0 5C0 10 8 12 14 14C20 12 28 10 28 5' fill='none' stroke='%23d9a441' stroke-opacity='.45'/%3E%3C/svg%3E");--band-size:28px 14px;--band-foot:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='16'%3E%3Cpath d='M0 16V10C0 5 8 2 14 0C20 2 28 5 28 10V16Z' fill='%230c2a22'/%3E%3C/svg%3E");--stucco:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='none' stroke='%23d9a441' stroke-opacity='.08' stroke-width='1.2'%3E%3Cpolygon points='40,0 51.7,11.7 68.3,11.7 68.3,28.3 80,40 68.3,51.7 68.3,68.3 51.7,68.3 40,80 28.3,68.3 11.7,68.3 11.7,51.7 0,40 11.7,28.3 11.7,11.7 28.3,11.7'/%3E%3Cpolygon points='40,18 62,40 40,62 18,40'/%3E%3Ccircle r='9'/%3E%3Ccircle cx='80' r='9'/%3E%3Ccircle cy='80' r='9'/%3E%3Ccircle cx='80' cy='80' r='9'/%3E%3C/g%3E%3C/svg%3E");--shadow-1:0 1px 2px #0000004d, 0 2px 8px #0003;--shadow-2:0 4px 12px #0000004d, 0 16px 40px #00000059;--shadow-3:0 12px 32px #0006, 0 32px 80px #00000073}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-reduced-motion:reduce){:root{--dur-instant:.01ms;--dur-fast:.01ms;--dur-base:.01ms;--dur-slow:.01ms;--press:1;--tilt-max:0deg}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:16px/1.5 var(--ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}::selection{background:color-mix(in srgb, var(--accent) 30%, transparent)}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}a{color:var(--accent);text-underline-offset:.2em}a:where(:hover){color:var(--accent-hover)}.muted{color:var(--text-muted)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.quran{font-family:var(--quran);font-feature-settings:normal}[lang=ar]:not(.quran){font-family:var(--naskh)}html[lang=ar] body{font-family:var(--ui-ar)}.vocalised,html[lang=ar] .vocalised{font-family:var(--naskh);line-height:2}.inline-quran{font-size:1.25em;line-height:1}.status{text-align:center;color:var(--text-muted);padding:32px 16px}:where(button,.btn-primary,.btn-secondary,.btn-small,.icon-button,.chip,.rule-link,.surah-item,.surah-nav a,.bookmarks-link,.search-mode,.tab,.surah-button,.quran-search-hits a,.app-menu-pages>*,.app-menu-near a){transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), scale var(--dur-instant) var(--ease-out), transform var(--dur-slow) var(--ease-out), opacity var(--dur-fast) var(--ease-out)}:where(button,.btn-primary,.btn-secondary,.btn-small,.icon-button,.chip,.word-action,.surah-nav a,.search-mode):not(:disabled,[aria-disabled=true],.place,.tasmee-word,.w):active{scale:var(--press)}:is(.surah-item,.bookmark-item,.surah-nav a,.continue-reading,.bookmarks-link,.quick-reciter button)[data-tilting]{transform:perspective(var(--perspective)) rotateX(calc(var(--tilt-x,0) * var(--tilt-max))) rotateY(calc(var(--tilt-y,0) * var(--tilt-max))) translateZ(4px);transform-style:preserve-3d;transition:transform 90ms linear, box-shadow var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), scale var(--dur-instant) var(--ease-out);box-shadow:var(--shadow-2);background-image:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%), color-mix(in srgb, var(--text) 7%, transparent), transparent 65%)}:is(.bookmark-item,.continue-reading){transition:transform var(--dur-slow) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out)}.surah-no{transition:transform var(--dur-slow) var(--ease-out)}.surah-item[data-tilting] .surah-no{transform:translateZ(18px)}:where(select,input[type=text],input[type=date],input[type=number],input[type=search],input[type=time],textarea){font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);min-height:var(--control);transition:border-color var(--dur-fast) var(--ease-out);padding:6px 12px}:where(select,input[type=text],input[type=date],input[type=number],input[type=search],input[type=time],textarea):hover{border-color:var(--border-strong)}:where(select,input,textarea):focus-visible{border-color:var(--accent)}:where(input[type=radio],input[type=checkbox]){accent-color:var(--accent)}a.btn-small,a.btn-secondary{color:var(--text);align-items:center;text-decoration:none;display:inline-flex}:root{--depth-turn:6deg}[dir=rtl]{--depth-turn:-6deg}@keyframes page-in{0%{opacity:0;transform:perspective(1400px) translateZ(70px) rotateY(var(--depth-turn))}}@keyframes page-fade{0%{opacity:0}}.page{animation:page-fade var(--dur-base) var(--ease-out) backwards}.page:is(.help,.hifz,.bookmarks-page,.progress-page,.download,.legal,.profile-page,.surah-list){animation:page-in var(--dur-slow) var(--ease-emphasized) backwards;transform-origin:50% 30vh}@keyframes fade-in{0%{opacity:0}}dialog{--away:perspective(var(--perspective)) translateY(24px) rotateX(12deg) scale(.95);transform-origin:50% 100%;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-slow) var(--ease-emphasized), overlay var(--dur-slow) allow-discrete, display var(--dur-slow) allow-discrete}dialog:not([open]){opacity:0;transform:var(--away);pointer-events:none}@starting-style{dialog[open]{opacity:0;transform:var(--away)}}dialog::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity var(--dur-base) var(--ease-out), overlay var(--dur-slow) allow-discrete, display var(--dur-slow) allow-discrete}dialog:not([open])::backdrop{opacity:0}@starting-style{dialog[open]::backdrop{opacity:0}}.app-sheet,.layout.app dialog.settings{--away:translateY(100%) perspective(var(--perspective)) rotateX(-10deg);transition-timing-function:var(--ease-out), var(--ease-spring), linear, linear}@media (max-width:640px){.rule-picker{--away:translateY(100%) perspective(var(--perspective)) rotateX(-10deg);transition-timing-function:var(--ease-out), var(--ease-spring), linear, linear}}@media (max-width:599px){dialog.range-dialog{--away:translateY(100%) perspective(var(--perspective)) rotateX(-10deg);transition-timing-function:var(--ease-out), var(--ease-spring), linear, linear}dialog.quran-search{--away:none}}.header{top:var(--portal-h);z-index:20;padding:10px 16px calc(10px + var(--band-h));padding-top:max(10px, var(--safe-top));background:color-mix(in srgb, var(--header-bg) 92%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);align-items:center;gap:10px;display:flex;position:sticky}.header:after{content:"";inset-inline:0;height:var(--band-h);pointer-events:none;background:var(--band) 0 0 / auto 100% repeat-x, var(--bg);position:absolute;bottom:0}@media (max-width:559px){:root{--band-h:10px}}.header-home{flex:none;align-items:center;gap:6px;display:flex}.brand{color:var(--text);border-radius:10px;flex:none;align-items:center;gap:8px;padding-inline-end:4px;text-decoration:none;display:flex}.brand-emblem{width:auto;height:48px;display:block}.brand-name{text-align:center;line-height:1.1;display:grid}.brand-word{font-family:var(--ui-ar);color:var(--accent);font-size:22px;font-weight:600}.brand-site{letter-spacing:.14em;color:var(--gold-text);font-size:10.5px;font-weight:600}.icon-button{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;flex:none;place-items:center;display:inline-grid}.icon-button:hover{background:var(--hover);border-color:var(--border-strong)}.header .icon-button{background:0 0;border-color:#0000}.header .icon-button:hover{background:var(--hover);border-color:#0000}.main{max-width:var(--content-w);margin:0 auto;padding:0 16px 48px;display:flow-root}.surah-loading{min-height:100vh}.layout.with-panel .main{padding-bottom:62vh}@media (min-width:1000px){.layout.with-panel .main{margin-inline-start:max(16px, calc((100vw - var(--panel-w) - 860px) / 2));margin-inline-end:calc(var(--panel-w) + 24px);padding-bottom:48px}}.toolbar{flex-direction:column;gap:10px;max-width:860px;margin:0 auto;padding:12px 16px 0;display:flex}.layout.with-panel .toolbar{max-width:860px}@media (min-width:1000px){.layout.with-panel .toolbar{margin-inline-start:max(16px, calc((100vw - var(--panel-w) - 860px) / 2));margin-inline-end:calc(var(--panel-w) + 24px)}}.segmented{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.segmented-label{font-size:var(--fs-sm);color:var(--text-muted);margin-inline-end:4px}.segmented button{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-size:var(--fs-sm);padding:6px 14px}.segmented button:hover:not([aria-checked=true]){background:var(--hover)}.segmented button[aria-checked=true]{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);font-weight:600}.segmented.small{margin:4px 0 8px}.chips{scrollbar-width:thin;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.chip{border-radius:var(--r-pill);border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;flex:none;align-items:center;gap:6px;padding:5px 12px;font-size:13.5px;display:inline-flex}.chip:hover{background:var(--hover)}.chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.dot{background:var(--c);border-radius:50%;flex:none;width:10px;height:10px}.surah-head{text-align:center;margin:28px 0 8px}.surah-head h1{flex-direction:column;align-items:center;gap:2px;margin:0;font-weight:600;display:flex}.surah-name-ar{font-family:var(--naskh);color:var(--accent);align-items:center;gap:18px;font-size:31px;line-height:1.7;display:inline-flex}.surah-name-ar:before,.surah-name-ar:after{content:"";background:radial-gradient(circle at var(--tip,100%) 50%, var(--gold) 0 2.5px, transparent 3px), linear-gradient(to var(--towards,right), transparent, var(--gold-line)) center / 100% 1px no-repeat;flex:none;width:clamp(28px,9vw,72px);height:7px}.surah-name-ar:after,[dir=rtl] .surah-name-ar:before{--tip:0%;--towards:left}[dir=rtl] .surah-name-ar:after{--tip:100%;--towards:right}.surah-name{font-size:var(--fs-md);font-weight:550}.surah-head p{font-size:var(--fs-sm);margin:4px 0}.notice{color:var(--text-muted);font-style:italic}.bismillah{text-align:center;text-align-last:center;font-size:.9em;display:block}.mushaf{font-size:var(--quran-size);line-height:var(--quran-leading,2.35);text-align:justify;text-align-last:center;word-spacing:.06em;margin:12px 0 32px;padding:8px 0}.mushaf.focusing{color:var(--text-dim)}.mushaf{position:relative}.drawings{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.drawing{stroke:var(--c);fill:none;stroke-linecap:round;stroke-linejoin:round}.drawing .dot-full{fill:var(--c);stroke:none}.drawing .dot-empty{fill:var(--bg);stroke:var(--c)}.drawing .ring{fill:var(--bg)}.drawing .sign-text{fill:var(--c);stroke:none;font-family:var(--naskh);text-anchor:middle;dominant-baseline:central}.drawing .strike{stroke:var(--text-muted)}.drawing .dashed{stroke-dasharray:2.5 2.5}.drawing .head{fill:var(--c);stroke:none}@media (prefers-reduced-motion:no-preference){.drawings .drawing{animation:sign-in var(--dur-base) var(--ease-out) both}}@keyframes sign-in{0%{opacity:0}}.drawing-icon{flex:none}.drawing-icon .icon-letter{fill:var(--surface-2);stroke:var(--border);stroke-width:.8px}.relations{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.relation{fill:none;stroke:var(--accent);stroke-width:2.2px;stroke-linecap:round;opacity:.85}.relations marker path{fill:var(--accent)}@media (prefers-reduced-motion:no-preference){.relation{stroke-dasharray:1;stroke-dashoffset:1px;animation:draw-arc calc(var(--dur-slow) + 80ms) var(--ease-emphasized) forwards}}@keyframes draw-arc{to{stroke-dashoffset:0}}.w{cursor:pointer;transition:background-color calc(var(--dur-fast) * .75);border-radius:8px}.w:hover{background:var(--hover)}.w.sel{background:var(--sel)}.w.sel .tj-silent{color:var(--sel-silent)}.w.sel::highlight(tj-silent){color:var(--sel-silent)}.w.sel ::highlight(tj-silent){color:var(--sel-silent)}.sign{color:var(--accent);font-size:.8em}.ayah-no{color:var(--accent);white-space:nowrap;font-size:.72em}.mushaf-marks{vertical-align:middle;unicode-bidi:isolate;flex-wrap:wrap;gap:4px;margin-inline:.3em;display:inline-flex}.mushaf-mark{font:500 .75rem/1.5 var(--ui-ar);white-space:nowrap;color:var(--gold-text);border:1px solid var(--gold-line);border-radius:999px;padding:0 .6em}.mushaf-marks:not(:lang(ar)) .mushaf-mark{font-family:var(--ui)}.mushaf-mark[data-mark=page]{color:var(--text-muted);border-color:var(--border)}.panel{z-index:30;inset-inline:0;overscroll-behavior:contain;background:var(--surface-raised);border-top:1px solid var(--border);border-radius:var(--r-lg) var(--r-lg) 0 0;max-height:60vh;box-shadow:var(--shadow-3);padding:8px 16px max(16px, env(safe-area-inset-bottom));animation:sheet-in var(--dur-slow) var(--ease-spring) backwards;position:fixed;bottom:0;overflow-y:auto}.panel:focus{outline:none}.sheet-grip{z-index:1;background:var(--surface-raised);touch-action:none;cursor:grab;place-items:center;height:28px;margin:-8px -16px 0;display:grid;position:sticky;top:-8px}.sheet-grip:before{content:"";background:var(--border-strong);border-radius:3px;width:40px;height:5px}.panel-head{touch-action:pan-x}@keyframes sheet-in{0%{transform:translateY(100%) perspective(var(--perspective)) rotateX(-12deg)}}@keyframes panel-in{0%{transform:perspective(var(--perspective)) translateX(var(--panel-from,40px)) rotateY(var(--panel-turn,-18deg));opacity:0}}.panel{transform-origin:50% 100%}[dir=rtl] .panel{--panel-from:-40px;--panel-turn:18deg}@media (min-width:1000px){[dir=rtl] .panel{transform-origin:0}.panel{top:calc(var(--portal-h) + var(--header-h) + 12px);inset-inline:auto 16px;width:var(--panel-w);border:1px solid var(--border);border-radius:var(--r-lg);max-height:none;box-shadow:var(--shadow-2);animation-name:panel-in;animation-timing-function:var(--ease-emphasized);transform-origin:100%;padding-top:16px;bottom:16px}.panel-head{touch-action:auto}}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;padding-block-end:4px;display:flex}.panel-word{padding-block-end:.2em;font-size:44px;line-height:1.8}.panel-ref{font-size:var(--fs-sm)}.count,.panel-section{font-size:var(--fs-sm);color:var(--text-muted);align-items:center;gap:10px;margin:16px 0 10px;font-weight:650;display:flex}.count:after,.panel-section:after{content:"";background:var(--border);flex:1;height:1px}.mushaf[data-veil] .ayah.veiled,.mushaf[data-veil] .ayah.veiled+.ayah-translation,.mushaf[data-veil] .w.veiled,.mushaf[data-veil] .ayah.open .ayah-no,.mushaf[data-veil] .ayah.open+.ayah-translation{display:none}.mushaf[data-veil] .w.unsaid{vertical-align:middle;border:2px dashed var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent);border-radius:8px;width:2.4rem;height:1.5rem;margin-inline:.15em;font-size:0;display:inline-block;position:relative;overflow:hidden}.mushaf[data-veil] .w.unsaid[data-unsaid=wrong]{border-style:solid}.mushaf[data-veil] .w.unsaid:after{content:"؟";color:var(--danger);place-items:center;font:600 1rem/1 system-ui,sans-serif;display:grid;position:absolute;inset:0}.mushaf[data-veil] .w.unsaid[data-unsaid=wrong]:after{content:"✕"}.mushaf[data-veil] .w.slipped{-webkit-text-decoration:underline dotted var(--danger);text-decoration:underline dotted var(--danger);text-underline-offset:.4em}.mushaf[data-veil] .w.hinted{-webkit-text-decoration:underline dashed var(--warn-text);text-decoration:underline dashed var(--warn-text);text-underline-offset:.4em}::highlight(recite-slip){color:var(--danger);background-color:color-mix(in srgb, var(--danger) 14%, transparent)}.recite-slip{color:var(--danger);background-color:color-mix(in srgb, var(--danger) 14%, transparent)}.tasmee-bar{background:var(--accent-soft);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 0;padding:8px 12px;display:flex}.tasmee-bar p{flex:16em;margin:0}.tasmee-bar .button-row{margin:0}.tasmee-counts{flex-wrap:wrap;flex-basis:100%;gap:4px 14px;font-weight:600;display:flex}.tasmee-counts .ok{color:var(--accent)}.tasmee-bar .bad,.tasmee-bar .slip{color:var(--danger)}.tasmee-result{flex-basis:100%}.tasmee-result h2{margin:8px 0 4px;font-size:1.05rem}.tasmee-result ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.tasmee-word{color:inherit;cursor:pointer;text-align:start;background:0 0;border:0;padding:0}.tasmee-word .quran{font-size:1.5rem}.tasmee-word:hover .quran,.tasmee-word:focus-visible .quran{text-decoration:underline}@media (forced-colors:active){.mushaf[data-veil] .w.unsaid{border-color:canvastext}.mushaf[data-veil] .w.unsaid:after{color:canvastext}::highlight(recite-slip){color:highlight}}.hifz legend,.hifz-reminder legend{width:100%;font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:8px;padding:0;font-weight:650}.hifz .weekdays .check{min-height:var(--control);border:1px solid var(--border);border-radius:var(--r-pill);background:var(--bg);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);gap:8px;margin:0;padding:0 14px}.hifz .weekdays .check:hover{border-color:var(--border-strong);background:var(--hover)}.hifz .weekdays .check:has(input:checked){border-color:color-mix(in srgb, var(--accent) 60%, transparent);background:var(--accent-soft);font-weight:600}.hifz .weekdays .check:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.hifz-reminder fieldset.weekdays{border:0;flex-wrap:wrap;gap:8px;min-width:0;margin:8px 0;padding:0;display:flex}.hifz-planner{gap:12px;margin:16px 0;display:grid}.plan-hint{margin:0}.plan-star{width:min(820px,100vw - 32px);margin-inline:calc(50% + -1*min(410px,50vw - 16px));position:relative;container:plan/inline-size}.plan-star svg{width:100%;height:auto;font-family:var(--ui-ar);-webkit-user-select:none;user-select:none;display:block}.plan-ray{stroke:var(--tone);stroke-opacity:.12;stroke-width:1px;vector-effect:non-scaling-stroke}.plan-link{stroke:var(--border-strong);stroke-opacity:.3;stroke-width:1px;vector-effect:non-scaling-stroke}.plan-link[data-in]{stroke:var(--tone);stroke-opacity:.55}.plan-centre-disc{fill:var(--surface);stroke:var(--gold-line);stroke-width:1.4px;vector-effect:non-scaling-stroke}.plan-centre-ring{fill:none;stroke:var(--gold);stroke-opacity:.35;stroke-width:1px;stroke-dasharray:1 5;vector-effect:non-scaling-stroke}.plan-juz,.plan-surah,.plan-day{cursor:pointer;outline:none}.plan-juz circle{fill:var(--surface);stroke:color-mix(in srgb, var(--tone) 40%, var(--border));stroke-width:1.4px;vector-effect:non-scaling-stroke;transition:fill var(--dur-fast) var(--ease-out)}.plan-juz[data-state="2"] circle{fill:color-mix(in srgb, var(--tone) 32%, var(--surface));stroke:var(--tone)}.plan-juz[data-state="1"] circle{stroke:var(--tone);stroke-width:2px;stroke-dasharray:4 3}.plan-juz text,.plan-day text{text-anchor:middle;dominant-baseline:central;fill:var(--text);pointer-events:none;font-size:15px;font-weight:700}.plan-dot{fill:var(--surface-2);stroke:var(--border-strong);stroke-width:1px;vector-effect:non-scaling-stroke}.plan-hit{fill:#0000}.plan-surah[data-state="2"] .plan-dot{fill:color-mix(in srgb, var(--tone) 40%, var(--surface));stroke:var(--tone);stroke-width:1.4px}.plan-surah[data-state="1"] .plan-dot{fill:var(--surface);stroke:var(--tone);stroke-width:1.6px;stroke-dasharray:3 2}.plan-surah[data-first] .plan-dot{fill:var(--gold);stroke:var(--gold)}.plan-surah[data-open] .plan-dot{stroke:var(--gold);stroke-width:3px}.plan-start{fill:none;stroke:var(--gold);stroke-width:2px;vector-effect:non-scaling-stroke}.plan-name{dominant-baseline:central;fill:var(--text-muted);fill-opacity:.8;font-size:17px}.plan-surah:not([data-state="0"]) .plan-name{fill:var(--text);fill-opacity:1;font-weight:600}.plan-surah[data-first] .plan-name{fill:var(--gold-text);font-weight:700}.plan-surah:is(:hover,:focus-visible) .plan-name{fill:var(--text);fill-opacity:1;font-weight:700}.plan-surah:is(:hover,:focus-visible) .plan-dot,.plan-juz:is(:hover,:focus-visible) circle,.plan-day:is(:hover,:focus-visible) circle{stroke:var(--gold);stroke-width:3px}.plan-day circle{fill:var(--surface);stroke:var(--gold-line);stroke-width:1.2px;vector-effect:non-scaling-stroke}.plan-day[data-on] circle{fill:var(--gold);stroke:var(--gold)}.plan-day text{fill:var(--text-muted)}.plan-day[data-on] text{fill:var(--on-gold)}:root[data-theme=dark] .plan-juz[data-state="2"] circle,:root[data-theme=dark] .plan-surah[data-state="2"] .plan-dot{filter:drop-shadow(0 0 4px color-mix(in srgb, var(--tone) 70%, transparent))}@media (prefers-reduced-motion:no-preference){.plan-start{animation:plan-start 1.8s var(--ease-out) infinite;transform-box:fill-box;transform-origin:50%}@keyframes plan-start{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.7)}}}.plan-centre{inset-inline-start:50%;aspect-ratio:1;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.4cqw;display:flex;position:absolute;top:50%;translate:-50% -50%}[dir=rtl] .plan-centre{translate:50% -50%}.plan-centre>*{pointer-events:auto}.plan-centre small{color:var(--text-muted);font-size:max(11px,1.5cqw);line-height:1.3}.plan-amount{font-size:max(14px,2.6cqw);line-height:1.3}.plan-finish{color:var(--gold-text);font-size:max(12px,1.8cqw);font-weight:700;line-height:1.3}.plan-pace{align-items:center;gap:1.2cqw;display:flex}.plan-pace b{font-size:max(15px,2.7cqw);line-height:1.25;display:block}.plan-pace small{display:block}.plan-step{border:1px solid var(--gold-line);background:var(--surface-2);width:max(32px,5cqw);height:max(32px,5cqw);color:var(--text);cursor:pointer;border-radius:50%;font-size:max(17px,2.4cqw);line-height:1}.plan-step:hover:not(:disabled){border-color:var(--gold)}.plan-step:disabled{opacity:.4;cursor:default}.plan-dir{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-2);min-height:30px;color:var(--text);font:inherit;cursor:pointer;margin-top:.3cqw;padding:2px 12px;font-size:max(12px,1.5cqw)}.plan-dir:hover{border-color:var(--gold)}.plan-step:focus-visible,.plan-dir:focus-visible{box-shadow:var(--focus-ring);outline:none}.plan-below{flex-direction:column;align-items:center;gap:10px;display:none}.plan-star svg[data-open] .plan-back{opacity:.06;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out)}.plan-star svg[data-open] .plan-surah:not([data-open]){opacity:.4}.plan-star svg[data-open] .plan-surah:not([data-open]):is(:hover,:focus-visible){opacity:1}.plan-ring-track{fill:none;stroke:var(--gold);stroke-opacity:.3;stroke-width:1px;stroke-dasharray:1 5;vector-effect:non-scaling-stroke}.plan-page{cursor:pointer;outline:none}.plan-page circle{fill:var(--surface);stroke:color-mix(in srgb, var(--tone) 40%, var(--border));stroke-width:1.4px;vector-effect:non-scaling-stroke;transition:fill var(--dur-fast) var(--ease-out)}.plan-page[data-state="2"] circle{fill:color-mix(in srgb, var(--tone) 32%, var(--surface));stroke:var(--tone)}.plan-page[data-state="1"] circle{stroke:var(--tone);stroke-width:2px;stroke-dasharray:4 3}.plan-page:is(:hover,:focus-visible) circle{stroke:var(--gold);stroke-width:3px;stroke-dasharray:none}.plan-page text{text-anchor:middle;dominant-baseline:central;fill:var(--text);pointer-events:none;font-weight:700}:root[data-theme=dark] .plan-page[data-state="2"] circle{filter:drop-shadow(0 0 4px color-mix(in srgb, var(--tone) 70%, transparent))}@media (prefers-reduced-motion:no-preference){.plan-ring{animation:plan-ring var(--dur-base) var(--ease-out);transform-box:view-box}@keyframes plan-ring{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}}.plan-open{gap:.6cqw}.plan-open-name{color:var(--gold-text);font-size:max(16px,3cqw);line-height:1.25}.plan-open-tools{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:.5cqw;display:flex}.plan-open-tools button{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-2);min-height:36px;color:var(--text);font:inherit;font-size:var(--fs-sm);cursor:pointer;padding:0 14px}.plan-open-tools button[aria-pressed=true]{border-color:var(--tone);background:color-mix(in srgb, var(--tone) 22%, var(--surface))}.plan-open-tools button.round{width:36px;padding:0;font-size:18px;line-height:1}.plan-open-tools button:hover{border-color:var(--gold)}.plan-open-tools button:focus-visible{box-shadow:var(--focus-ring);outline:none}.plan-page-row{border-top:1px solid var(--border);align-items:flex-start;gap:10px;padding-block:6px;display:flex}.plan-choice-head+.plan-page-row{border-top:0;margin-top:8px}.plan-page-row>span{min-width:64px;color:var(--text-muted);font-size:var(--fs-sm);flex:none;padding-top:9px}.plan-page-row .plan-ayahs{margin:0}.plan-below .plan-step{width:44px;height:44px;font-size:20px}.plan-below .plan-pace b{font-size:var(--fs-lg)}.plan-below .plan-dir{min-height:var(--control);font-size:var(--fs-sm)}.plan-juz-grid{display:none}@container plan (width<=560px){.plan-name,.plan-centre .plan-pace,.plan-centre .plan-dir,.plan-centre .plan-when,.plan-centre .plan-finish{display:none}.plan-amount{font-size:4.6cqw}}@media (max-width:600px){.plan-below{display:flex}.plan-juz-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px;margin-bottom:12px;display:grid}}.plan-days{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.plan-juz-grid button,.plan-ayahs button,.plan-days button{border:1px solid var(--border-strong);background:var(--surface);min-width:40px;height:40px;color:var(--text-muted);font:inherit;font-size:var(--fs-sm);cursor:pointer;border-radius:50%;padding:0 4px;font-weight:600}.plan-juz-grid [data-state="2"],.plan-ayahs [data-on]{background:color-mix(in srgb, var(--tone) 30%, var(--surface));border-color:var(--tone);color:var(--text)}.plan-juz-grid [data-state="1"]{border-color:var(--tone);color:var(--text);border-style:dashed}.plan-ayahs [data-anchor]{border:2.5px solid var(--gold);color:var(--gold-text)}.plan-days [data-on]{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}.plan-days button{width:40px}.plan-juz-grid button:focus-visible,.plan-ayahs button:focus-visible,.plan-days button:focus-visible{box-shadow:var(--focus-ring);outline:none}.plan-choice{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);padding:14px 16px}.plan-choice-head{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.plan-choice-head h2,.plan-choice-head h3{font-size:var(--fs-md);margin:0}.plan-surah-detail h3{color:var(--gold-text)}.plan-tools{flex-wrap:wrap;gap:6px;margin-inline-start:auto;display:flex}.plan-groups{flex-wrap:wrap;gap:6px;margin:10px 0 12px;padding:0;list-style:none;display:flex}.plan-groups li{min-height:var(--control-sm);border-radius:var(--r-pill);border:1px solid var(--tone);background:color-mix(in srgb, var(--tone) 14%, var(--surface));font-size:var(--fs-sm);align-items:center;gap:2px;padding-inline:12px 2px;display:inline-flex}.plan-groups li button{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:18px;line-height:1}.plan-groups li button:hover{color:var(--text);background:var(--hover)}.plan-groups li button:focus-visible{box-shadow:var(--focus-ring);outline:none}.plan-groups li.more{border-color:var(--border);color:var(--text-muted);background:0 0;padding-inline:12px}.plan-find{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.plan-find span{color:var(--text-muted);font-size:var(--fs-sm)}.plan-find input{min-height:var(--control);border-radius:var(--r-pill);border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;flex:200px;padding:0 14px}.plan-surah-detail{border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.plan-ayahs{flex-wrap:wrap;gap:5px;margin:12px 0 4px;padding:0;list-style:none;display:flex}.plan-ayah-hint{font-size:var(--fs-sm);margin:4px 0 0}.plan-start-day{max-width:260px;margin:0}.hifz-planner .button-row .btn-primary{width:auto;margin:0;padding-inline:28px}.field-row{flex-wrap:wrap;gap:12px;display:flex}.hifz-forecast{color:var(--accent);font-weight:600}.hifz-today{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);margin:16px 0;padding:16px 18px}.hifz-group h3{font-size:var(--fs-md);color:var(--accent);margin:12px 0 6px}.hifz-group ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.hifz-group li{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex}.hifz-group .rate{flex-wrap:wrap;gap:4px;display:inline-flex}.ok-note{background:var(--accent-soft);border-radius:10px;padding:8px 12px}.hifz progress{width:100%;height:10px;accent-color:var(--area-hifz)}.hifz-map{--firm:var(--area-hifz);--weak:var(--gold);--learning:color-mix(in srgb, var(--area-hifz) 42%, var(--surface));margin:28px 0 16px}.hifz-map-head{flex-wrap:wrap;align-items:baseline;gap:4px 16px;display:flex}.hifz-map-head h2{margin:0}.hifz-map-head>p{flex:12em;margin:0}.hifz-map-star{overscroll-behavior-x:contain;scrollbar-width:thin;direction:ltr;width:min(1040px,100vw - 32px);margin:4px calc(50% + -1*min(520px,50vw - 16px)) 0;overflow-x:auto}.hifz-map-star svg{width:100%;min-width:760px;height:auto;font-family:var(--ui-ar);-webkit-user-select:none;user-select:none;display:block}.map-ray{stroke:var(--tone);stroke-opacity:.3;stroke-width:1.2px;vector-effect:non-scaling-stroke}.map-link{stroke:var(--border-strong);stroke-opacity:.55;stroke-width:1px;vector-effect:non-scaling-stroke;transition:opacity var(--dur-base) var(--ease-out)}.map-link[data-reach]{stroke-dasharray:2 4}.map-link[data-state=firm]{stroke:var(--firm);stroke-opacity:.5}.map-link[data-state=weak]{stroke:var(--weak);stroke-opacity:.7}.map-link[data-state=learning]{stroke:var(--learning);stroke-opacity:.8}.map-centre{cursor:pointer}.map-centre-disc{fill:var(--surface);stroke:var(--gold-line);stroke-width:1.5px;vector-effect:non-scaling-stroke}.map-centre-track,.map-centre-value{fill:none;stroke-width:12px}.map-centre-track{stroke:color-mix(in srgb, var(--tone) 14%, var(--surface-2))}.map-centre-value{stroke:var(--tone);stroke-linecap:round}.map-centre-value-text{text-anchor:middle;dominant-baseline:central;fill:var(--text);font-size:62px;font-weight:700;font-family:var(--ui)}.map-centre-label{text-anchor:middle;dominant-baseline:central;fill:var(--text-muted);font-size:24px}.map-juz,.map-surah{cursor:pointer;transition:opacity var(--dur-base) var(--ease-out);outline:none}.map-juz-disc{fill:var(--surface);stroke:color-mix(in srgb, var(--tone) 40%, var(--border));stroke-width:1.5px;vector-effect:non-scaling-stroke}.map-juz-value{fill:none;stroke:var(--tone);stroke-width:4px;stroke-linecap:round}.map-juz text{text-anchor:middle;dominant-baseline:central;fill:var(--text);pointer-events:none;font-size:15px;font-weight:650}.map-dot{fill:var(--surface);stroke:var(--border-strong);stroke-width:1.2px;vector-effect:non-scaling-stroke}.map-surah[data-state=firm] .map-dot{fill:var(--firm);stroke:var(--firm)}.map-surah[data-state=weak] .map-dot{fill:var(--weak);stroke:var(--weak)}.map-surah[data-state=learning] .map-dot{fill:var(--learning);stroke:var(--firm)}.map-part{fill:none;stroke:var(--firm);stroke-width:3px;stroke-linecap:round}.map-surah[data-state=weak] .map-part{stroke:var(--weak)}.map-due{fill:none;stroke:var(--weak);stroke-width:2px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.map-name{dominant-baseline:central;fill:var(--text-muted);font-size:18px}.map-surah:not([data-state=none]) .map-name{fill:var(--text);font-weight:600}.map-surah:is(:hover,:focus-visible) .map-name,.map-surah[data-selected] .map-name{fill:var(--text);font-weight:700}.map-surah:hover .map-dot,.map-juz:hover .map-juz-disc{stroke:var(--text);stroke-width:2px}.map-surah:focus-visible .map-dot,.map-juz:focus-visible .map-juz-disc{stroke:var(--accent);stroke-width:4px}.map-surah[data-selected] .map-dot,.map-juz[data-selected] .map-juz-disc{stroke:var(--gold);stroke-width:4px}.hifz-map-star[data-only-today] :is(.map-surah:not([data-due]),.map-link:not([data-due])){opacity:.12}.hifz-map-star svg[data-open] .map-back{opacity:.07;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out)}.map-centre-name{text-anchor:middle;dominant-baseline:central;fill:var(--gold-text);font-weight:700}.map-centre-count{text-anchor:middle;dominant-baseline:central;fill:var(--text);font-size:26px;font-weight:700;font-family:var(--ui)}.map-ring-track{fill:none;stroke:var(--gold);stroke-opacity:.3;stroke-width:1px;stroke-dasharray:1 5;vector-effect:non-scaling-stroke}.map-page{cursor:pointer;outline:none}.map-page-disc{fill:var(--surface);stroke:var(--border-strong);stroke-width:1.4px;vector-effect:non-scaling-stroke}.map-page[data-state=firm] .map-page-disc{fill:var(--firm);stroke:var(--firm)}.map-page[data-state=weak] .map-page-disc{fill:var(--weak);stroke:var(--weak)}.map-page[data-state=learning] .map-page-disc{fill:var(--learning);stroke:var(--firm)}.map-page-part{fill:none;stroke:var(--firm);stroke-width:3px;stroke-linecap:round}.map-page[data-state=weak] .map-page-part{stroke:var(--weak)}.map-page:is(:hover,:focus-visible) .map-page-disc{stroke:var(--text);stroke-width:2.5px}.map-page-focus{fill:none;stroke:var(--text);stroke-width:2px;vector-effect:non-scaling-stroke}.map-page text{text-anchor:middle;dominant-baseline:central;fill:var(--text);pointer-events:none;font-weight:700;font-family:var(--ui)}.map-page[data-state=firm] text{fill:var(--surface)}@media (prefers-reduced-motion:no-preference){.map-due{animation:map-due 1.8s var(--ease-out) infinite alternate}@keyframes map-due{to{stroke-opacity:.25}}.map-ring{animation:plan-ring var(--dur-base) var(--ease-out);transform-box:view-box}}:root[data-theme=dark] .map-surah:not([data-state=none]) .map-dot{filter:drop-shadow(0 0 4px color-mix(in srgb, var(--firm) 70%, transparent))}.hifz-map-legend{font-size:var(--fs-sm);color:var(--text-muted);flex-wrap:wrap;gap:6px 18px;margin:8px 0 12px;padding:0;list-style:none;display:flex}.hifz-map-legend li:before{content:"";vertical-align:-1px;border:1.5px solid #0000;border-radius:50%;width:11px;height:11px;margin-inline-end:6px;display:inline-block}.hifz-map-legend [data-state=firm]:before{background:var(--firm)}.hifz-map-legend [data-state=weak]:before{background:var(--weak)}.hifz-map-legend [data-state=learning]:before{background:var(--learning);border-color:var(--firm)}.hifz-map-legend [data-state=none]:before{border-color:var(--border-strong)}.hifz-map-legend [data-state=due]:before{border:1.5px dashed var(--weak)}.map-detail-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);padding:16px 18px}.map-detail-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.map-detail-head h3{font-size:var(--fs-lg);margin:0}.map-detail-counts{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 0;display:flex}.map-chip{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-2);font-size:var(--fs-sm);color:var(--text);align-items:center;gap:2px;padding:2px 10px;display:inline-flex}.map-chip[data-state=firm]{border-color:var(--firm);background:color-mix(in srgb, var(--firm) 14%, var(--surface))}.map-chip[data-state=weak]{border-color:var(--weak);background:color-mix(in srgb, var(--weak) 18%, var(--surface))}.map-chip[data-state=learning]{border-color:var(--learning);background:color-mix(in srgb, var(--learning) 25%, var(--surface))}.map-chip[data-due]{outline:1.5px dashed var(--weak);outline-offset:2px}button.map-chip{min-height:var(--control-sm);cursor:pointer;font:inherit;font-size:var(--fs-sm)}button.map-chip:hover{border-color:var(--border-strong)}.map-juz-surahs{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.hifz-view{margin:24px 0 0}.journey{--firm:var(--area-hifz);--weak:var(--gold);--learning:color-mix(in srgb, var(--area-hifz) 42%, var(--surface));--parchment:#f6efdf;--ink-root:#7b5e3b;margin:16px 0}:root[data-theme=dark] .journey{--parchment:#2a2722;--ink-root:#b89a6d}.journey-tools{gap:6px;margin-inline-start:auto;display:flex}.journey-tools .btn-small{min-width:40px}.journey-view{overscroll-behavior:contain;scrollbar-width:thin;touch-action:pan-x pan-y;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--parchment);direction:ltr;width:min(1040px,100vw - 32px);height:min(72vh,820px);margin:8px calc(50% + -1*min(520px,50vw - 16px)) 0;overflow:auto}.journey-view svg{font-family:var(--ui-ar);-webkit-user-select:none;user-select:none;display:block}.journey-ground{fill:var(--parchment)}.journey-back{transition:opacity var(--dur-base) var(--ease-out)}.journey-view svg[data-open] .journey-back{opacity:.18}.journey-track{fill:none;stroke:color-mix(in srgb, var(--gold) 30%, var(--parchment));stroke-width:28px;stroke-linecap:round;stroke-linejoin:round}.journey-walked{fill:none;stroke:var(--firm);stroke-width:10px;stroke-linecap:round}.journey-walked[data-state=learning]{stroke:var(--learning)}.journey-dashes{fill:none;stroke:var(--surface);stroke-opacity:.85;stroke-width:2px;stroke-dasharray:3 12;stroke-linecap:round}.journey-stub{fill:none;stroke:var(--ink-root);stroke-opacity:.55;stroke-width:3px;stroke-linecap:round}.journey-stub[data-state=firm]{stroke:var(--firm);stroke-opacity:.8}.journey-stub[data-state=weak]{stroke:var(--weak);stroke-opacity:.9}.journey-sign{cursor:pointer}.journey-sign rect{fill:var(--surface);fill-opacity:.92;stroke:color-mix(in srgb, var(--gold) 35%, var(--border));stroke-width:1.2px}.journey-sign text{text-anchor:middle;dominant-baseline:central;fill:var(--text)}.journey-sign-surahs{font-size:18px;font-weight:700}.journey-sign-motif{font-size:14.5px;fill:var(--gold-text)!important}.journey-stop{cursor:pointer;outline:none}.journey-stop-disc{fill:var(--surface);stroke:color-mix(in srgb, var(--tone) 40%, var(--border));stroke-width:1.5px}.journey-stop-track{fill:none;stroke:color-mix(in srgb, var(--gold) 22%, var(--parchment));stroke-width:5px}.journey-stop-value{fill:none;stroke:var(--firm);stroke-width:5px;stroke-linecap:round}.journey-stop[data-state=weak] .journey-stop-value{stroke:var(--weak)}.journey-stop[data-state=learning] .journey-stop-value{stroke:var(--learning)}.journey-stop[data-state=firm] .journey-stop-disc{fill:var(--firm)}.journey-stop text{font-family:var(--quran,serif);text-anchor:middle;dominant-baseline:central;fill:var(--text);pointer-events:none;font-size:20px;font-weight:700}.journey-stop[data-state=firm] text{fill:var(--surface)}.journey-stop:hover .journey-stop-disc{stroke:var(--text);stroke-width:2.5px}.journey-stop:focus-visible .journey-stop-disc{stroke:var(--accent);stroke-width:4px}.journey-stop[data-selected] .journey-stop-disc{stroke:var(--gold);stroke-width:4px}.journey-due{fill:none;stroke:var(--weak);stroke-width:2.2px;stroke-dasharray:4 4}.journey-reach{fill:var(--tone);fill-opacity:.05;stroke:var(--gold);stroke-opacity:.5;stroke-width:1.5px;stroke-dasharray:4 6}.journey-root path{fill:none;stroke:var(--ink-root);stroke-width:3.5px;stroke-linecap:round}.journey-root .journey-node{fill:var(--surface);stroke:var(--border-strong);stroke-width:2.5px}.journey-root[data-state=firm] .journey-node{fill:var(--firm);stroke:var(--firm)}.journey-root[data-state=weak] .journey-node{fill:var(--weak);stroke:var(--weak)}.journey-root[data-state=learning] .journey-node{fill:var(--learning);stroke:var(--firm)}.journey-root text{dominant-baseline:central;fill:var(--text);font-weight:600}.journey-root:is(:hover,:focus-visible) text{text-decoration:underline}.journey-root:focus-visible{outline:none}.journey-root:focus-visible .journey-node{stroke:var(--accent);stroke-width:4px}.journey-detail h4{font-size:var(--fs-md);color:var(--accent);margin:16px 0 6px}.badge-draft{border-radius:var(--r-pill);background:color-mix(in srgb, var(--gold) 22%, var(--surface));color:var(--gold-text);font-size:var(--fs-xs,12px);vertical-align:2px;padding:1px 10px;font-weight:600;display:inline-block}.journey-motif{align-items:center;gap:12px;margin:0;display:flex}.journey-motif svg{background:var(--parchment);border-radius:var(--r-md);flex:none}.journey-stories{gap:4px;margin:0;padding:0;list-style:none;display:grid}.journey-stories summary{cursor:pointer;border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:8px 4px;display:flex}.journey-ref{color:var(--gold-text);font-size:var(--fs-sm)}.journey-stories details[open] summary{font-weight:600}.journey-tafsir{padding:4px 4px 8px}.journey-tafsir-head{color:var(--text-muted);font-weight:600;font-size:var(--fs-sm);margin:8px 0 4px}.journey-ayah{color:var(--gold-text);font-weight:600}.journey-draft{font-size:var(--fs-sm);margin-top:14px}.map-page-rows{margin:12px 0}.map-page-row{border-top:1px solid var(--border);border-radius:var(--r-sm);align-items:flex-start;gap:10px;padding:6px 4px;display:flex}.map-page-row:first-child{border-top:0}.map-page-row[data-focus]{background:color-mix(in srgb, var(--gold) 12%, transparent)}.map-page-row>span{min-width:64px;color:var(--text-muted);font-size:var(--fs-sm);flex:none;padding-top:7px}.map-ayahs{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.map-ayahs a{border:1px solid var(--border);background:var(--surface-2);min-width:32px;height:32px;color:var(--text-muted);font-size:var(--fs-sm);border-radius:8px;justify-content:center;align-items:center;padding:0 6px;text-decoration:none;display:inline-flex}.map-ayahs [data-state=firm] a{background:var(--firm);border-color:var(--firm);color:var(--surface)}.map-ayahs [data-state=weak] a{background:var(--weak);border-color:var(--weak);color:var(--text)}.map-ayahs [data-state=learning] a{background:var(--learning);border-color:var(--firm);color:var(--text)}.map-ayahs a:hover{border-color:var(--text)}.map-ayahs a:focus-visible{box-shadow:var(--focus-ring);outline:none}.profile-badge{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;font-weight:700;line-height:1;display:inline-flex}.profile-list{gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.profile-list li{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex}.profile-list li[data-active=true]{border-color:var(--accent)}.profile-name{text-align:start;font:inherit;cursor:pointer;color:var(--text);background:0 0;border:0;flex:1;padding:4px 0;font-weight:600}.profile-edit{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.profile-edit input{font:inherit;border:1px solid var(--border);border-radius:8px;min-width:10em;padding:4px 8px}.profile-colors{gap:6px;display:flex}.profile-color{cursor:pointer;border:2px solid #0000;border-radius:50%;width:26px;height:26px}.profile-color[aria-checked=true]{border-color:var(--text)}.button-row{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.sync-key{background:var(--surface-2);border-radius:12px;margin:8px 0;padding:10px 12px}.sync-key code{letter-spacing:1px;word-break:break-all;margin:4px 0;font-size:18px;display:block}.sync-link{flex-wrap:wrap;align-items:flex-end;gap:8px;margin:8px 0;display:flex}.sync-link input{font:inherit;border:1px solid var(--border);border-radius:8px;min-width:18em;padding:6px 8px;font-family:ui-monospace,monospace}.btn-small.subtle{color:var(--text-muted)}.btn-small.danger{color:var(--danger);border-color:var(--danger-border)}.tafsir{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin:8px 0;padding:6px 12px}.tafsir summary{cursor:pointer;color:var(--accent);padding:4px 0;font-weight:600}.tafsir-text{font-family:var(--naskh);margin:6px 0;font-size:17px;line-height:1.9}.tafsir-by{margin:4px 0;font-size:12.5px}.rules{gap:10px;margin:0;padding:0;list-style:none;display:grid}.rule{border:1px solid var(--border);border-inline-start:4px solid var(--c);border-radius:var(--r-md);background:var(--surface);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);padding:12px 14px}.rule.focused{background:var(--surface-2);border-color:var(--c);box-shadow:var(--shadow-1)}@keyframes reveal{0%{opacity:0;transform:translateY(-4px)}}.rule-body,.details,details.fold[open]>:not(summary){animation:reveal var(--dur-base) var(--ease-out) backwards}.rule-main{text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:0;display:flex}.rule-names{flex-direction:column;align-items:flex-start;display:flex}.rule-ar{font-size:19px;font-weight:600;line-height:1.6}.rule-local{color:var(--text-muted);font-size:14px}.badges{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.badge{border-radius:var(--r-pill);background:var(--accent-soft);padding:2px 9px;font-size:12px}.badge.subtle{background:var(--surface-2);color:var(--text-muted)}.badge.warn{background:var(--warn-bg);color:var(--warn-text)}.badge.ok{background:var(--accent);color:var(--accent-contrast)}.badge.vocalised{font-size:13px;line-height:1.8}.summary{margin:6px 0;font-size:14.5px}.summary.vocalised,.why p.vocalised,.details p.vocalised{font-size:17px}.why{border-radius:var(--r-sm);background:var(--surface-2);border-inline-start:3px solid var(--gold-line);margin:10px 0;padding:8px 12px}.why h3,.details h3{color:var(--accent);margin:0 0 2px;font-size:14px}.why h3.vocalised,.details h3.vocalised{font-size:16px}.why p{margin:0}.effects{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.effect{background:var(--surface-2);border-radius:8px;gap:4px;padding:2px 8px;font-size:13px;display:flex}.effect dt{color:var(--text-muted)}.effect dt:after{content:":"}.effect dd{margin:0;font-weight:600}.participants{flex-wrap:wrap;gap:4px 14px;margin:6px 0;padding:0;font-size:14px;list-style:none;display:flex}.role{color:var(--text-muted)}.letter{vertical-align:middle;background:var(--surface-2);border-radius:6px;padding:0 6px;font-size:24px;line-height:1.7;display:inline-block}.letter.primary{background:var(--focus-bg)}.more{color:var(--accent);cursor:pointer;font-weight:600;font-size:var(--fs-sm);background:0 0;border:0;padding:4px 0}.details{border-top:1px dashed var(--border);margin-top:6px;padding-top:6px;font-size:14px}.details p{margin:6px 0}.summary-ar{font-size:17px;line-height:1.8}.places{flex-wrap:wrap;gap:6px;display:flex}.place{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;padding:0 8px;font-size:20px;line-height:1.8}.place .quran{vertical-align:middle;display:inline-block}.settings{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-3);width:min(940px,100vw - 32px);max-width:none;height:min(760px,100dvh - 48px);padding:0}.settings[open]{flex-direction:column;display:flex;overflow:hidden}.settings-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:14px 20px;display:flex}.settings-head h2{margin:0;font-size:22px}.settings-saved{margin:2px 0 0;font-size:14px}.settings .settings-close{border-radius:12px;align-items:center;gap:8px;width:auto;min-height:48px;margin:0;padding:0 20px;font-size:16px;display:inline-flex}.settings-body{flex:1;min-height:0;display:flex}.settings-nav{box-sizing:border-box;background:var(--surface-2);border-inline-end:1px solid var(--border);flex-direction:column;flex:none;gap:4px;width:236px;padding:12px;display:flex;overflow-y:auto}.settings-nav button{min-height:52px;color:var(--text);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:6px 14px;font-size:16px;line-height:1.3;display:flex}.settings-nav button:hover{background:var(--hover)}.settings-nav button[aria-selected=true]{background:var(--accent-soft);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 60%, transparent);font-weight:650}.settings-content>*{animation:reveal var(--dur-base) var(--ease-out) backwards}.settings-nav svg{color:var(--accent);flex:none}.settings-content{overscroll-behavior:contain;box-sizing:border-box;flex-direction:column;flex:1;gap:22px;min-width:0;padding:20px 28px 28px;display:flex;overflow-y:auto}.settings-content:focus{outline:none}.settings-content h3{margin:0;font-size:20px}.settings fieldset,.quick-settings fieldset,.app-menu-switches fieldset{border:0;min-width:0;margin:0;padding:0}.settings legend,.quick-settings legend{margin-bottom:8px;padding:0;font-size:16px;font-weight:600}.settings .settings-group{flex-direction:column;gap:22px;display:flex}.settings-size{gap:10px;display:grid}.settings-preview{background:var(--surface-2);text-align:center;border-radius:12px;padding:4px 16px 10px}.settings-preview .quran{font-size:var(--quran-size);line-height:var(--quran-leading,2.35);margin:0}.settings-preview .muted{margin:0;font-size:14px}.settings .settings-layout{width:100%;min-height:48px;margin:0;display:block}.settings .app-install{font-size:16px}.settings .choices .small,.settings .tafsir-by{margin:0;font-size:14px}@media (max-width:699px){.settings{width:calc(100vw - 16px);height:100dvh}.settings-head{padding:10px 14px}.settings-head h2{font-size:20px}.settings .settings-close{min-height:44px;padding:0 14px}.settings-body{flex-direction:column}.settings-nav{border-inline-end:0;border-bottom:1px solid var(--border);flex-direction:row;grid-template-columns:repeat(3,minmax(0,1fr));width:auto;padding:8px;display:grid;overflow:visible}.settings-nav button{text-align:center;flex-direction:column;justify-content:center;gap:2px;min-height:56px;padding:4px;font-size:13px}.settings-content{gap:18px;padding:16px}}.check,.radio{align-items:center;gap:8px;margin:8px 0;display:flex}fieldset.steps{flex-wrap:wrap;gap:0;display:flex}fieldset.steps legend{width:100%}.step{flex:1;position:relative}.step input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.step>span:not(.visually-hidden){border:1px solid var(--border);background:var(--surface);min-height:48px;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);place-items:center;margin-inline-start:-1px;padding:2px 6px;font-size:15px;line-height:1.2;display:grid}.step:first-of-type>span{border-start-start-radius:var(--r-md);border-end-start-radius:var(--r-md);margin-inline-start:0}.step:last-of-type>span{border-start-end-radius:var(--r-md);border-end-end-radius:var(--r-md)}@media (hover:hover){.step:hover>input:not(:checked)+span:not(.visually-hidden){background:var(--hover)}}.step input:checked+span{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);position:relative}.step input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.switches{gap:8px;display:grid}.switch,.choice{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;align-items:center;gap:14px;min-height:56px;padding:10px 16px;font-size:16px;line-height:1.45;display:flex;position:relative}.switch:hover,.choice:hover{background:var(--hover)}.switch,.choice{transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out)}.switch input,.choice input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch-text{flex:1}.switch-track{width:52px;height:30px;box-shadow:inset 0 0 0 2px var(--text-muted);border-radius:15px;flex:none;position:relative}.switch-track:after{content:"";top:7px;background:var(--text-muted);border-radius:50%;width:16px;height:16px;position:absolute;inset-inline-start:7px}.switch input:checked~.switch-track{background:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.switch input:checked~.switch-track:after{top:4px;background:var(--accent-contrast);width:22px;height:22px;inset-inline-start:26px}.switch input:focus-visible~.switch-track,.choice input:focus-visible~.choice-dot{outline:3px solid var(--accent);outline-offset:3px}.choices{gap:8px;display:grid}.choice{align-items:flex-start;min-height:52px}.choice-dot{width:20px;height:20px;box-shadow:inset 0 0 0 2px var(--text-muted);border-radius:50%;flex:none;margin-top:2px}.choice input:checked~.choice-dot{box-shadow:inset 0 0 0 6px var(--accent)}.choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.choice-text{overflow-wrap:anywhere;gap:2px;min-width:0;display:grid}.choice-note{color:var(--text-muted);font-size:14px}.choice:has(input:disabled){opacity:.6}.choice:has(input:disabled):hover{background:0 0}.choice input:disabled{cursor:not-allowed}.reading-current{margin:0;font-weight:600}.choices.reading-qiraat{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))}.reading-note-line{display:block}.reading-note-line[dir=rtl]{text-align:start}.reading-fellback{background:var(--accent-soft);border-radius:10px;margin:0;padding:10px 12px}.reading-default{align-self:flex-start;margin:0}.switch-track,.switch-track:after,.choice-dot{transition:all var(--dur-fast) var(--ease-out)}.btn-primary{width:100%;min-height:var(--control);border-radius:var(--r-sm);background:var(--accent);color:var(--accent-contrast);cursor:pointer;box-shadow:var(--shadow-1);border:0;margin-top:12px;padding:10px 16px;font-weight:650}.btn-primary:hover:not(:disabled){background:var(--accent-hover);color:var(--accent-contrast)}.footer{padding-top:var(--band-h);background:var(--footer-bg);color:var(--footer-text);margin-top:48px;font-size:14px;position:relative}.footer:before{content:"";height:var(--band-h);background:var(--band-foot) 0 0 / auto 100% repeat-x, var(--bg);position:absolute;inset:0 0 auto}.footer a,.footer .link-button{color:var(--footer-text);text-decoration:none}.footer a:hover,.footer .link-button:hover{color:var(--footer-accent);text-decoration:underline}.footer-main{max-width:1120px;padding:36px var(--side,16px) 28px;box-sizing:border-box;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:32px;margin:0 auto;display:grid}.footer-brand p{max-width:42ch;color:var(--footer-muted);margin:12px 0 16px;line-height:1.7}.footer-mark{font-family:var(--ui-ar);align-items:center;gap:10px;font-size:24px;font-weight:600;display:inline-flex}.footer-mark img{width:auto;height:40px;display:block}.footer-social{gap:10px;display:flex}.footer-round{border:1px solid color-mix(in srgb, var(--footer-accent) 55%, transparent);width:40px;height:40px;color:var(--footer-text);border-radius:50%;place-items:center;display:inline-grid}.footer .footer-round:hover{background:color-mix(in srgb, var(--footer-accent) 18%, transparent);text-decoration:none}.footer-col h2{color:var(--footer-accent);margin:4px 0 12px;font-size:15px;font-weight:600}.footer-col ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.footer-col .link-button{font-size:inherit}.footer-bottom{padding:12px max(var(--side,16px), calc((100% - 1120px) / 2 + var(--side,16px))) 76px;background:var(--footer-deep);color:var(--footer-muted);flex-wrap:wrap;justify-content:space-between;gap:6px 24px;font-size:13px;display:flex}.footer-bottom p{margin:0}@media (max-width:719px){.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.footer-brand{grid-column:1/-1}}.dock{z-index:25;inset-inline:0;pointer-events:none;flex-direction:column-reverse;display:flex;position:fixed;bottom:0}.dock>*{pointer-events:auto}.player{z-index:25;inset-inline:0;padding:10px 12px max(10px, env(safe-area-inset-bottom));background:var(--surface-raised);border-top:1px solid var(--border);box-shadow:var(--shadow-2);flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex;position:fixed;bottom:0}.player-progress{inset-inline:0;background:color-mix(in srgb, var(--accent) 16%, transparent);pointer-events:none;height:3px;position:absolute;top:-1px}.player-progress>span{background:var(--accent);width:100%;height:100%;transform-origin:var(--progress-origin,left);transform:scaleX(var(--p,0));transition:transform var(--dur-slow) var(--ease-out);display:block}[dir=rtl] .player-progress>span{--progress-origin:right}.player[data-status=playing] [data-action=player-toggle]{box-shadow:0 0 0 4px var(--accent-soft)}.dock>.player{position:relative}.player-controls{direction:ltr;gap:6px;display:flex}.icon-button.primary{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.player-info{flex-direction:column;flex:180px;min-width:0;font-size:13.5px;display:flex}.player-where{font-weight:650}.player-reciter{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.player-error{color:var(--warn-text);font-size:12.5px}.player-select select{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;border-radius:8px;padding:6px 8px;font-size:13.5px}.dock:has(>.player-c){inset-inline:12px;bottom:max(12px, env(safe-area-inset-bottom));max-width:560px;margin-inline:auto}.player.player-c{inset-inline:12px;bottom:max(12px, env(safe-area-inset-bottom));max-width:560px;box-shadow:none;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"controls controls""info close";align-items:center;gap:0 8px;margin-inline:auto;padding:8px 12px;display:grid;overflow:visible}.player-c:before{content:"";z-index:-1;border-radius:var(--r-xl);background:var(--surface-raised);border:1px solid var(--gold-line);box-shadow:var(--shadow-3);position:absolute;inset:0;-webkit-mask:radial-gradient(43px at 50% 4px,#0000 42px,#000 43px);mask:radial-gradient(43px at 50% 4px,#0000 42px,#000 43px)}.dock>.player.player-c{max-width:none;margin:32px 0 0;position:relative;inset:auto}.player-c .player-controls{grid-area:controls;grid-template-columns:repeat(2,1fr) 92px repeat(2,1fr);place-items:center;gap:0;display:grid}.player-c .player-controls .icon-button{color:var(--text-muted);background:0 0;border-color:#0000}.player-c .player-controls .icon-button:hover{background:var(--hover);color:var(--text)}.player-c [data-action=player-next]{grid-column:4}.player-c [data-action=player-options]{grid-column:5}.player-c [data-action=player-options][data-changed]{color:var(--gold-text);box-shadow:inset 0 0 0 1.5px var(--gold)}.player-medal{cursor:pointer;width:46px;height:46px;color:var(--gold-text);font-family:var(--ui-ar);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:15px;font-weight:650;display:grid;position:relative}.player-medal .medallion{width:100%;height:100%;color:var(--gold);position:absolute;inset:0}.player-medal:hover{background:var(--hover)}.player-medal:hover .medallion{color:var(--gold-text)}.player-star{inset-inline:0;cursor:pointer;width:68px;height:68px;color:var(--accent-contrast);background:radial-gradient(circle at 50% 32%, color-mix(in srgb, var(--accent) 70%, white), var(--accent) 72%);box-shadow:0 0 0 3px var(--surface-raised), 0 10px 26px color-mix(in srgb, var(--accent) 40%, transparent);border:0;border-radius:50%;place-items:center;margin-inline:auto;padding:0;display:grid;position:absolute;top:-30px}.player-star:hover{background:radial-gradient(circle at 50% 32%, color-mix(in srgb, var(--accent) 60%, white), var(--accent-hover) 72%)}.player-star-icon{display:grid}.progress-ring{pointer-events:none;width:calc(100% + 14px);height:calc(100% + 14px);position:absolute;inset:-7px;overflow:visible;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:4px}.progress-ring-track{stroke:var(--gold-line)}.progress-ring-fill{stroke:var(--gold);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p,0) * 100);transition:stroke-dashoffset var(--dur-slow) var(--ease-out)}[dir=rtl] .progress-ring{transform:rotate(-90deg)scaleY(-1)}.player-c .player-info{text-align:center;flex-direction:row;grid-area:info;justify-content:center;align-items:baseline;gap:6px;min-width:0;padding-inline-start:36px;font-size:13px;line-height:1.4}.player-c .player-where{flex:none}.player-c .player-reciter{min-width:0}.player-c .player-error{flex-basis:100%}.player-c .player-close{width:32px;height:32px;min-height:32px;color:var(--text-muted);background:0 0;border-color:#0000;grid-area:close}.player-c .player-progress{top:auto;bottom:0;background:0 0;border-radius:2px;height:2px;inset-inline:24px}.player-c .player-progress>span{background:var(--gold);opacity:.55}.layout.with-player .main{padding-bottom:120px}.layout.with-player.with-panel .main{padding-bottom:62vh}@media (min-width:1000px){.layout.with-player.with-panel .main{padding-bottom:120px}}.layout.with-dock .main{padding-bottom:150px}@media (max-width:999px){.layout.with-dock.with-panel .main{padding-bottom:62vh}}@media (min-width:1000px){.layout.with-dock.with-panel .main{padding-bottom:150px}:is(.layout.with-panel .app-dock,.layout.with-panel .dock:has(>.player-c)){inset-inline-end:calc(var(--panel-w) + 32px)}}.layout.with-dock .report-fab{bottom:104px}.layout.with-dock:after,.layout.with-player:after{content:"";z-index:24;inset-inline:0;pointer-events:none;background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--bg) 92%, transparent) 55%, var(--bg));height:132px;position:fixed;bottom:0}.ayah.playing,.bismillah.playing{background:var(--playing);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:8px}.w.reciting{background:var(--bg);box-shadow:0 0 0 2px var(--accent);-webkit-box-decoration-break:clone;box-decoration-break:clone}.recitation-bar .mic{width:40px;height:40px;color:var(--text-muted);background:var(--surface-2);border-radius:50%;place-items:center;display:grid}.recitation-bar .mic[data-on=true]{color:var(--live-contrast);background:var(--live)}.recitation-bar:has(.mic[data-on=true]){border-top:2px solid var(--live)}.layout.app .recitation-bar:has(.mic[data-on=true]){border:2px solid var(--live)}.recitation-bar .mic[data-speech=true]{animation:1.2s ease-in-out infinite mic-pulse}@keyframes mic-pulse{50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--live) 28%, transparent)}}@media (prefers-reduced-motion:reduce){.recitation-bar .mic[data-speech=true]{box-shadow:0 0 0 4px color-mix(in srgb, var(--live) 28%, transparent);animation:none}}.recitation-line{font-size:12.5px}.voice-setup{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-raised);color:var(--text);width:min(92vw,460px);box-shadow:var(--shadow-3);padding:24px}.voice-setup h2{margin:0 0 12px;font-size:18px}.voice-points{gap:6px;margin:0 0 8px;padding-inline-start:20px;line-height:1.55;display:grid}.voice-setup progress{width:100%;accent-color:var(--accent);margin-top:6px;display:block}.voice-setup .voice-cancel{width:100%;margin-top:8px}.field{grid-template-columns:minmax(0,1fr);gap:4px;margin:8px 0;display:grid}.field select{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;border-radius:10px;min-width:0;max-width:100%;padding:8px}.toasts{z-index:40;top:calc(var(--portal-h) + var(--header-h) + 6px);pointer-events:none;justify-items:center;gap:6px;padding:0 12px;display:grid;position:fixed;inset-inline:0}.toast{pointer-events:auto;border-radius:var(--r-md);background:var(--surface-raised);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-2);font-size:var(--fs-sm);animation:pop-in var(--dur-base) var(--ease-out) backwards;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:8px 14px;display:flex}.toast.offline{background:var(--warn-bg);color:var(--warn-text);border-color:#0000}.btn-small{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;padding:4px 12px;font-size:13.5px}.btn-small:hover:not(:disabled){background:var(--hover);border-color:var(--border-strong)}.btn-small.primary{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);font-weight:600}.btn-small.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.app-install{margin:8px 0 0;font-size:14px}.app-install p{margin:4px 0}.skip{inset-inline-start:8px;z-index:50;background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:0;border-radius:10px;padding:8px 14px;font-weight:600;position:absolute;top:-60px}.skip:focus{top:calc(var(--portal-h) + 8px)}.surah-button{border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-2);min-width:0;max-width:420px;color:var(--text);flex:1;justify-content:space-between;align-items:center;gap:6px;margin-inline-end:auto;padding:8px 14px;font-weight:600;text-decoration:none;display:flex}.surah-button:hover{background:var(--hover);border-color:var(--border-strong);color:var(--text)}.surah-button svg{color:var(--text-muted)}.surah-button-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.surah-button[aria-current=page],.icon-button[aria-current=page]{border-color:var(--accent);background:var(--accent-soft)}a.icon-button{color:var(--text)}[dir=rtl] .flip-rtl{transform:scaleX(-1)}.icon-button.small{width:var(--control-sm);height:var(--control-sm);border-radius:var(--r-sm);font-size:13px}.page{padding-top:16px}.page h1{font-size:var(--fs-xl);letter-spacing:-.005em;margin:8px 0 12px;line-height:1.35}.page h2{font-size:var(--fs-lg);color:var(--accent);margin:28px 0 10px}.page h3{margin:12px 0 6px;font-size:16px}.page p{margin:8px 0}.page .vocalised{font-size:17px}.back{margin:4px 0;font-size:14px;display:inline-block}.btn-secondary{border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);border-radius:var(--r-sm);background:var(--accent-soft);color:var(--text);cursor:pointer;margin:4px 0 8px;padding:8px 16px;font-weight:600}.btn-secondary:hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb, var(--accent) 22%, var(--surface))}.list-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.search{min-width:0;min-height:var(--control);font:inherit;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);flex:220px;padding:10px 14px}.search:focus{border-color:var(--accent)}.surahs{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}@media (min-width:700px){.surahs{grid-template-columns:1fr 1fr}}.surah-item{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);min-height:64px;color:var(--text);align-items:center;gap:14px;padding:10px 14px;text-decoration:none;display:flex}.surah-item:hover{background:var(--hover);border-color:var(--border-strong);color:var(--text)}.surah-item[aria-current=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.surah-no{isolation:isolate;width:40px;height:48px;color:var(--accent);font-variant-numeric:tabular-nums;flex:none;place-items:center;font-size:14.5px;font-weight:650;display:grid;position:relative}.surah-no:before,.surah-no:after{content:"";inset:var(--no-inset);z-index:-1;background:var(--accent-soft);-webkit-mask:var(--no-fill-mask) center / 100% 100% no-repeat;-webkit-mask:var(--no-fill-mask) center / 100% 100% no-repeat;mask:var(--no-fill-mask) center / 100% 100% no-repeat;border-radius:2px;position:absolute}.surah-no:after{transform:var(--no-turn);background:var(--no-line);-webkit-mask-image:var(--no-line-mask);-webkit-mask-image:var(--no-line-mask);mask-image:var(--no-line-mask)}.surah-no{box-sizing:border-box;padding-top:6px}.surah-names{flex-direction:column;flex:1;min-width:0;display:flex}.surah-item-ar{font-size:20px;line-height:1.6}.surah-meta{font-size:13px}.surah-status{flex-direction:column;flex:none;align-items:flex-end;gap:4px;font-size:12px;display:flex}.progress{color:var(--text-muted);align-items:center;gap:6px;display:flex}.progress-bar{background:var(--surface-2);border-radius:3px;width:48px;height:5px;overflow:hidden}.progress-bar>span{background:var(--accent);height:100%;display:block}.legend{gap:8px;margin:8px 0;padding:0;list-style:none;display:grid}.legend-family{border:1px solid var(--border);border-inline-start:4px solid var(--c);border-radius:var(--r-md);background:var(--surface);padding:10px 14px}.legend-family h3{color:var(--c);align-items:center;gap:8px;margin:0 0 6px;display:flex}.legend-family[data-style=silent] h3{color:var(--text-muted)}.legend-family h3 .dot{width:14px;height:14px}.rule-links{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.rule-link{border:1px solid var(--border);background:var(--surface-2);color:var(--text);transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);border-radius:999px;padding:2px 10px;font-size:15px;text-decoration:none;display:inline-block}.rule-link:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.rule-link.quiet{background:0 0;border-style:dashed}.rule-link .vocalised{font-size:16px;line-height:1.9}.note{color:var(--text-muted);font-size:15px}.sign-legend{gap:6px;margin:8px 0;padding:0;list-style:none;display:grid}@media (min-width:700px){.sign-legend{grid-template-columns:1fr 1fr}}.sign-legend li{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:4px 10px;display:flex}.sign-legend .vocalised{font-size:16px}.terms{gap:8px;margin:8px 0;display:grid}.terms>div{background:var(--surface-2);border-radius:10px;padding:8px 12px}.terms dt{color:var(--accent);font-weight:650}.terms dd{margin:0}.use{gap:6px;padding-inline-start:20px;display:grid}.legal address{background:var(--surface-2);text-align:start;border-radius:10px;padding:8px 12px;font-style:normal;line-height:1.7}.legal h3{margin-top:16px}.sources{padding-inline-start:20px;font-size:14px}.licences summary{cursor:pointer;color:var(--accent);text-align:start;min-height:32px;font-weight:600}.licences pre{background:var(--surface-2);white-space:pre-wrap;overflow-wrap:anywhere;text-align:start;border-radius:10px;max-height:60vh;padding:8px 12px;font-size:12px;overflow:auto}.rule-head{flex-wrap:wrap;align-items:center;gap:4px 10px;margin-bottom:6px;display:flex}.rule-head h1{font-size:inherit;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:0;display:inline-flex}.rule-head h1 .vocalised{font-size:24px;line-height:1.7}.rule-head .rule-local{color:var(--text-muted);font-size:15px;font-weight:500}.rule-head[data-style]{border-inline-start:5px solid var(--c);padding-inline-start:10px}.rule-head .path{color:var(--text-muted);flex-basis:100%;margin:0;font-size:14px}.rule-head .places-total{display:inline}.rule-back{border-radius:var(--r-sm);width:36px;height:36px;color:var(--accent);flex:none;place-items:center;margin:0;display:inline-grid}.rule-back:hover{background:var(--hover)}.rule-switch{position:relative}.rule-switch>summary{border:1px solid var(--border);border-radius:var(--r-pill);cursor:pointer;align-items:center;gap:4px;padding:0 10px 0 12px;list-style:none;display:inline-flex}.rule-switch>summary::-webkit-details-marker{display:none}.rule-switch>summary:hover{border-color:var(--accent);background:var(--hover)}.rule-switch[open]>summary{border-color:var(--accent);background:var(--accent-soft)}.rule-switch[open] .rule-switch-glyph{transform:rotate(180deg)}.rule-switch .related{z-index:15;top:calc(100% + 6px);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-raised);min-width:240px;box-shadow:var(--shadow-2);flex-flow:column;align-items:stretch;margin:0;padding:8px;position:absolute;inset-inline-start:0}.rule-switch .related .chip{border-color:#0000;justify-content:space-between}.rule-switch .related .chip:hover{background:var(--hover)}.rule-toolbar{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:8px;margin:4px 0 12px;padding:5px 6px;display:flex;overflow-x:auto}.rule-toolbar::-webkit-scrollbar{display:none}.layout:not(.app) .rule-toolbar{z-index:12;top:calc(var(--portal-h,0px) + var(--header-h));position:sticky}.rule-toolbar .tabs,.rule-toolbar .segmented{border-radius:var(--r-pill);background:var(--surface);border:0;flex-wrap:nowrap;flex:none;gap:2px;margin:0;padding:2px;display:inline-flex}.rule-toolbar .tab,.rule-toolbar .segmented button{box-sizing:border-box;border-radius:var(--r-pill);min-height:34px;font-size:var(--fs-sm);white-space:nowrap;border:0;align-items:center;padding:4px 13px;display:inline-flex}.rule-toolbar .tab:hover:not([aria-current]){background:var(--hover)}.rule-toolbar .tab[aria-current=page]{background:var(--accent);color:var(--accent-contrast)}.level-slot{display:contents}.rule-toolbar .segmented{margin-inline-start:auto}@media (max-width:520px){.rule-toolbar{gap:3px;padding:3px}.rule-toolbar .tabs,.rule-toolbar .segmented{gap:0}.rule-toolbar .tab,.rule-toolbar .segmented button{padding:4px 6px;font-size:12.5px}.rule-head{gap:4px 6px}.rule-head h1 .vocalised{font-size:20px}.rule-back{width:28px}.rule-tools{gap:2px}.rule-tools .icon-button{width:32px;height:32px}}.rule-tools{gap:4px;margin-inline-start:auto;display:inline-flex}.rule-tools .icon-button{width:36px;height:36px;color:var(--accent);text-decoration:none}.rule-tools [aria-expanded=true]{background:var(--accent-soft);border-color:var(--accent)}.rule-explanation{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);margin:0 0 12px;padding:4px 16px 8px}.rule-explanation>h2{margin-block:10px 6px;font-size:18px}.term-link{color:inherit;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:.35em;text-decoration-thickness:1.5px}.term-link:hover,.term-link:focus-visible{color:var(--accent);text-decoration-style:solid}.rule-page>.details{border-top:0;padding-top:0}.rule-page>.details p{font-size:15px}.place-group h3{margin:8px 0 4px;font-size:15px}.group-toggle{cursor:pointer;font:inherit;text-align:start;background:0 0;border:0;padding:4px 0;font-weight:600}.group-toggle:before{content:"▸ ";color:var(--text-muted);display:inline-block}[dir=rtl] .group-toggle:before{content:"◂ "}.group-toggle[aria-expanded=true]:before{content:"▾ "}.place-mode{color:var(--text-muted);margin-inline-start:4px;font-size:11px}.place-mode.vocalised{font-size:13px}.rule-filters{flex-wrap:wrap;gap:6px;display:flex}.rule-filter{padding:4px 6px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;flex-wrap:wrap;align-self:flex-start;align-items:center;gap:6px;padding-inline-start:12px;font-size:14px;display:flex}.rule-filter-name{color:var(--text);text-decoration:none}.rule-filter-name .vocalised{font-size:16px}.card-actions{flex-wrap:wrap;gap:4px 16px;display:flex}.audio-note{margin:4px 0 0;font-size:13px}.more[aria-pressed=true]{text-underline-offset:4px;text-decoration:underline}.surah-nav{justify-content:space-between;gap:12px;margin:0 0 16px;display:flex}.surah-nav a{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;flex-direction:column;padding:8px 14px;font-size:15px;text-decoration:none;display:flex}.surah-nav a:hover{background:var(--hover)}.surah-nav-next{text-align:end;margin-inline-start:auto}.surah-nav .muted{font-size:12px}.related,.scope{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.related .chip,.scope .chip{color:var(--text);align-items:center;gap:6px;min-height:40px;text-decoration:none;display:inline-flex}.related .chip .vocalised{font-size:15px}.related .chip[aria-current=page],.scope .chip[aria-current=true]{border-color:var(--accent);background:var(--accent-soft)}.scope select{font:inherit;color:inherit;background:0 0;border:0}.rule-page details.details summary{cursor:pointer;color:var(--accent);font-weight:600}.sub-rules{margin:4px 0;padding-inline-start:20px}.sub-rules li{margin:4px 0}.sub-rules-special{border:1px dashed var(--border-strong);border-radius:10px;margin:10px 0 4px;padding:8px 12px}.related .chip.chip-special,.rule-switch .related .chip.chip-special{border-style:dashed;border-color:var(--border-strong)}.rule-switch .related .chip.chip-special{margin-block-start:6px}.places-total{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tabs{border-bottom:1px solid var(--border);gap:4px;margin:16px 0 8px;display:flex}.tab{min-height:44px;color:var(--text-muted);border-bottom:3px solid #0000;padding:10px 16px;font-weight:600;text-decoration:none}.tab[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)}.examples{gap:12px;margin:0;padding:0;list-style:none;display:grid}.example{border:1px solid var(--border);background:var(--surface);content-visibility:auto;contain-intrinsic-size:auto 220px;border-radius:12px;padding:10px 14px}.example-head{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin:0;font-size:14px;font-weight:500;display:flex}.example-rule{color:var(--text);align-items:center;gap:6px;display:inline-flex}.example-rule .vocalised{font-size:16px}.excerpt{font-size:calc(30px * var(--quran-scale,1));padding:18px 4px 8px;line-height:2.4;position:relative}.excerpt .w.context{color:var(--text-dim)}.excerpt .gap{color:var(--text-muted);font-family:system-ui,sans-serif;font-size:18px}.example .card-actions{align-items:center;margin-top:4px}.example .btn-small{min-height:40px;color:var(--text);align-items:center;text-decoration:none;display:inline-flex}.example .btn-small[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.examples-note{font-size:13.5px}.why-text{font-size:15px}.example-bar .btn-small[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.rules-button{align-items:center;gap:6px;min-height:44px;display:inline-flex}.rules-button .badge{background:var(--accent);color:var(--accent-contrast)}.filter-bar{top:calc(var(--portal-h) + var(--header-h) + 3px);z-index:15;background:color-mix(in srgb, var(--bg) 94%, transparent);border-bottom:1px solid var(--border);flex-direction:column;gap:6px;max-width:860px;margin:8px auto 0;padding:6px 16px;display:flex;position:sticky}@media (min-width:1000px){.layout.with-panel .filter-bar{margin-inline-start:max(16px, calc((100vw - var(--panel-w) - 860px) / 2));margin-inline-end:calc(var(--panel-w) + 24px)}}.filter-bar .rule-filters{align-items:center}.filter-nav{align-items:center;gap:6px 12px;display:flex}.filter-count{flex:auto;min-width:0;margin:0;font-size:14px}.navigator{align-items:center;gap:4px;display:inline-flex}.navigator .icon-button{min-width:44px;min-height:44px}.navigator-pos:empty{display:none}.navigator-pos{text-align:center;font-variant-numeric:tabular-nums;min-width:5.5em;font-size:14px}.filter-bar .chip{color:var(--text);align-items:center;min-height:40px;text-decoration:none;display:inline-flex}.rule-picker{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-raised);width:min(560px,100vw - 24px);max-height:min(85vh,760px);color:var(--text);box-shadow:var(--shadow-3);flex-direction:column;padding:0;display:flex}.rule-picker:not([open]){display:none}@media (max-width:640px){.rule-picker{border-radius:var(--r-xl) var(--r-xl) 0 0;border-bottom:0;width:100vw;max-width:100vw;max-height:85vh;margin:auto 0 0}}.picker-head{border-bottom:1px solid var(--border);padding:14px 16px 8px}.picker-head h2{margin:0 0 8px;font-size:18px}.picker-head .search{width:100%}.picker-body{flex:1;padding:8px 16px;overflow-y:auto}.picker-tree,.picker-tree ul{margin:0;padding:0;list-style:none}.picker-tree ul{border-inline-start:1px dashed var(--border);margin-inline-start:10px;padding-inline-start:22px}.picker-row{grid-template-columns:1fr auto;align-items:center;gap:0 10px;min-height:44px;padding:2px 0;display:grid}.picker-row label{cursor:pointer;grid-column:1;align-items:center;gap:8px;display:inline-flex}.picker-row .picker-counts{grid-area:2/1;padding-inline-start:30px}.picker-row .picker-expand{grid-area:1/2/span 2;min-width:40px;min-height:40px}.picker-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.picker-node.depth-0>.picker-row .vocalised{font-weight:600}.picker-counts{font-size:12.5px}.picker-special{border-inline-start:2px dashed var(--border-strong,var(--border));margin-block-start:6px;padding-inline-start:10px}.picker-special-of{color:var(--text-muted);font-size:12.5px;line-height:1.6;display:block}.picker-counts .none{opacity:.7}.picker-foot{border-top:1px solid var(--border);padding:10px 16px;padding-bottom:max(10px, env(safe-area-inset-bottom));flex-wrap:wrap;align-items:center;gap:8px;display:flex}.picker-foot .hint{flex-basis:100%;margin:0;font-size:13px}.picker-foot .btn-primary{flex:160px;width:auto;min-height:44px;margin:0}.picker-foot .btn-secondary{min-height:44px}.download section{margin-top:20px}.download .btn-primary{width:auto;min-height:44px;padding-inline:20px}.download-link{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.download .btn-primary.download-link{color:var(--accent-contrast);margin-top:4px}.download-app h3{margin-bottom:4px}.download h2.in-browser{margin-top:32px}.save-progress progress{width:100%;height:12px;accent-color:var(--accent)}.ok-note{color:var(--accent);font-weight:600}.irab-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-block:8px 12px;display:flex}.irab-ayah-nav{flex-wrap:wrap;gap:6px;margin-inline-start:auto;display:flex}.btn-small[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.page.irab .excerpt{font-size:calc(30px * var(--quran-scale,1));margin-block:8px 4px;line-height:2.3}.page.irab .excerpt .w{cursor:pointer;border-radius:6px}.page.irab .excerpt .w:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.irab-sentence{margin-block:12px}.irab-sentence-title{color:var(--text-muted);margin-block:12px 4px;font-size:16px}.irab-details,.irab-legend,.irab-books{margin-block:20px}.irab-details{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:12px 16px}.irab-details h2{margin-block-start:0}.irab-segments{gap:10px;margin:0;padding:0;list-style:none;display:grid}.irab-segments>li{border-block-end:1px solid var(--border);padding-block-end:8px}.irab-segments>li:last-child{border-block-end:none}.irab-seg-head{flex-wrap:wrap;align-items:center;gap:10px;margin-block-start:6px;display:flex}.irab-segword{font-size:1.6em;line-height:1.7;display:inline-block}.irab-pos{font-weight:600}.irab-features{flex-wrap:wrap;gap:6px;margin:6px 0;padding:0;list-style:none;display:flex}.irab-features>li{background:var(--surface-2);border-radius:999px;padding:0 8px;font-size:14px}.irab-role{margin:6px 0}.irab-rel{color:var(--accent);font-weight:600}.irab-role code,.irab-seg-head code{color:var(--text-muted);margin-inline-start:8px;font-size:12px}.irab-implicit{border-inline-start:3px dashed var(--text-muted);margin:6px 0;padding-inline-start:10px}.irab-hidden-ref{color:var(--text-muted)}.irab-lexical{flex-wrap:wrap;gap:14px;margin:4px 0;display:flex}.irab-issue{color:var(--warn-text);background:var(--warn-bg);border-radius:6px;padding:0 8px;display:inline-block}.irab-list{gap:4px;padding-inline-start:22px;display:grid}.irab-text>summary,.irab-section>summary{cursor:pointer;margin-block-end:4px;font-weight:600}.irab-legend .legend{flex-wrap:wrap;gap:8px 16px;padding:0;list-style:none;display:flex}.irab-legend .legend li{align-items:center;gap:6px;display:flex}.swatch{background:var(--fam,var(--text-muted));border-radius:2px;width:22px;height:4px;display:inline-block}.swatch.hidden{border:1.5px dashed var(--text-muted);background:0 0;border-radius:4px;width:18px;height:14px}.swatch.ref{background:var(--surface-2);opacity:.6;border-radius:4px;width:18px;height:14px}.irab-section summary{color:var(--accent)}.irab-section{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin-block:8px;padding:8px 12px}.irab-section .irab-segword{font-size:1.4em}.irab-by{font-size:13px}.irab-books{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:12px 16px}.irab-books h2{margin-block-start:0}.irab-book-passage+.irab-book-passage{border-block-start:1px solid var(--border);margin-block-start:8px}.irab-review{border-inline-start:4px solid var(--accent);background:var(--accent-soft);border-radius:8px;margin-block:6px;padding:6px 10px}.irab-review.rv-disputed{border-inline-start-color:var(--warn-text);background:var(--warn-bg);color:var(--warn-text)}.irab-review p{margin:2px 0}.irab-review-head{font-size:14px;font-weight:600}.irab-nahw{margin:2px 0 6px;font-size:14px}.nahw-trail{flex-wrap:wrap;gap:4px 0;margin-block:4px 0;font-size:14px;display:flex}.nahw-trail>a+a:before{content:"›";color:var(--text-muted);margin-inline:8px}[dir=rtl] .nahw-trail>a+a:before{content:"‹"}.page.nahw h1{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.nahw-n{background:var(--accent-soft);min-width:1.6em;height:1.6em;color:var(--accent);border-radius:999px;place-items:center;padding-inline:4px;font-size:.75em;display:inline-grid}.page.nahw .nahw-ar{font-size:1.12em}.page.nahw h1 .nahw-ar{color:var(--text-muted);font-weight:500}.nahw-source{margin-block-start:-4px}.nahw-matn{border-inline-start:4px solid var(--accent);background:var(--accent-soft);border-radius:8px;margin:12px 0 16px;padding:10px 16px}.nahw-matn p{margin:0;font-size:20px;line-height:2}.nahw-matn footer{margin-block-start:4px;font-size:13px}.page.nahw .nahw-summary{font-weight:600}.nahw-detail p{line-height:1.75}.page.nahw p.vocalised{line-height:2.1}.nahw-chapters>ol{gap:12px;padding-inline-start:24px;display:grid}.nahw-chapter-link{font-size:17px;font-weight:600}.nahw-topic-list{flex-wrap:wrap;gap:4px 6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.nahw-topic-list a{border:1px solid var(--border);border-radius:999px;padding:2px 10px;font-size:14px;text-decoration:none;display:inline-block}.nahw-topic-list a:hover{border-color:var(--accent)}.nahw-topics>ol{gap:8px;padding:0;list-style:none;display:grid}.nahw-topic-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:inherit;gap:2px;padding:10px 14px;text-decoration:none;display:grid}.nahw-topic-card:hover{border-color:var(--accent)}.nahw-examples{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-block:24px;padding:12px 16px}.nahw-examples h2{margin-block-start:0}.nahw-count{font-weight:600}.nahw-legend{flex-wrap:wrap;gap:6px 16px;margin:4px 0 8px;padding:0;font-size:14px;list-style:none;display:flex}.nahw-legend li{align-items:center;gap:6px;display:flex}.swatch.nahw-sel{background:var(--irab-sel-bg);border-radius:4px;width:18px;height:14px}.swatch.nahw-other{background:var(--irab-head-bg);border-radius:4px;width:18px;height:14px}.nahw-example-list{gap:4px;margin:0 0 10px;padding:0;list-style:none;display:grid}.nahw-example{border-block-end:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;padding-block:4px;display:flex}.nahw-example:last-child{border-block-end:none}.page.nahw .nahw-example .excerpt{font-size:calc(26px * var(--quran-scale,1));margin:0;line-height:2.1}.nahw-example-irab{flex:none}.nahw-whole{color:var(--text-muted);border:1px dashed var(--border);border-radius:999px;flex:none;margin-inline-start:auto;padding:1px 10px;font-size:.85rem}.nahw-picked{margin-block-end:14px}.nahw-picked h3{margin:6px 0 2px;font-size:16px}.nahw-picked-item{border-block-end:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 12px;padding-block:4px;display:flex}.nahw-picked-item:last-child{border-block-end:none}.page.nahw .nahw-picked-item .excerpt{font-size:calc(26px * var(--quran-scale,1));margin:0;line-height:2.1}.nahw-picked-note{flex:100%;order:3;margin:0;font-size:15px}.nahw-note{font-size:13px}.nahw-steps{flex-wrap:wrap;gap:8px;margin-block:20px;display:flex}.field-radio{cursor:pointer;align-items:flex-start;gap:8px;margin-block:6px;display:flex}.pause-sign{font-family:var(--quran);vertical-align:-.1em;font-size:1.5em;line-height:1}.mushaf .irab-card{border:1.5px solid var(--gold);background:var(--surface);color:var(--text);font:15px/1.6 var(--ui);text-align:start;text-align-last:auto;word-spacing:normal;border-radius:18px;margin:10px 0 18px;padding:14px 16px 12px;display:block;box-shadow:0 2px 10px #0000000f}.irab-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.irab-card-head h2{color:var(--gold-text);font:700 20px/1.4 var(--naskh);align-items:center;gap:10px;margin:0;display:flex}.irab-card-icon{border:2px solid var(--gold);width:34px;height:34px;font:18px/1 var(--ui);border-radius:50%;place-items:center;display:inline-grid}.irab-card-tabs{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.irab-card-tabs [role=tab]{border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:15px/1.6 var(--naskh);cursor:pointer;border-radius:999px;padding:5px 14px}.irab-card-tabs [role=tab]:hover{border-color:var(--gold)}.irab-card-tabs [role=tab][aria-selected=true]{border:2px solid var(--gold);background:color-mix(in srgb, var(--gold) 12%, var(--surface));color:var(--gold-text);font-weight:700}.irab-card-body{border-top:1px solid var(--border);padding-top:10px}.irab-card-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.irab-card-bar h3{color:var(--gold-text);font:700 17px/1.5 var(--naskh);margin:0}.irab-card-bar p{margin:0;font-size:13.5px}.irab-card .irab-graph{--irab-bg:var(--surface)}.irab-card .irab-graph .irab-scroll{border-radius:10px}.irab-card-word{border-top:1px dashed var(--border);margin-top:4px;padding-top:8px}.irab-card-source{margin:6px 0 0;font-size:13px}.irab-card .irab-book-text{font-size:17px;line-height:2}@media (max-width:520px){.mushaf .irab-card{border-radius:14px;margin-inline:-8px;padding:12px 10px 10px}}.report-fab{z-index:20;inset-inline-start:16px;bottom:max(16px, env(safe-area-inset-bottom));border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-2);font:600 14px/1.2 var(--ui);cursor:pointer;align-items:center;gap:6px;padding:9px 14px;display:inline-flex;position:fixed}.report-fab svg{color:var(--accent)}.report-fab:hover{background:var(--hover);border-color:var(--border-strong)}.report-fab:focus-visible{outline:3px solid var(--text);outline-offset:2px}.layout.with-player .report-fab{bottom:96px}@media (max-width:999px){.layout.with-panel .report-fab,.layout.with-player .report-fab{display:none}}@media print{.report-fab{display:none}}.quick-nav-fab{z-index:20;inset-inline-end:16px;bottom:max(16px, env(safe-area-inset-bottom));border:1px solid var(--gold);border-radius:var(--r-pill);background:var(--gold-text);color:var(--bg);box-shadow:var(--shadow-2);font:600 14px/1.2 var(--ui);cursor:pointer;align-items:center;gap:8px;padding:9px 16px 9px 12px;display:inline-flex;position:fixed}.quick-nav-fab:hover,.quick-nav-fab[aria-expanded=true]{background:color-mix(in srgb, var(--gold-text) 82%, #000)}.quick-nav-fab:focus-visible{outline:3px solid var(--text);outline-offset:2px}.quick-nav-pop[data-placement=fab]{top:auto;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 56px);transform-origin:bottom var(--popover-origin-end,right);position:fixed;inset-inline:auto 16px}[dir=rtl] .quick-nav-pop[data-placement=fab]{--popover-origin-end:left}.layout.with-player .quick-nav-fab{bottom:96px}.layout.with-player .quick-nav-pop[data-placement=fab]{bottom:136px}.layout.with-panel .quick-nav-fab,.layout.with-panel .quick-nav-pop[data-placement=fab]{display:none}@media (max-width:999px){.layout.with-player .quick-nav-fab{display:none}}@media print{.quick-nav-fab{display:none}}.report-kinds{border:0;flex-wrap:wrap;gap:6px;margin:0 0 8px;padding:0;display:flex}.report-kinds legend{margin-bottom:6px;font-weight:600}.chip-radio{position:relative}.chip-radio input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.chip-radio span{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:4px 12px;font-size:14px;display:inline-block}.chip-radio input:checked+span{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--surface));font-weight:600}.chip-radio input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.report input[type=text]{box-sizing:border-box;border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);font:15px/1.5 var(--ui);border-radius:10px;padding:8px 10px}.report-thanks{background:color-mix(in srgb, var(--accent) 12%, var(--surface));border-radius:10px;padding:10px 12px}.report-fallback{border:1px dashed var(--border);border-radius:10px;margin-top:8px;padding:8px 10px}.report-fallback p{margin:0 0 6px}.report-actions .btn-primary:disabled{opacity:.55;cursor:not-allowed}.report{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-raised);color:var(--text);width:min(92vw,460px);box-shadow:var(--shadow-3);padding:24px}.report h2{margin:0 0 8px;font-size:18px}.report-place{margin:0 0 10px}.report-place .quran{font-size:26px}.report textarea{box-sizing:border-box;border:1px solid var(--border);background:var(--surface-2);width:100%;min-height:7em;color:var(--text);font:15px/1.6 var(--ui);resize:vertical;border-radius:10px;padding:8px 10px}.report-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.report-actions .btn-primary{text-align:center;flex:160px;width:auto;margin:0;text-decoration:none}.report-actions .btn-secondary{flex:0 auto}.panel-report,.irab-card-report{margin:10px 0 0;font-size:13.5px}.link-button{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.link-button:hover{color:var(--text)}@media (max-width:859px){.header{flex-wrap:wrap;gap:6px;padding-inline:12px}.header .header-home{width:100%}.header .brand{flex:auto;justify-content:center}.header .brand-emblem{height:42px}.header .header-surah{flex-basis:0}}.qibla{gap:4px;display:grid}.qibla section{margin-top:8px}.qibla h2{margin:16px 0 4px;font-size:16px}.qibla .small{font-size:13px}.qibla-result{text-align:center}.qibla-dial{direction:ltr;width:min(76vw,300px);height:auto;margin:4px auto 8px;display:block}.qibla-dial .rose{transform:rotate(calc(var(--h,0) * -1deg));transform-box:view-box;transform-origin:120px 120px}.qibla-dial .upright{transform:rotate(calc(var(--h,0) * 1deg));transform-box:fill-box;transform-origin:50%}.qibla-dial .ring{fill:var(--surface);stroke:var(--border);stroke-width:2px}.qibla-dial.aligned .ring{stroke:var(--accent);stroke-width:5px}.qibla-dial .tick{stroke:var(--text-dim);stroke-width:1.2px}.qibla-dial .tick.major{stroke:var(--text-muted);stroke-width:2px}.qibla-dial .cardinal{fill:var(--text-muted);font:600 17px/1 var(--ui)}[lang=ar] .qibla-dial .cardinal{font-family:var(--ui-ar)}.qibla-dial .cardinal.north{fill:var(--accent)}.qibla-dial .qibla-line{stroke:var(--accent);stroke-width:3px;stroke-linecap:round}.qibla-dial .kaaba-body{fill:#15130f;stroke:var(--gold);stroke-width:1.5px}.qibla-dial .kaaba-band{fill:var(--gold)}.qibla-dial .index,.qibla-dial .hub{fill:var(--text)}@media (prefers-reduced-motion:no-preference){.qibla-dial .ring{transition:stroke .2s,stroke-width .2s}}.qibla-bearing{margin:0;font-size:20px}.qibla-degrees{font-variant-numeric:tabular-nums;unicode-bidi:isolate;font-size:36px;font-weight:650}.qibla-point{color:var(--accent);font-weight:600}.qibla-turn{margin:8px 0 0;font-size:22px;font-weight:650}.qibla-turn[data-band=aligned]{color:var(--accent)}.qibla-hint,.qibla-special{background:var(--warn-bg);color:var(--warn-text);border-radius:10px;padding:8px 12px}.qibla-special{font-weight:600}.qibla-location .btn-primary{width:auto;min-height:44px;padding-inline:20px}.qibla-location .btn-small,.qibla-compass .btn-small{margin-inline-start:6px}.qibla-precise{margin-top:8px}.qibla-manual,.qibla-details,.qibla-calibration{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-top:12px;padding:10px 14px}.qibla-manual summary,.qibla-details summary,.qibla-calibration summary{cursor:pointer;color:var(--accent);min-height:32px;font-weight:600}.qibla-fields{flex-wrap:wrap;gap:10px;margin:8px 0;display:flex}.qibla-field{flex:140px;gap:4px;display:grid}.qibla-field input{min-height:44px;font:inherit;font-variant-numeric:tabular-nums;border:1px solid var(--border);background:var(--bg);color:var(--text);text-align:start;border-radius:10px;padding:8px 10px}.qibla-input{gap:6px;display:flex}.qibla-input input{flex:auto;min-width:0}.qibla-hemisphere{min-width:48px;min-height:44px;font:600 16px/1 var(--ui);border:1px solid var(--border);background:var(--surface-2,var(--surface));color:var(--accent);border-radius:10px;flex:none;padding:0 10px}[lang=ar] .qibla-hemisphere{font-family:var(--ui-ar)}.qibla-field input[aria-invalid=true]{border-color:var(--warn-text)}.qibla-city{gap:4px;margin:8px 0 4px;display:grid}.qibla-city input{min-height:44px;font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:10px;padding:8px 10px}.qibla-city .small{margin:0}.qibla-city-list{gap:6px;margin:4px 0 0;padding:0;list-style:none;display:grid}.qibla-city-list .btn-small{text-align:start;justify-content:flex-start;width:100%;min-height:44px}.qibla-or{margin:14px 0 0;font-weight:600}.qibla-sun{text-align:start;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:12px 0 4px;padding:10px 14px}.qibla-sun h3{color:var(--accent);margin:0 0 4px;font-size:15px}.qibla-sun p{margin:4px 0}.qibla-why{text-align:start;margin-top:10px}.qibla-why summary{cursor:pointer;color:var(--accent);min-height:32px;font-weight:600}.qibla-why p{margin:6px 0}.qibla-error{color:var(--warn-text);margin:4px 0;font-weight:600}.qibla-privacy{margin-top:16px}.auto-tajwid{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-height:34vh;color:var(--text);gap:6px;margin:0 8px 6px;padding:8px 12px 10px;display:grid;overflow-y:auto;box-shadow:0 -2px 14px #0000002e}.auto-tajwid-title{color:var(--text-muted);margin:0;font-size:12.5px;font-weight:600}.auto-tajwid-head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:6px;display:flex}.auto-tajwid-word{font-size:30px;line-height:1.9}.auto-tajwid-ref{font-size:12.5px}.auto-tajwid-rules{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.auto-tajwid-rules li{border:1px solid var(--border);border-inline-start:4px solid var(--c,var(--border));background:var(--bg);border-radius:10px;align-items:center;gap:6px;padding:2px 10px;display:inline-flex}.auto-tajwid-rules .rule-ar{font-size:16px;line-height:1.6}.auto-tajwid-rules .rule-local{font-size:12.5px}.auto-tajwid-none{margin:0;font-size:13.5px}.auto-tajwid .btn-small{justify-self:start}@media (max-width:999px){.layout.with-auto .report-fab{display:none}}@media (min-width:1000px){.auto-tajwid{z-index:24;top:calc(var(--portal-h) + var(--header-h) + 12px);width:var(--panel-w);max-height:calc(100vh - var(--portal-h) - var(--header-h) - 36px - 84px);margin:0;position:fixed;inset-inline-end:16px}.layout.with-auto .main,.layout.with-auto .toolbar{margin-inline-start:max(16px, calc((100vw - var(--panel-w) - 860px) / 2));margin-inline-end:calc(var(--panel-w) + 24px)}.auto-tajwid-word{font-size:36px}}.header,.toolbar,.main,.filter-bar,.panel{--side:max(16px, env(safe-area-inset-left), env(safe-area-inset-right));padding-inline:var(--side)}@media (max-width:559px){.header{--side:12px}}:where(dialog:modal){inset-block:env(safe-area-inset-top) env(safe-area-inset-bottom);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 2em)}.player,.toasts{padding-inline:max(12px, env(safe-area-inset-left), env(safe-area-inset-right))}.sheet-grip{margin-inline:calc(-1 * var(--side,16px))}.report-fab{inset-inline-start:max(16px, env(safe-area-inset-left), env(safe-area-inset-right))}.layout.app-reading .main{padding-top:max(8px, var(--safe-top));padding-bottom:120px}.layout.app .main{padding-bottom:120px}@media (max-width:999px){.layout.app.with-panel .main{padding-bottom:62vh}}.app-where{text-align:center;color:var(--text-muted);margin:0;padding:4px 0;font-size:12.5px}.app-dock{--hollow-y:6px;z-index:25;inset-inline:0;bottom:max(12px, env(safe-area-inset-bottom));box-sizing:border-box;width:min(420px,100vw - 24px);height:68px;transition:transform var(--dur-slow) var(--ease-spring), opacity var(--dur-base) var(--ease-out);grid-template-columns:1fr 1fr 92px 1fr 1fr;place-items:center;margin-inline:auto;padding:0 6px;display:grid;position:fixed}.app-dock:before{content:"";z-index:-1;border-radius:var(--r-xl);background:var(--surface-raised);border:1px solid var(--gold-line);box-shadow:var(--shadow-3);-webkit-mask:radial-gradient(circle 45px at 50% var(--hollow-y), transparent 44px, #000 45px);-webkit-mask:radial-gradient(circle 45px at 50% var(--hollow-y), transparent 44px, #000 45px);mask:radial-gradient(circle 45px at 50% var(--hollow-y), transparent 44px, #000 45px);position:absolute;inset:0}.app-dock>button,.app-dock>.dock-link{border-radius:var(--r-pill);width:48px;height:48px;color:var(--text-muted);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;place-items:center;text-decoration:none;display:inline-grid}.app-dock>button:hover,.app-dock>.dock-link:hover{background:var(--hover);color:var(--text)}.app-dock>[data-action=dock-search]{grid-column:4}.app-dock>[data-action=dock-bookmarks]{grid-column:5}.app-dock>.dock-star{inset-inline:0;width:72px;height:72px;color:var(--accent-contrast);background:radial-gradient(circle at 50% 32%, color-mix(in srgb, var(--accent) 70%, white), var(--accent) 72%);box-shadow:0 0 0 3px var(--surface-raised), 0 0 0 5px var(--gold), 0 10px 28px color-mix(in srgb, var(--accent) 40%, transparent);transition:transform var(--dur-slow) var(--ease-spring), box-shadow var(--dur-base) var(--ease-out);margin-inline:auto;position:absolute;top:-28px}.app-dock>.dock-star:hover{background:radial-gradient(circle at 50% 32%, color-mix(in srgb, var(--accent) 60%, white), var(--accent-hover) 72%);color:var(--accent-contrast)}.dock-star>*,.player-star>*{grid-area:1/1}.dock-star .rub-star,.player-star .rub-star{color:var(--cream);opacity:.5}.dock-star-icon{transition:transform var(--dur-slow) var(--ease-spring), opacity var(--dur-fast) var(--ease-out);display:grid}.dock-star-close{opacity:0;transform:rotate(-90deg)scale(.5)}.app-dock[data-open] .dock-star-play{opacity:0;transform:rotate(90deg)scale(.5)}.app-dock[data-open] .dock-star-close{opacity:1;transform:none}@media (prefers-reduced-motion:no-preference){.dock-star .rub-star{animation:40s linear infinite rub-turn}.app-dock[data-open] .dock-star .rub-star{animation-duration:6s}.player-c[data-status=playing] .player-star .rub-star{animation:24s linear infinite rub-turn}}@keyframes rub-turn{to{transform:rotate(360deg)}}.dock-arc{inset-inline:0;pointer-events:none;width:0;height:0;margin-inline:auto;position:absolute;top:8px}.dock-arc button{inset-inline-start:-46px;width:92px;color:var(--text);cursor:pointer;font:inherit;opacity:0;visibility:hidden;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-slow) var(--ease-spring), visibility 0s linear var(--dur-slow);background:0 0;border:0;justify-items:center;gap:6px;padding:0;display:grid;position:absolute;top:-28px;transform:translate(0)scale(.3)}[dir=rtl] .dock-arc button{--x-sign:-1}.app-dock[data-open] .dock-arc{pointer-events:auto}.app-dock[data-open] .dock-arc button{opacity:1;visibility:visible;transform:translate(calc(var(--x) * var(--x-sign,1)), var(--y));transition-delay:calc(var(--k) * 45ms)}.dock-orb{background:var(--surface-raised);width:56px;height:56px;color:var(--accent);box-shadow:0 0 0 1.5px var(--gold), var(--shadow-2);transition:transform var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid}.dock-arc button:hover .dock-orb{transform:scale(1.06)}.dock-arc [data-action=track-surah] .dock-orb{color:var(--live)}.dock-arc .dock-label{text-align:center;text-wrap:balance;word-break:keep-all;overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual;max-width:92px;color:var(--text);border-radius:var(--r-pill);background:color-mix(in srgb, var(--surface-raised) 88%, transparent);justify-items:center;padding:2px 8px;font-size:13px;font-weight:700;line-height:1.15;display:grid}.dock-arc .dock-label [lang=ar]{font-family:var(--ui-ar);color:var(--gold-text);font-size:12px;font-weight:600}.dock-scrim{z-index:24;background:var(--overlay);opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out);position:fixed;inset:0}.dock-scrim[data-open]{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.app-dock[data-hidden]{opacity:0;pointer-events:none;transition-timing-function:var(--ease-in);transition-duration:var(--dur-base);transform:translateY(calc(100% + 60px))}.layout.app .player,.layout.app .dock{inset-inline:12px;bottom:max(12px, env(safe-area-inset-bottom));max-width:560px;margin-inline:auto}.layout.app .player:not(.player-c){border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface-raised);box-shadow:var(--shadow-3);padding:8px 12px;overflow:hidden}.layout.app .player:not(.player-c) .player-progress{inset-block-start:0}.layout.app .dock{gap:8px}.layout.app .dock>.player{margin:0;position:relative}.app-sheet,.layout.app dialog.settings{inset-block:env(safe-area-inset-top) 0;box-sizing:border-box;width:100%;max-width:560px;max-height:calc(100dvh - env(safe-area-inset-top) - 24px);padding:0 16px max(16px, env(safe-area-inset-bottom));border:1px solid var(--border);border-radius:var(--r-xl) var(--r-xl) 0 0;background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-3);border-bottom:0;margin:auto auto 0;overflow-y:auto}.layout.app dialog.settings{padding-top:16px}.app-sheet-grip{place-items:center;height:22px;display:grid}.app-sheet-grip:before{content:"";background:var(--border-strong);border-radius:3px;width:40px;height:5px}.app-sheet-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.app-sheet-head h2{margin:0;font-size:18px}.app-sheet-head .btn-primary{border-radius:20px;width:auto;min-height:40px;margin:0;padding-inline:18px}.app-sheet .toolbar{max-width:none;padding:0 0 8px}.app-sheet .chips{flex-wrap:wrap;overflow:visible}.app-sheet .rules-button{min-height:44px}.app-menu{flex-direction:column;gap:12px;padding-bottom:8px;display:flex}.app-menu-switches{border-bottom:1px solid var(--border);gap:12px;padding-bottom:14px;display:grid}.app-menu-switches legend{margin-bottom:6px;font-weight:600}.app-menu .search{border-radius:22px;flex:none;min-height:44px;padding-inline:16px}.app-menu-found{margin:0;padding:0;list-style:none}.app-menu-found a,.app-menu-pages>*{border:0;border-bottom:1px solid var(--border);min-height:52px;color:var(--text);font:inherit;text-align:start;cursor:pointer;background:0 0;align-items:center;width:100%;padding:0 4px;font-size:15px;text-decoration:none;display:flex}.app-menu-pages>:last-child{border-bottom:0}.app-menu-pages [aria-current=page]{color:var(--accent);font-weight:650}.app-menu-near{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;display:grid}.app-menu-near a{background:var(--surface-2);min-height:44px;color:var(--text);border-radius:14px;flex-direction:column;gap:2px;padding:10px 12px;font-size:14px;font-weight:650;text-decoration:none;display:flex}.app-menu-near a .muted{font-size:12px;font-weight:400}.app-menu-near a[aria-current]{background:var(--accent);color:var(--accent-contrast)}.app-menu-near a[aria-current] .muted{color:inherit;opacity:.8}.app-page-bar{top:var(--portal-h);z-index:20;padding:max(8px, var(--safe-top)) max(16px, env(safe-area-inset-left), env(safe-area-inset-right)) 8px;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:flex-start;gap:8px;display:flex;position:sticky}.app-page-bar .icon-button{width:44px;height:44px;color:var(--text);border-radius:22px}.app-page-bar .page-back.page-back{min-height:44px}.app-page-bar>:last-child{margin-inline-start:auto}.app-home-bar{top:var(--portal-h);z-index:20;box-sizing:border-box;min-height:64px;padding:max(6px, var(--safe-top)) max(12px, env(safe-area-inset-left), env(safe-area-inset-right)) calc(6px + var(--band-h));background:color-mix(in srgb, var(--header-bg) 92%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);align-items:center;gap:4px;display:flex;position:sticky}.app-home-bar:after{content:"";inset-inline:0;height:var(--band-h);pointer-events:none;background:var(--band) 0 0 / auto 100% repeat-x, var(--bg);position:absolute;bottom:0}.app-home-bar .brand{margin-inline-end:auto}.app-home-bar .brand-emblem{height:42px}.app-home-bar .icon-button{width:44px;height:44px;color:var(--text);background:0 0;border:0;border-radius:22px}.page-back.reading-back{z-index:25;inset-inline-start:max(16px, env(safe-area-inset-left), env(safe-area-inset-right));bottom:calc(max(12px, env(safe-area-inset-bottom)) + 80px);background:var(--surface-raised);min-height:44px;box-shadow:var(--shadow-2);position:fixed}.layout.with-panel .reading-back,.layout.with-player .reading-back{display:none}.diagnostics{gap:2px;margin:8px 0;font-size:13px;display:grid}.diagnostics>div{grid-template-columns:minmax(110px,max-content) 1fr;gap:12px;display:grid}.diagnostics dt{color:var(--text-muted)}.diagnostics dd{overflow-wrap:anywhere;margin:0;font-family:ui-monospace,monospace}.madd-tones{flex-wrap:wrap;gap:6px 18px;margin:4px 0 8px;padding:0;list-style:none;display:flex}.madd-tones li{color:var(--c);align-items:center;gap:8px;display:flex}dialog.quran-search{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-raised);width:min(720px,100vw - 32px);height:min(760px,100dvh - 64px);color:var(--text);box-shadow:var(--shadow-3);padding:20px}dialog.quran-search[open]{flex-direction:column;gap:8px;display:flex}.quran-search-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.quran-search-head h2{margin:0;font-size:18px}.quran-search form{display:flex}.quran-search-field{min-width:0;min-height:52px;font:inherit;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg);color:var(--text);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);flex:1;padding:10px 16px;font-size:18px}.quran-search-field:focus{border-color:var(--accent)}.quran-search-hits>li,.adv-hits>li{animation:fade-in var(--dur-base) var(--ease-out) backwards}.quran-search-status{min-height:1.5em;margin:0;font-size:13.5px}.quran-search-results{overscroll-behavior:contain;flex:1;min-height:0;margin-inline:-16px;padding:0 16px 8px;overflow-y:auto}.quran-search-go{box-sizing:border-box;background:var(--accent-soft);min-height:48px;color:var(--text);border-radius:12px;align-items:center;margin-bottom:6px;padding:8px 12px;font-weight:650;text-decoration:none;display:flex}.quran-search-hits{margin:0;padding:0;list-style:none}.quran-search-hits a{border-bottom:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 12px;text-decoration:none;display:block}.quran-search-hits a:hover,.quran-search-go:hover{background:var(--hover)}.quran-search-where{color:var(--text-muted);margin-bottom:2px;font-size:13px;display:block}.quran-search-text{text-align:start;font-size:24px;line-height:2.1;display:block}.quran-search-text mark{color:var(--accent);text-underline-offset:.45em;background:0 0;text-decoration:underline;text-decoration-thickness:2px}.quran-search-more{min-height:44px;margin:12px auto;display:block}@media (max-width:599px){dialog.quran-search{width:100%;max-width:100%;height:100dvh;max-height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));border:0;border-radius:0;margin:0;inset:0}.quran-search-head .icon-button{width:44px;height:44px}.quran-search-text{font-size:22px}}dialog.range-dialog{box-sizing:border-box;border:1px solid var(--gold-line);border-radius:var(--r-xl);background:var(--surface-raised);width:min(560px,100vw - 32px);color:var(--text);box-shadow:var(--shadow-3);--away:perspective(var(--perspective)) translateY(40px) rotateX(-14deg) scale(.92);transform-origin:50%;padding:0;overflow:hidden}.range-dialog form{flex-direction:column;max-height:min(860px,100dvh - 48px);display:flex}.range-ornament{background:repeating-linear-gradient(90deg, var(--gold) 0 2px, transparent 2px 10px);opacity:.45;flex:none;height:6px}.range-head{flex:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px 6px;display:flex}.range-head h2{margin:0;font-size:19px;line-height:1.25;display:grid}.range-head h2 [lang=ar]{font-family:var(--ui-ar);color:var(--gold-text);font-size:13.5px;font-weight:600}.range-head .icon-button{background:0 0;border-color:#0000}.range-tabs{--i:0;--n:3;grid-template-columns:repeat(var(--n), 1fr);border-bottom:1px solid var(--border);flex:none;margin-inline:20px;display:grid;position:relative}.range-tabs button{font:inherit;color:var(--text-muted);cursor:pointer;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:0;padding:10px 4px 11px;font-size:14.5px;font-weight:700;line-height:1.2;display:grid}.range-tabs button [lang=ar]{font-family:var(--ui-ar);color:var(--gold-text);opacity:.85;font-size:12px;font-weight:600}.range-tabs button[aria-selected=true]{color:var(--text)}.range-tabs:after{content:"";bottom:-1px;width:calc(100% / var(--n));background:var(--gold);height:3px;transform:translateX(calc(var(--i) * 100%));transition:transform var(--dur-slow) var(--ease-spring);border-radius:3px;position:absolute;inset-inline-start:0}[dir=rtl] .range-tabs:after{transform:translateX(calc(var(--i) * -100%))}.range-panes{overscroll-behavior:contain;flex:1;min-height:0;overflow:hidden auto}.range-strip{--n:3;width:calc(var(--n) * 100%);transform:translateX(calc(var(--i,0) * -100% / var(--n)));transition:transform var(--dur-slow) var(--ease-spring);align-items:flex-start;display:flex}[dir=rtl] .range-strip{transform:translateX(calc(var(--i,0) * 100% / var(--n)))}.range-pane{width:calc(100% / var(--n));box-sizing:border-box;align-content:start;gap:16px;padding:16px 20px;display:grid}.range-pane[inert]{visibility:hidden;height:0;padding-block:0;overflow:hidden}.range-shortcuts{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.range-tile{text-align:start;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);gap:1px;padding:10px 12px;display:grid;position:relative}.range-tile b{font-size:14px}.range-tile [lang=ar]{font-family:var(--ui-ar);color:var(--gold-text);font-size:13px;font-weight:600}.range-tile small{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px}.range-tile:hover{border-color:var(--border-strong)}.range-tile[aria-pressed=true]{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 14%, var(--surface))}.range-tile[aria-pressed=true]:after{content:"";top:9px;background:var(--gold);border-radius:50%;width:8px;height:8px;position:absolute;inset-inline-end:9px}@media (prefers-reduced-motion:no-preference){.range-tile[aria-pressed=true]:after{animation:dot-pop var(--dur-slow) var(--ease-spring)}}@keyframes dot-pop{0%{transform:scale(0)}}.surah-ayah-picker{flex-wrap:wrap;align-items:end;gap:8px 10px;margin-block:4px 12px;display:flex}.surah-ayah-picker .field{color:var(--text-muted);margin:0;font-size:13px}.surah-ayah-picker .picker-surah{flex:220px;max-width:340px}.surah-ayah-picker .picker-ayah{flex:none;min-width:88px}.surah-ayah-picker select{min-height:40px}@media (pointer:coarse){.surah-ayah-picker select{min-height:var(--control)}}.range-points{grid-template-columns:1fr 1fr;gap:10px;display:grid}.range-point{border:1px solid var(--border);border-radius:var(--r-md);grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:6px;min-width:0;margin:0;padding:6px 10px 10px;display:grid}.range-point legend{color:var(--text-muted);padding:0 4px;font-size:13.5px;font-weight:650}.range-point .field{color:var(--text-muted);gap:4px;font-size:13px;display:grid}.range-point select{border:1px solid var(--border);background:var(--surface);width:100%;min-height:44px;color:var(--text);font:inherit;border-radius:10px;padding:8px}.range-medal{width:38px;height:38px;font-family:var(--ui-ar);background:var(--accent);color:var(--accent-contrast);box-shadow:0 0 0 2px var(--surface-raised), 0 0 0 3.5px var(--gold);border-radius:50%;flex:none;place-items:center;font-size:17px;font-weight:600;display:grid}.reciter-list{grid-template-columns:minmax(0,1fr);gap:10px;min-width:0;display:grid}.reciter-chosen{z-index:2;border:1px solid var(--gold-line);border-radius:var(--r-md);background:var(--reciter-bg,var(--surface-raised));box-shadow:var(--shadow-1);align-items:center;gap:10px;margin-inline:-4px;padding:8px 10px;display:flex;position:sticky;inset-block-start:0}.reciter-chosen[data-capability=listen]{border-color:var(--border-strong)}.reciter-chosen-who{flex:1;min-width:0;line-height:1.35;display:grid}.reciter-chosen-who small{color:var(--gold-text);font-size:11.5px;font-weight:700}.reciter-chosen-who b{font-size:15px;font-weight:700}.reciter-chosen-who b [lang=ar],.reciter-who b{font-family:var(--ui-ar)}.reciter-chosen-who>span{color:var(--text-muted);font-size:12px}.other-riwayat-note{background:var(--surface-2);color:var(--text-muted);border-radius:10px;margin:0;padding:8px 12px;font-size:12.5px;line-height:1.5}.reciter-search input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:40px;color:var(--text);font:inherit;box-sizing:border-box;border-radius:10px;padding:8px 12px}@media (pointer:coarse){.reciter-search input{min-height:var(--control)}}.reciter-filters{scrollbar-width:none;overscroll-behavior-x:contain;gap:6px;margin-inline:-4px;padding:2px 4px;display:flex;overflow-x:auto}.reciter-filter-sep{background:var(--border-strong);flex:none;width:1px;margin-block:6px}.reciter-filters button{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text);font:inherit;white-space:nowrap;cursor:pointer;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.reciter-filters button small{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px}.reciter-filters button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.reciter-filters button[aria-pressed=true] small{color:inherit}.reciter-legend{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px 14px;margin:0;font-size:12px;display:flex}.reciter-legend>span{align-items:center;gap:5px;display:inline-flex}.reciter-mini{box-sizing:border-box;border:1px solid var(--border-strong);border-radius:var(--r-pill);width:20px;height:13px;display:inline-block}.reciter-mini[data-capability=surah]{border-style:dashed}.reciter-star{color:var(--gold);flex:none}.reciter-chosen-who>.reciter-note{font-size:11.5px}.reciter-chosen-who>.reciter-missing{background:var(--warn-bg);color:var(--warn-text);border-radius:8px;justify-self:start;margin-top:3px;padding:3px 8px}.reciter-scope{margin:0;font-size:12px}.reciter-section h3{color:var(--gold-text);border-bottom:1px solid var(--gold-line);justify-content:space-between;align-items:baseline;gap:8px;margin:8px 0 0;padding-bottom:3px;font-size:13px;font-weight:700;display:flex}.reciter-section h3 small{color:var(--text-muted);font-weight:500}.reciter-person{border-bottom:1px solid var(--border);gap:7px;padding:10px 0 11px;display:grid}.reciter-who{flex-wrap:wrap;align-items:baseline;gap:2px 8px;display:flex}.reciter-who b{font-size:15.5px;font-weight:600}.reciter-who small{color:var(--text-muted);font-size:12px}.reciter-badge{border-radius:var(--r-pill);color:var(--gold-text);background:color-mix(in srgb, var(--gold) 16%, transparent);align-items:center;gap:4px;margin-inline-start:auto;padding:1px 8px 2px;font-size:11.5px;font-weight:700;display:inline-flex}.reciter-badge .reciter-star{color:inherit}.reciter-chips{flex-wrap:wrap;gap:6px;display:flex}.reciter-chips button{border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface);min-height:36px;color:var(--text);font:inherit;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);align-items:center;gap:5px;padding:0 13px;font-size:13.5px;display:inline-flex}@media (pointer:coarse){.reciter-chips button,.reciter-filters button{min-height:40px}}.reciter-chips button small{color:var(--text-muted);font-size:11.5px}.reciter-chips button[data-capability=tajwid]{border-color:var(--gold)}.reciter-chips button[data-capability=surah]{color:var(--text-muted);border-style:dashed}.reciter-chips button[data-capability=listen]{border-style:dashed;border-color:var(--border);color:var(--text-muted)}.reciter-chips button:hover{border-color:var(--accent)}.reciter-chips button[aria-checked=true]{border-style:solid;border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.reciter-chips button[aria-checked=true] :is(small,.reciter-star){color:inherit}.reciter-none{margin:4px 0;font-size:13px}.range-foot-listen{grid-template-columns:minmax(0,1fr) auto;align-items:center}.range-foot-listen select{border:1px solid var(--border);background:var(--surface);width:100%;min-height:48px;color:var(--text);font:inherit;border-radius:10px;padding:8px}.range-foot-listen .range-play{padding-inline:20px}.settings-reciters{--reciter-bg:var(--surface);border:0;min-width:0;margin:0;padding:0}.range-row{gap:8px;display:grid}.range-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:12.5px;font-weight:700}.segmented-c{--n:4;--i:0;grid-template-columns:repeat(var(--n), minmax(0, 1fr));border-radius:var(--r-md);background:var(--surface-2);padding:4px;display:grid;position:relative}.segmented-c:before{content:"";top:4px;bottom:4px;width:calc((100% - 8px) / var(--n));background:var(--accent);box-shadow:inset 0 0 0 1.5px var(--gold), 0 4px 14px color-mix(in srgb, var(--accent) 30%, transparent);transform:translateX(calc(var(--i) * 100%));transition:transform var(--dur-slow) var(--ease-spring);border-radius:10px;position:absolute;inset-inline-start:4px}[dir=rtl] .segmented-c:before{transform:translateX(calc(var(--i) * -100%))}.segmented-c button{min-height:40px;font:inherit;color:var(--text-muted);white-space:nowrap;cursor:pointer;font-variant-numeric:tabular-nums;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:0;border-radius:10px;font-size:14px;font-weight:700;position:relative}.segmented-c button[aria-checked=true]{color:var(--accent-contrast)}.range-foot{padding:12px 20px max(16px, env(safe-area-inset-bottom));border-top:1px solid var(--border);flex:none;gap:10px;display:grid}.range-foot[hidden]{display:none}.range-total{justify-content:space-between;gap:12px;min-height:1.5em;margin:0;font-size:13.5px;display:flex}.range-total [lang=ar]{font-family:var(--ui-ar)}.range-play{border-radius:var(--r-pill);cursor:pointer;min-height:54px;font:inherit;color:var(--accent-contrast);background:radial-gradient(circle at 50% 0, color-mix(in srgb, var(--accent) 72%, white), var(--accent) 70%);box-shadow:0 0 0 2px var(--surface-raised), 0 0 0 3.5px var(--gold), 0 10px 28px color-mix(in srgb, var(--accent) 32%, transparent);border:0;justify-content:center;align-items:center;gap:10px;font-size:17px;font-weight:750;display:flex}.range-play:disabled{opacity:.5;cursor:not-allowed}@media (max-width:599px){dialog.range-dialog{width:100%;max-width:100%;inset-block:env(safe-area-inset-top) 0;border-radius:var(--r-xl) var(--r-xl) 0 0;transform-origin:50% 100%;--away:translateY(100%) perspective(var(--perspective)) rotateX(-10deg);transition-timing-function:var(--ease-out), var(--ease-spring), linear, linear;border-bottom:0;margin:auto auto 0}.range-dialog form{max-height:calc(100dvh - env(safe-area-inset-top) - 24px)}.range-shortcuts{grid-template-columns:1fr 1fr}.range-points{grid-template-columns:1fr;gap:8px}}.continue-reading{border:1px solid var(--accent);background:var(--accent-soft);border-radius:12px;align-items:center;gap:8px;margin:12px 0;padding-block:4px;padding-inline:12px 4px;display:flex}.continue-reading>a{min-height:44px;color:var(--text);flex:1;align-items:center;gap:10px;text-decoration:none;display:flex}.continue-reading .icon-button{background:0 0;border:0;width:36px;height:36px}.reading-entries{gap:8px;margin-bottom:12px;display:grid}.reading-entries .continue-reading{margin:0}.bookmarks-link{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-weight:600;text-decoration:none;display:flex}.bookmark-list{gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.bookmark-item{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:8px;padding-block:6px;padding-inline:12px 6px;display:flex}.bookmark-item>a{min-height:48px;color:var(--text);flex:1;align-content:center;gap:2px;text-decoration:none;display:grid}.bookmark-place{font-weight:650}.bookmark-date{font-size:12.5px}.bookmark-item .icon-button{width:44px;height:44px}.app-version{font-size:13px}.header-surah{flex:auto;align-items:center;gap:6px;min-width:0;max-width:460px;margin-inline-end:auto;display:flex}.header-surah .surah-button{max-width:none;margin-inline-end:0}.surah-step{color:var(--text)}.surah-step[aria-disabled=true]{opacity:.35;cursor:default}.surah-step[aria-disabled=true]:hover{background:var(--surface)}.header-back{justify-content:flex-start;gap:8px}.header-back svg{color:var(--accent);flex:none}.page-back{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-2);min-height:40px;color:var(--text);font:inherit;cursor:pointer;flex:none;align-items:center;gap:6px;padding-block:6px;padding-inline:10px 14px;font-size:14.5px;font-weight:650;display:inline-flex}.page-back:hover{background:var(--hover);border-color:var(--border-strong)}.page-back svg{color:var(--accent);flex:none}.layout.labelled .page-back{min-height:44px}.layout:not(.labelled) .header .page-back{justify-content:center;width:40px;padding:0}.layout:not(.labelled) .header .page-back-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.header-nav{align-items:center;gap:inherit;flex:none;margin-inline-start:auto;display:flex}.user-menu-icon{border:1px solid var(--border);border-radius:var(--r-pill);align-items:center;gap:4px;padding:3px 6px 3px 3px;display:inline-flex}[dir=rtl] .user-menu-icon{padding:3px 3px 3px 6px}.user-menu-icon .profile-badge{width:26px;height:26px;font-size:13px}.user-menu-icon .user-menu-lines{width:18px;height:18px}.header .user-menu-button{width:auto;min-width:44px;padding-inline:4px}.nav-item{color:var(--text);text-decoration:none;position:relative}.nav-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.quick-stepper button:disabled{opacity:.35;cursor:default}.glyph-small{font-size:14px}.glyph-big{font-size:19px}.header [data-action=user-menu][aria-expanded=true] .user-menu-icon{border-color:var(--accent);background:var(--accent-soft)}.header:has(.quick-settings){z-index:35}@media (max-width:999px){.surah-step{display:none}}.header-words{display:none}@media (min-width:1280px){.header-words{flex:none;display:block}.header-words ul{gap:2px;margin:0;padding:0;list-style:none;display:flex}.header-words a{border-radius:var(--r-pill);color:var(--text);white-space:nowrap;padding:9px 13px;font-size:15px;line-height:1.4;text-decoration:none;display:block}.header-words a:hover{background:var(--hover)}.header-words a[aria-current=page]{background:var(--nav-active-bg);color:var(--nav-active-text);font-weight:600}}.layout.labelled .header{padding-block:8px}.layout.labelled .header-nav{gap:6px;padding-inline-start:10px}.layout.labelled .nav-item{border-radius:var(--r-pill);flex-direction:column;justify-content:center;align-items:center;gap:2px;width:auto;min-width:64px;height:60px;padding:0 12px;display:inline-flex}.layout.labelled .nav-label{clip:auto;width:auto;height:auto;color:var(--text-muted);font-size:14px;font-weight:500;line-height:18px;position:static;overflow:visible}.layout.labelled .nav-item:hover .nav-label,.layout.labelled .nav-item[aria-current=page] .nav-label{color:var(--text)}.header .nav-item[aria-current=page]{color:var(--nav-active-text);background:var(--nav-active-bg);border-color:#0000}.layout.labelled .header .nav-item[aria-current=page] .nav-label{color:var(--nav-active-text)}.layout.labelled .header-surah .icon-button{width:44px;height:44px}.layout.labelled .surah-button{box-sizing:border-box;min-height:44px}.quick-settings{z-index:30;top:calc(100% + 6px);box-sizing:border-box;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-raised);width:min(380px,100vw - 24px);max-height:calc(100dvh - 100px);color:var(--text);box-shadow:var(--shadow-2);transform-origin:top var(--popover-origin,right);animation:pop-in var(--dur-fast) var(--ease-out) backwards;gap:16px;padding:16px 18px 18px;display:grid;position:absolute;inset-inline-end:var(--side,16px);overflow-y:auto}[dir=rtl] .quick-settings{--popover-origin:left}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}}.quick-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.quick-head h2{margin:0;font-size:19px}.quick-label{font-size:16px;font-weight:600}.quick-row{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.quick-stepper{align-items:center;gap:10px;display:flex}.quick-stepper button{border:1px solid var(--border);background:var(--surface-2);width:60px;height:52px;color:var(--text);font:inherit;cursor:pointer;border-radius:12px;flex:none;font-weight:700;line-height:1}.quick-stepper button:hover:not(:disabled){background:var(--hover)}.quick-stepper .glyph-small{font-size:16px}.quick-stepper .glyph-big{font-size:24px}.quick-dots{flex:1;justify-content:center;gap:10px;display:flex}.quick-dots span{background:var(--border);border-radius:50%;width:12px;height:12px}.quick-dots span.on{background:var(--accent)}.quick-reciter{gap:8px;display:grid}.quick-reciter button{border:1px solid var(--border);background:var(--surface);min-height:52px;color:var(--text);font:inherit;text-align:start;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:6px 14px;display:flex}.quick-reciter button:hover{background:var(--hover)}.quick-reciter svg{flex:none}.quick-settings .quick-all{border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:52px;margin:0;font-size:16px;display:flex}.quick-section{font-size:var(--fs-sm);color:var(--text-muted);margin:4px 0 -6px;font-weight:650}.user-menu-profile{border:1px solid var(--border);background:var(--surface);min-height:56px;color:var(--text);border-radius:12px;align-items:center;gap:12px;padding:6px 12px;text-decoration:none;display:flex}.user-menu-profile:hover{background:var(--hover);color:var(--text)}.user-menu-profile>span:not(.profile-badge){flex:1;gap:2px;display:grid}.user-menu-profile .muted{font-size:var(--fs-sm)}.user-menu-profile .profile-badge{width:36px;height:36px;font-size:17px}.user-menu-progress{margin-top:-4px}.user-menu-profile>span.user-menu-progress-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.user-menu-links{border-top:1px solid var(--border);padding-top:6px;display:grid}.user-menu-links>*{min-height:48px;color:var(--text);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:0 6px;text-decoration:none;display:flex}.user-menu-links>:hover{background:var(--hover);color:var(--text)}.user-menu-links [aria-current=page]{color:var(--accent);font-weight:650}.user-menu-links svg{color:var(--text-muted);flex:none}.panel-close{border:1px solid var(--border);border-radius:var(--r-pill);min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:0 0;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:15px;display:inline-flex}.panel-close:hover{background:var(--hover)}.word-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 4px;display:grid}.word-action{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);min-height:52px;color:var(--text);font:inherit;text-align:center;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), scale var(--dur-instant) var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:6px 10px;font-size:15px;line-height:1.25;display:flex}.word-action svg{flex:none}.word-action:hover{background:var(--hover);border-color:var(--border-strong)}.word-action.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-1);font-size:16px;font-weight:650}.word-action.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-contrast)}.word-action.secondary{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 55%, transparent);font-size:16px;font-weight:650}.word-action.secondary:hover{border-color:var(--accent)}.word-action.wide{grid-column:1/-1}.word-action.tile{text-align:start;background:0 0;justify-content:flex-start;min-height:48px;font-size:14.5px}.word-action.tile:hover{background:var(--hover)}.word-action.tile svg{color:var(--accent)}.word-action[data-saved]{border-color:var(--accent);background:var(--accent-soft)}@media (max-width:999px){.word-action{min-height:48px}.word-action.tile{min-height:46px}}.action-star{gap:0;margin-block:4px 10px;display:grid}.as-roots{flex-wrap:wrap;justify-content:center;gap:6px 14px;display:flex}.as-root,.as-leaf{width:92px;color:var(--text);font:inherit;cursor:pointer;border-radius:var(--r-md);background:0 0;border:0;align-content:start;justify-items:center;gap:6px;padding:2px 0;text-decoration:none;display:grid}.as-root:hover,.as-leaf:hover{color:var(--text)}.as-root:focus-visible,.as-leaf:focus-visible{outline:none}.as-root:focus-visible .as-orb,.as-leaf:focus-visible .as-orb{box-shadow:var(--focus-ring)}.as-orb{box-sizing:border-box;background:var(--surface-raised);width:54px;height:54px;color:var(--accent);box-shadow:0 0 0 1.5px var(--gold), var(--shadow-1);transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid}.as-orb svg{width:22px;height:22px}.as-root:hover .as-orb,.as-leaf:hover .as-orb{transform:scale(1.06)}.as-root[aria-expanded=true] .as-orb{background:var(--accent);color:var(--accent-contrast);box-shadow:0 0 0 2px var(--gold), 0 0 0 7px color-mix(in srgb, var(--gold) 16%, transparent), var(--shadow-2)}.as-direct[data-saved] .as-orb{background:var(--accent-soft);box-shadow:0 0 0 1.5px var(--accent), var(--shadow-1)}.as-label{text-align:center;text-wrap:balance;word-break:keep-all;overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual;max-width:92px;font-size:13px;font-weight:650;line-height:1.25}.listen-star .as-root .as-orb{background:radial-gradient(circle at 50% 32%, color-mix(in srgb, var(--accent) 70%, white), var(--accent) 72%);color:var(--accent-contrast)}.panel-title{flex:1;min-width:0}.panel-close{transition:opacity var(--dur-fast) var(--ease-out)}.panel-head[data-covered] .panel-close{opacity:0;pointer-events:none}.panel-word-row{flex-wrap:wrap;align-items:center;gap:0 12px;display:flex}.as-side{z-index:3;flex:none;margin:0;display:block;position:relative}.as-side .as-roots{display:block}.as-side .as-root{z-index:2;gap:3px;width:52px;padding:2px 0;position:relative}.as-side .as-root .as-orb{width:42px;height:42px}.as-side .as-root .as-orb svg{width:19px;height:19px}.as-side .as-root .as-label{white-space:nowrap;max-width:none;transition:opacity var(--dur-fast) var(--ease-out);font-size:12px;font-weight:700}.as-side .as-root[aria-expanded=true] .as-label{opacity:0}.as-side .as-root[aria-expanded=true] .as-orb{box-shadow:0 0 0 2px var(--gold), var(--shadow-1)}.as-side .as-leaves{z-index:1;top:23px;padding:4px 6px;background:var(--surface-raised);border-radius:var(--r-pill);width:max-content;box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 60%, transparent), var(--shadow-2);transform-origin:0;animation:as-tray var(--dur-slow) var(--ease-spring) both;flex-wrap:nowrap;gap:0;padding-inline-start:32px;display:flex;position:absolute;inset-inline-start:26px;translate:0 -50%}[dir=rtl] .as-side .as-leaves{transform-origin:100%}.as-side .as-leaves[data-below]{top:calc(100% + 6px);transform-origin:top;border-radius:22px;padding-inline-start:6px;animation-name:as-tray-down;inset-inline:auto 0;translate:none}@keyframes as-tray{0%{opacity:0;scale:.25 1}}@keyframes as-tray-down{0%{opacity:0;scale:1 .3}}.as-side .as-leaf{border-radius:16px;gap:2px;width:auto;min-width:52px;min-height:44px;padding:3px 6px;animation-name:as-leaf-side;position:relative}.as-side .as-leaf+.as-leaf:before{content:"";inset-inline-start:0;background:var(--border);width:1px;position:absolute;top:24%;bottom:24%}.as-side .as-leaf:hover{background:var(--hover)}.as-side .as-leaf .as-orb{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);box-shadow:none}.as-side .as-leaf:hover .as-orb{background:var(--accent);color:var(--accent-contrast);transform:none}.as-side .as-leaf:focus-visible .as-orb{box-shadow:var(--focus-ring)}.as-side .as-leaf .as-orb svg{width:18px;height:18px}.as-side .as-leaf .as-label{white-space:nowrap;max-width:none;font-size:11.5px}@keyframes as-leaf-side{0%{opacity:0;transform:translateX(calc(-10px * var(--dir,1))) scale(.6)}}[dir=rtl] .as-side .as-leaf{--dir:-1}.as-leaves{flex-wrap:wrap;justify-content:center;gap:8px 10px;padding-top:30px;display:flex;position:relative}.as-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.as-lines path{fill:none;stroke:var(--gold);stroke-opacity:.7;stroke-width:1.5px;stroke-dasharray:1;stroke-dashoffset:1px;animation:as-line var(--dur-slow) var(--ease-out) forwards;animation-delay:calc(var(--k) * 45ms)}@keyframes as-line{to{stroke-dashoffset:0}}.as-leaf{animation:as-leaf var(--dur-slow) var(--ease-spring) backwards;animation-delay:calc(var(--k) * 45ms)}.as-leaf .as-orb{width:46px;height:46px}.as-leaf .as-orb svg{width:20px;height:20px}@keyframes as-leaf{0%{opacity:0;transform:translateY(-26px)scale(.4)}}.rule.folded{padding-block:6px}.rule-head-row{align-items:center;gap:6px;display:flex}.rule-head-row .rule-main{flex-wrap:wrap;flex:1;min-width:0;min-height:44px}.rule-with{white-space:nowrap;font-size:14px}.rule-with .quran{font-size:1.4em;line-height:1}.fold-sign{box-sizing:border-box;background:var(--accent-soft);width:30px;height:30px;color:var(--accent);border:1.5px solid color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 1px 2px color-mix(in srgb, var(--accent) 20%, transparent);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid}.fold-glyph{transition:rotate var(--dur-base) var(--ease-out);flex:none}:is(button,summary):hover>.fold-sign,:is(.fold-toggle[aria-expanded=true],[aria-expanded=true],details.fold[open]>summary)>.fold-sign{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}:is(.fold-toggle[aria-expanded=true],[aria-expanded=true],details.fold[open]>summary)>.fold-sign .fold-glyph{rotate:180deg}.fold-toggle{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));border-radius:var(--r-pill);background:var(--accent-soft);min-height:40px;color:var(--accent);font:inherit;cursor:pointer;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);flex:none;align-items:center;gap:6px;padding:0 5px 0 12px;font-size:13px;font-weight:650;display:inline-flex}.fold-toggle:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.fold-toggle:focus-visible{box-shadow:var(--focus-ring);outline:none}.fold-toggle[aria-expanded=true]{border-color:var(--accent)}@media (pointer:coarse){.fold-toggle{min-height:var(--control)}}details.fold>summary{cursor:pointer;list-style:none}details.fold>summary::-webkit-details-marker{display:none}details.fold>summary .fold-sign{order:2}details.fold>summary.panel-section:after{order:1}details.fold>summary.panel-section{min-height:44px;margin-block-end:6px}.tafsir.fold>summary{justify-content:space-between;align-items:center;gap:10px;min-height:44px;display:flex}.panel .card-actions{gap:8px;margin-top:8px}.panel .card-actions .more{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;min-height:40px;padding:0 12px;text-decoration:none;display:inline-flex}.panel .card-actions .more:hover{background:var(--hover)}.panel .card-actions .more[data-action=listen-place]{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.panel .card-actions .more[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);text-decoration:none}.panel .card-actions .more[data-action=report]{color:var(--text-muted);background:0 0;border-color:#0000;padding-inline:6px;font-weight:400}@media (min-width:760px){.toolbar .chips{flex-wrap:wrap;overflow-x:visible}.toolbar .chip{min-height:36px;padding:5px 12px;font-size:14.5px}.toolbar .segmented button{min-height:36px;padding-inline:14px;font-size:15px}}.mushaf.with-translation{text-align-last:start}.ayah-translation{border-inline-start:3px solid var(--border);font:400 max(1rem, calc(var(--quran-size) * .46)) / 1.65 var(--ui);color:var(--text-muted);text-align:start;text-align-last:auto;word-spacing:normal;overflow-wrap:anywhere;cursor:auto;unicode-bidi:isolate;border-radius:0 8px 8px 0;margin:.2em 0 1em;padding:.15em .6em .2em;display:block}.ayah-translation[dir=rtl]{border-radius:8px 0 0 8px}.ayah-translation p{margin:0}.tr-no{font-variant-numeric:tabular-nums;color:var(--accent);margin-inline-end:.5em;font-size:.8em}.tr-missing{font-style:italic}.tr-notes-button{width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;margin:-6px 0 -10px -12px;padding:0;display:grid}.ayah-translation[dir=rtl] .tr-notes-button{margin:-6px -12px -10px 0}.tr-notes-button svg{border-radius:6px;padding:3px}.tr-notes-button:hover svg,.tr-notes-button[aria-expanded=true] svg{color:var(--accent);background:var(--accent-soft)}.tr-notes-button:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}.ayah-translation .tr-notes{border-top:1px dashed var(--border);white-space:pre-line;margin:.35em 0 0;padding-top:.35em;font-size:.88em}.ayah-translation .tr-notes[hidden]{display:none}.ayah-translation.playing{background:var(--playing);border-inline-start:5px solid var(--accent);color:var(--text)}@media (forced-colors:active){.ayah-translation{border-inline-start-color:canvastext}.ayah-translation.playing{border-inline-start-color:highlight;outline:2px solid highlight}}.translation-bar{flex-wrap:wrap;justify-content:center;gap:8px;margin:4px 0 8px;display:flex}.translation-bar .chip{white-space:normal;text-align:start;min-height:36px;padding-inline:12px;font-size:14px}.translation-toggle .check{border:1.5px solid;border-radius:4px;place-items:center;width:1.1em;height:1.1em;font-size:.85em;line-height:1;display:inline-grid}.translation-toggle[aria-pressed=true] .check{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}@media (pointer:coarse){.translation-bar .chip{min-height:44px}}.translation-unavailable{text-align:center;color:var(--text-muted);flex-basis:100%;margin:0;font-size:14px}.translation-legal{grid-template-columns:max-content 1fr;gap:4px 14px;margin:6px 0 4px;font-size:14.5px;display:grid}.translation-legal dt{color:var(--text-muted)}.translation-legal dd{overflow-wrap:anywhere;margin:0}.translation-legal ul{margin:4px 0 0;padding:0;list-style:none}@media (max-width:520px){.translation-legal{grid-template-columns:1fr;gap:0}.translation-legal dd{margin-bottom:6px}}.search-modes{flex-wrap:wrap;gap:6px;margin:0;display:flex}.search-mode{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;padding:6px 14px;font-size:14px;text-decoration:none;display:inline-flex}.search-mode[aria-current=page]{border-color:var(--accent);background:var(--accent-soft);cursor:default;font-weight:600}.adv-search .adv-intro{color:var(--text-muted);margin:4px 0 12px}.adv-form{margin:8px 0 0}.adv-grid{grid-template-columns:minmax(0,1fr);gap:12px 16px;display:grid}@media (min-width:720px){.adv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1000px){.adv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.adv-field{align-content:start;gap:4px;min-width:0;display:grid}.adv-grid>.adv-rules{grid-column:1/-1}.adv-label{color:var(--text);overflow-wrap:anywhere;font-size:14px;font-weight:600}.adv-field select{font:inherit;border:1px solid var(--border);background:var(--surface);max-width:100%;min-height:44px;color:var(--text);border-radius:10px;padding:6px 10px}.adv-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.adv-chip{white-space:normal;overflow-wrap:anywhere;max-width:100%;min-height:44px;color:var(--text);cursor:default;align-items:center;gap:4px;padding-inline:12px 4px;text-decoration:none;display:inline-flex}.adv-chip-remove{min-width:44px;min-height:44px;color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:999px}.adv-chip-remove:hover{color:var(--danger)}.adv-all{color:var(--text-muted);margin:0}.adv-rules .btn-secondary{align-self:start;min-height:44px;margin:0}.adv-options{border-top:1px solid var(--border);margin:14px 0 0;padding-top:8px}.adv-options>summary{cursor:pointer;min-height:44px;color:var(--accent);align-items:center;font-weight:600;display:flex}.adv-options>.adv-grid{margin-top:12px}.adv-special{border:1px solid var(--border);border-radius:12px;grid-column:1/-1;gap:2px;margin:12px 0 0;padding:6px 12px;display:grid}.adv-special legend{padding:0 4px;font-weight:600}.adv-check{cursor:pointer;align-items:center;gap:8px;min-height:44px;display:flex}.adv-check input{width:20px;height:20px;accent-color:var(--accent);flex:none}.adv-other{gap:6px;margin-top:14px;display:grid}.adv-actions{flex-wrap:wrap;gap:8px;margin:16px 0 0;display:flex}.adv-actions .btn-primary,.adv-actions .btn-secondary{width:auto;min-height:44px;margin:0}.adv-actions .btn-primary{padding-inline:18px}.adv-count{min-height:1.5em;color:var(--accent);margin:12px 0 0;font-weight:600}.adv-recent{margin-top:18px}.adv-recent .adv-chips{flex-direction:column;align-items:stretch}.adv-recent-link{white-space:normal;text-align:start;min-height:44px}.adv-more{min-height:44px;margin:12px auto 0;display:block}.adv-results{margin-top:16px}.adv-hits{gap:12px;margin:0;padding:0;list-style:none;display:grid}.adv-hit{border:1px solid var(--border);background:var(--surface);content-visibility:auto;contain-intrinsic-size:auto 260px;border-radius:12px;min-width:0;padding:10px 14px}.adv-head{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin:0;font-size:14px;font-weight:500;display:flex}.adv-rule{color:var(--text);flex-wrap:wrap;align-items:baseline;gap:6px;display:inline-flex}.adv-rule .vocalised{font-size:16px}.adv-excerpt .hit-words{font-size:calc(28px * var(--quran-scale,1));padding:14px 4px 6px;line-height:2.4;display:block}.adv-excerpt .w.context{color:var(--text-muted)}.adv-excerpt .gap{color:var(--text-muted);font-family:system-ui,sans-serif;font-size:18px}.adv-excerpt .ayah-no{color:var(--accent);white-space:nowrap;font-size:.72em}.adv-evidence{gap:4px;margin:6px 0 4px;font-size:14.5px;display:grid}.adv-evidence>div{flex-wrap:wrap;align-items:baseline;gap:2px 14px;display:flex}.adv-evidence dt{color:var(--text-muted);min-width:11em}.adv-evidence dd{overflow-wrap:anywhere;flex:12em;min-width:0;margin:0}.adv-evidence .quran{font-size:22px;line-height:1.8}.adv-note{margin:6px 0 0;font-size:14px}.adv-hit .badges{margin:8px 0 2px}.adv-hit .card-actions{align-items:center;margin-top:6px}.adv-hit .btn-small{min-height:44px;color:var(--text);align-items:center;text-decoration:none;display:inline-flex}.adv-analysis{border-top:1px dashed var(--border);margin-top:12px;padding-top:10px}.adv-why-title{color:var(--accent);margin:10px 0 4px;font-size:15px}.places-total .adv-link{min-height:44px;color:var(--text);align-items:center;text-decoration:none;display:inline-flex}@media (max-width:520px){.adv-evidence>div{gap:0;display:grid}.adv-evidence dt{min-width:0}}.page.analysis .excerpt{font-size:calc(30px * var(--quran-scale,1));margin-block:8px 4px;line-height:2.3}.page.analysis .excerpt .w{cursor:pointer;border-radius:6px}.page.analysis .excerpt .w:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.analysis-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-block:8px 12px;display:flex}.analysis-words{gap:8px;margin-block:12px;display:grid}.analysis-word{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:8px 12px}.analysis-word[data-chosen]{border-color:var(--accent)}.analysis-word-head{margin:0 0 4px;font-size:14px}.analysis-rules{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.analysis-rule{border:1px solid var(--border);background:var(--surface-2);max-width:100%;min-height:44px;color:var(--text);font:inherit;text-align:start;cursor:pointer;border-radius:10px;align-items:center;padding:6px 12px;transition:background-color .15s;display:inline-flex}.analysis-rule .vocalised{overflow-wrap:anywhere;font-size:16px;line-height:1.9}.analysis-rule:hover{background:var(--hover)}.analysis-rule:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.analysis-rule[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);font-weight:600}@media (prefers-reduced-motion:reduce){.analysis-rule{transition:none}}.analysis-hint{color:var(--text-muted);margin:8px 0}.page.analysis .tabs{flex-wrap:wrap}.analysis-place{margin-block:4px 8px}.analysis-actions{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.analysis-actions .btn-small{min-height:44px;color:var(--text);align-items:center;text-decoration:none;display:inline-flex}.analysis-diagrams{gap:16px;margin-block:8px;display:grid}.analysis-diagram+.analysis-diagram{margin-block-start:16px}.lesson-steps{counter-reset:lesson;gap:14px;margin:0;padding:0;list-style:none;display:grid}.lesson-steps>li{counter-increment:lesson;padding:12px 16px 14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);padding-inline-start:56px;position:relative}.lesson-steps>li:before{content:counter(lesson);inset-inline-start:14px;background:var(--accent);width:30px;height:30px;color:var(--accent-contrast);border-radius:50%;place-items:center;font-size:15px;font-weight:700;display:grid;position:absolute;top:13px}.lesson-steps>li>h2{margin:2px 0 6px;font-size:18px;line-height:1.6}.lesson-steps>li>p{margin-block:4px}.lesson-steps>li[data-step=picture],.lesson-steps>li[data-step=examples]{padding-inline-start:16px}.lesson-steps>li[data-step=picture]>h2,.lesson-steps>li[data-step=examples]>h2{min-height:30px;padding-inline-start:40px}.lesson-conditions{gap:6px;margin:4px 0 0;display:grid}.lesson-conditions>div{flex-wrap:wrap;align-items:baseline;gap:2px 8px;display:flex}.lesson-conditions dt{color:var(--text-muted);font-size:14px}.lesson-conditions dt:after{content:":"}.lesson-conditions dd{margin:0;font-weight:600}.lesson-letters{flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.lesson-letters li{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);justify-items:center;min-width:64px;padding:6px 10px 4px;display:grid}.lesson-letter{font-family:var(--naskh);color:var(--gold-text);font-size:30px;line-height:1.5}.lesson-letter-name{color:var(--text-muted);font-size:13px}.lesson-exercise{gap:6px;display:grid}.lesson-count{margin:0;font-size:13px}.lesson-question{margin:0;font-weight:600}.lesson-hint{margin:0;font-size:14px}.lesson-place{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);margin:4px 0;padding:0 8px 6px}.lesson-place figcaption{text-align:center;font-size:13px}.lesson-answers{gap:10px;display:flex}.lesson-answers button{flex:1;min-height:48px;font-size:17px}.lesson-feedback{border-radius:var(--r-md);background:var(--accent-soft);justify-items:start;gap:4px;padding:10px 12px;display:grid}.lesson-feedback[data-correct=false]{background:color-mix(in srgb, var(--gold) 18%, var(--surface))}.lesson-feedback p{margin:0}.lesson-verdict{font-weight:700}.lesson-feedback .btn-primary,.lesson-result .btn-secondary{width:auto;min-height:44px;margin-block-start:4px}.lesson-result{justify-items:start;gap:6px;display:grid}.lesson-score{margin:0;font-size:18px;font-weight:700}.lesson-deeper{border:1px dashed var(--border);border-radius:var(--r-md);background:var(--surface);margin-block-start:8px;padding:6px 16px 10px}.lesson-deeper>summary{align-items:center;gap:10px;min-height:48px;display:flex}.lesson-deeper>summary .fold-title{flex:1;margin:0;font-size:17px}.lesson-deeper .local-graph{margin-block-start:16px}.lesson-more{color:var(--text-muted);margin:8px 0 0}.lesson-more .btn-small{min-height:44px}.rule-board{border:1px solid var(--border);border-radius:var(--radius,14px);background:var(--surface);color:var(--text);margin:0;padding:14px 16px 16px}.rule-board-title{color:var(--accent);margin:0 0 10px;font-size:15px;font-weight:650}.rule-board-steps,.rb-sentence{max-inline-size:560px}.rule-board-steps{flex-direction:column;align-items:stretch;gap:6px;margin-block:0;margin-inline:auto;padding:0;list-style:none;display:flex}.rb-step{background:var(--surface-2);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 12px;display:flex}.rb-glyphs{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.rb-glyph{border:2px solid var(--accent);background:var(--surface);min-block-size:44px;min-inline-size:44px;font-family:var(--naskh);border-radius:10px;place-items:center;padding:0 6px;font-size:26px;line-height:1.6;display:inline-grid}.rule-board[data-style] .rb-letter{border-color:var(--c,var(--accent));background:color-mix(in srgb, var(--c,var(--accent)) 16%, var(--surface))}.rb-name{font-weight:600}.rb-scope{color:var(--text-muted);font-size:14px}.rb-link{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.rb-arrow{background:currentColor;flex:none;block-size:18px;inline-size:2px;position:relative}.rb-arrow:after{content:"";border-block-start:7px solid;border-inline:5px solid #0000;position:absolute;inset-block-end:-2px;inset-inline-start:-4px}.rb-rule{border-inline-start:5px solid var(--c,var(--accent))}.rb-rule-name{font-size:18px;font-weight:700}.rb-rule-name.vocalised,.rule-board .vocalised.rb-name{line-height:1.9}.rb-effects{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.rb-effect{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:2px 10px;font-size:14px}.rule-board .rb-sentence{text-align:center;margin:12px auto 0;font-size:16px}.rb-sentence.vocalised{font-size:18px;line-height:2}.rb-mnemonic{font-family:var(--naskh);color:var(--text-muted);font-size:18px;line-height:2}.rb-examples{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 10px;display:flex}.rb-examples-label{color:var(--text-muted);font-size:14px}.rb-example{min-block-size:44px;color:var(--text);background:color-mix(in srgb, var(--c,var(--accent)) 10%, var(--surface));border-radius:10px;align-items:center;padding:0 10px;font-size:24px;line-height:1.8;text-decoration:none;display:inline-flex}.rb-example:hover,.rb-example:focus-visible{text-decoration:underline}.chapter-board{margin-block-end:16px}.cb-head{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;margin:0 0 12px;display:flex}.cb-title{font-size:18px;font-weight:700}.cb-title.vocalised{line-height:2}.cb-rows,.cb-kinds{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cb-kinds{border-inline-start:2px solid var(--c,var(--border));margin-block-start:8px;margin-inline-start:18px;padding-inline-start:12px}.cb-row>.cb-line{background:var(--surface-2);border-inline-start:5px solid var(--c,var(--accent));border-radius:12px;grid-template-columns:minmax(7.5em,max-content) auto 1fr;align-items:center;gap:8px 10px;padding:8px 12px;display:grid}.cb-row[data-special]>.cb-line{border:2px dashed var(--c,var(--border));background:var(--surface)}.cb-row[aria-current=true]>.cb-line{outline:2px solid var(--accent)}.cb-rule{color:var(--text);flex-direction:column;font-size:17px;font-weight:700;text-decoration:none;display:flex}.cb-rule:hover,.cb-rule:focus-visible{text-decoration:underline}.cb-rule.vocalised{line-height:2}.cb-special{color:var(--text-muted);font-size:13px;font-weight:600}.cb-arrow{color:var(--c,var(--text-muted));font-size:22px}:is(:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .cb-arrow,[dir=ltr] .cb-arrow){transform:scaleX(-1)}.cb-what{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.cb-letters{justify-content:flex-start}.cb-letters .rb-glyph{min-block-size:40px;min-inline-size:40px;font-size:22px}.chapter-board[data-chapter] .rb-letter,.chapter-board .cb-row[data-style] .rb-letter{border-color:var(--c,var(--accent));background:color-mix(in srgb, var(--c,var(--accent)) 16%, var(--surface))}.cb-rest,.cb-note{font-weight:600}.cb-note{color:var(--text-muted);font-size:14px;font-weight:400}.cb-rest.vocalised,.cb-note.vocalised{line-height:2}.chapter-board .rb-examples{justify-content:flex-start}.letters-board{margin-block-end:16px}.letters-board>.cb-title{text-align:center;margin:0 0 8px;display:block}.lb-heading{color:var(--accent);margin:14px 0 8px;font-size:16px}.lb-heading.vocalised{line-height:2}.lb-pairs,.lb-list,.lb-areas,.lb-places,.lb-notes{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lb-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.lb-pair[data-size="3"]{grid-template-columns:1fr 1fr 1fr}.lb-side{align-items:stretch;gap:8px;display:flex}.lb-side>.lb-item{flex:1}.lb-versus{color:var(--text-muted);align-self:center;font-size:18px}.lb-item{background:var(--surface-2);border-inline-start:5px solid var(--accent);border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 12px;display:flex}.lb-name{color:var(--text);flex-basis:100%;font-weight:700;text-decoration:none}.lb-name:hover,.lb-name:focus-visible{text-decoration:underline}.lb-name.vocalised{line-height:2}.lb-letters .rb-glyph{min-block-size:36px;min-inline-size:36px;font-size:20px}.lb-gloss{color:var(--text-muted);flex-basis:100%;font-size:14px}.lb-gloss.vocalised{font-size:16px;line-height:2}.lb-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.lb-places{border-inline-start:2px solid var(--accent);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-block-start:6px;margin-inline-start:18px;padding-inline-start:12px;display:grid}.lb-area>.lb-item .lb-name{font-size:18px}.lb-places .lb-name{font-size:15px;font-weight:600}.lb-places .lb-item{border-inline-start-color:var(--border)}.lb-notes{margin-block-start:14px}.lb-notes li{border:1px dashed var(--accent);border-radius:12px;padding:8px 12px}.lb-strength{margin-block-start:18px}.lb-strength-table tbody th.lb-letter{text-align:center;min-inline-size:2.5em;font-size:1.4em;font-weight:600}.lb-strength-table td{vertical-align:middle}.lb-strength-table td a,.lb-strength-table td a:visited{color:inherit;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent)}.lb-strong{color:var(--accent)}.lb-weak{color:var(--danger)}.lb-strength-table tr[data-level=strong] .lb-level{color:var(--accent);font-weight:700}.lb-strength-table tr[data-level=weak] .lb-level{color:var(--danger)}.lb-notes li.vocalised{line-height:2}@media (max-width:599px){.lb-pair,.lb-pair[data-size="3"]{grid-template-columns:1fr}.lb-side{flex-direction:column}.csb-table th,.csb-table td{padding:4px 5px}.csb-table tbody th{min-inline-size:8.5em;font-size:14px}.csb-table thead th{font-size:13px}.lb-versus{transform:rotate(90deg)}}.board-views{margin-block-end:16px}.board-views-switch{justify-content:center;inline-size:-moz-fit-content;inline-size:fit-content;margin:0 auto 8px;display:flex}.board-views-switch button{min-height:44px}.case-board{margin-block-end:16px}.case-board>.cb-title{text-align:center;margin:0 0 8px;display:block}.csb-columns{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;gap:10px;display:grid}.csb-column{background:var(--surface-2);border-block-start:5px solid var(--c,var(--accent));border-radius:12px;padding:10px 12px}.csb-column h3{margin:0 0 8px;font-size:17px}.csb-name{color:var(--text);text-decoration:none}.csb-name:hover,.csb-name:focus-visible{text-decoration:underline}.csb-name.vocalised{line-height:2}.csb-cases{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.csb-case{background:var(--surface);border-radius:10px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.csb-pattern{font-family:var(--naskh);color:var(--c,var(--accent));font-size:24px;font-weight:700;line-height:1.8}.csb-text{font-size:15px}.csb-text.vocalised{font-size:17px;line-height:2}.case-board .rb-examples{justify-content:flex-start}.tto-letter+.tto-letter{border-block-start:1px solid var(--border);margin-block-start:14px;padding-block-start:12px}.tto-head{align-items:center;gap:10px;margin:0 0 8px;font-size:17px;display:flex}.tt-overview .csb-column h4{margin:0 0 6px;font-size:17px}.tto-cases{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.tto-case{background:var(--surface);border-radius:10px;flex-wrap:wrap;align-items:center;gap:2px 8px;padding:2px 8px;display:flex}.tto-number{min-inline-size:1.6em;color:var(--text-muted);font-weight:600}.tto-case .csb-pattern{font-size:22px}.tto-waqf{border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:0 8px;font-size:13px}.tto-waqf.vocalised{font-size:15px;line-height:1.8}.tto-note{color:var(--text-muted);flex-basis:100%;font-size:14px}.tto-note.vocalised{font-size:16px;line-height:1.9}.tto-examples{flex-wrap:wrap;gap:4px;margin-inline-start:auto;display:flex}.tto-examples .rb-example{font-size:20px}.tto-groups{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin:0;display:grid}.tto-groups>div{background:var(--surface-2);border-radius:12px;padding:8px 12px}.tto-groups dt{font-weight:700}.tto-groups dt a{color:var(--text)}.tto-groups dd{margin:0}.tto-groups .vocalised{line-height:2}.csb-kinds{flex-wrap:wrap;justify-content:center;gap:8px;margin:8px 0 12px;padding:0;list-style:none;display:flex}.csb-kinds .btn-small{align-items:center;min-height:44px;display:inline-flex}.csb-split{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;margin:0 0 10px;display:flex}.csb-split dt{font-weight:700}.csb-split dd{background:var(--surface-2);border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:4px 10px;display:flex}.csb-split dd+dd{border:1px dashed var(--danger)}.csb-split-name{color:var(--text-muted);font-weight:600}.csb-split ul{flex-wrap:wrap;gap:4px 10px;margin:0;padding:0;list-style:none;display:flex}.csb-split a{color:var(--text);align-items:center;min-block-size:44px;display:inline-flex}.csb-split .vocalised{line-height:2}.csb-ibtida-note{color:var(--text-muted);margin:0 0 8px}.csb-ibtida-note.vocalised{line-height:2}.csb-table-wrap{contain:inline-size;inline-size:100%;margin-block:10px;overflow-x:auto}.board-views,.rule-board{min-inline-size:0;max-inline-size:100%}.csb-table{border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:12px;inline-size:100%;overflow:hidden}.csb-table caption{color:var(--accent);padding:6px;font-weight:700}.csb-table caption.vocalised,.csb-table .vocalised{line-height:2}.csb-table th,.csb-table td{text-align:center;border-block-start:1px solid var(--border);padding:6px 10px}.csb-table thead th,.csb-table thead td{background:var(--surface-2);border-block-start:none}.csb-table tbody th{text-align:start;background:var(--surface-2);font-weight:600}.csb-table a{color:var(--text)}.csb-mark{font-size:20px;font-weight:700}.madd-table tbody th{border-inline-start:5px solid var(--c,var(--accent))}.madd-table td{font-size:15px}.madd-table .madd-length{white-space:nowrap;font-weight:700}.madd-table .rb-example{min-block-size:40px;font-size:20px}.csb-mark[data-value=yes]{color:var(--accent)}.csb-mark[data-value=no]{color:var(--danger)}.csb-ibtida,.csb-signs{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:0;display:grid}.csb-ibtida>div,.csb-signs>div{background:var(--surface-2);border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.csb-ibtida dt{font-weight:700}.csb-ibtida dd,.csb-signs dd{margin:0}.csb-signs dt{min-inline-size:4.2em;color:var(--accent);align-items:center;gap:6px;display:flex}.csb-sign-name{font-family:var(--naskh);font-size:22px;font-weight:700}.csb-sign-mark{block-size:1.5em;font-size:34px;line-height:2.4;display:inline-block;overflow:visible;transform:translateY(.35em)}@media (max-width:599px){.cb-row>.cb-line{grid-template-columns:1fr}.cb-arrow{display:none}}@media (max-width:999px){.analysis-toolbar .segmented button,.analysis-diagrams .segmented button{min-height:44px}}.panel .card-actions [data-action=tajwid-analysis]{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}a.word-action{text-decoration:none}.main:has(.start-page){max-width:1360px}.start-layout{gap:var(--s-6);display:grid}.tone-quran{--tone:var(--area-quran)}.tone-tajwid{--tone:var(--area-tajwid)}.tone-analysis{--tone:var(--area-analysis)}.tone-irab{--tone:var(--area-irab)}.tone-pronunciation{--tone:var(--area-pronunciation)}.tone-hifz{--tone:var(--area-hifz)}.tone-qibla{--tone:var(--area-qibla)}.tone-prophets{--tone:var(--area-prophets)}.star{min-width:0;container:star/inline-size}.start-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.start-head-main{flex-wrap:wrap;align-items:baseline;gap:2px 16px;min-width:0;display:flex}.page .star-title{font-size:var(--fs-lg);margin:0}.start-head-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.start-guide{align-items:center;gap:6px;display:inline-flex}.start-guide svg{color:var(--gold-text)}.start-lang{position:relative}.start-lang-button{box-sizing:border-box;cursor:pointer;border:1px solid color-mix(in srgb, var(--gold) 50%, var(--border));border-radius:var(--r-pill);background:linear-gradient(180deg, color-mix(in srgb, var(--gold) 9%, var(--surface)), var(--surface));min-height:40px;color:var(--text);font:inherit;font-size:var(--fs-sm);box-shadow:0 1px 0 color-mix(in srgb, var(--gold) 18%, transparent), var(--shadow-1);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);align-items:center;gap:8px;padding:0 12px 0 10px;font-weight:600;display:inline-flex}.start-lang-button:hover,.start-lang[data-open] .start-lang-button{border-color:var(--gold);box-shadow:0 0 0 4px color-mix(in srgb, var(--gold) 14%, transparent)}.start-lang-button>svg:first-child{color:var(--gold-text)}.start-lang-button .chevron-down{color:var(--text-muted);transition:rotate var(--dur-fast) var(--ease-out)}.start-lang[data-open] .chevron-down{rotate:180deg}@media (pointer:coarse){.start-lang-button{min-height:var(--control)}}.start-lang-menu{z-index:5;top:calc(100% + 6px);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-raised);min-width:210px;box-shadow:var(--shadow-2);transform-origin:top var(--popover-origin,right);animation:pop-in var(--dur-fast) var(--ease-out) backwards;gap:2px;padding:6px;display:grid;position:absolute;inset-inline-end:0}[dir=rtl] .start-lang-menu{--popover-origin:left}.start-lang-option{border-radius:var(--r-md);min-height:46px;color:var(--text);font:inherit;font-size:var(--fs-md);text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0 10px;display:flex}.start-lang-option:hover{background:var(--hover)}.start-lang-option:focus-visible{box-shadow:var(--focus-ring);outline:none}.start-lang-option>[lang]{flex:1}.start-lang-option [lang=ar]{font-family:var(--ui-ar)}.start-lang-mark{background:color-mix(in srgb, var(--gold) 12%, var(--surface));width:32px;height:32px;color:var(--gold-text);border:1px solid color-mix(in srgb, var(--gold) 35%, transparent);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.start-lang-option:first-child .start-lang-mark{font-family:var(--ui-ar);font-size:16px}.start-lang-check{visibility:hidden;color:var(--accent)}.start-lang-option[aria-pressed=true]{background:var(--accent-soft);font-weight:600}.start-lang-option[aria-pressed=true] .start-lang-check{visibility:visible}.start-lang-option[aria-pressed=true] .start-lang-mark{background:var(--gold);color:var(--on-gold);border-color:var(--gold)}.star-trail{font-size:var(--fs-sm);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.star-trail>*+:before{content:"›";color:var(--text-muted);margin-inline-end:8px}[dir=rtl] .star-trail>*+:before{content:"‹"}.star-trail a{color:var(--accent);align-items:center;min-height:32px;text-decoration:none;display:inline-flex}.star-trail a:hover{text-decoration:underline}.star-trail [aria-current]{color:var(--text);font-weight:600}.star-trail .vocalised{font-size:15px}@keyframes star-in{0%{opacity:0;transform:scale(.96)}}@keyframes star-node-in{0%{opacity:0;scale:.6}}.star-field{margin-block:var(--s-3) 0;height:clamp(470px, calc(var(--fit,640px) - 16px), 76cqi);animation:star-in var(--dur-slow) var(--ease-emphasized) backwards;box-shadow:inset 0 0 0 1px var(--border);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cg fill='none' stroke='%23b7862a' stroke-opacity='.05'%3E%3Crect x='22' y='22' width='20' height='20'/%3E%3Crect x='22' y='22' width='20' height='20' transform='rotate(45 32 32)'/%3E%3C/g%3E%3C/svg%3E"), radial-gradient(ellipse 70% 70% at 50% 50%, var(--surface), color-mix(in srgb, var(--gold) 6%, var(--bg)));border-radius:22px;position:relative}.star-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.star[data-alhambra]{gap:var(--s-6) 48px;background:var(--stucco);align-items:center;padding:24px clamp(0px,3cqi,32px);display:grid}.start-layout{container:start/inline-size}@container start (width>=960px){.star[data-alhambra]{grid-template-columns:minmax(0,1fr) 540px}}.star[data-alhambra] .star-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.star[data-alhambra] .start-head{flex-direction:column;align-self:center;align-items:stretch;gap:16px}.star[data-alhambra] .start-head-main{display:block}.star[data-alhambra] .star-field{--u:min(1px, calc(100cqi / 540));width:calc(540 * var(--u));height:calc(630 * var(--u));box-shadow:none;background:0 0;border-radius:0;justify-self:center;margin:0}.star-arch{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.arch-ground{fill:var(--surface)}.arch-stones{fill:none;stroke:var(--arch);stroke-width:34px}.arch-joints{fill:none;stroke:var(--arch-light);stroke-width:34px;stroke-dasharray:22 22}.arch-line{fill:none;stroke:var(--gold-text);stroke-width:1.2px}.arch-outer{fill:none;stroke:var(--ochre);stroke-width:1.5px}.arch-column{fill:var(--surface-2)}.arch-capital{fill:var(--ochre)}.rosette-outer{fill:color-mix(in srgb, var(--ochre) 12%, transparent);stroke:var(--ochre);stroke-width:1.5px}.rosette-mid{fill:color-mix(in srgb, var(--brand) 8%, transparent);stroke:var(--accent);stroke-width:1.5px}.rosette-core{fill:var(--brand)}.star[data-alhambra] .star-node{--nw:calc(124 * var(--u));--dot:calc(58 * var(--u))}.star[data-alhambra] .star-dot{background:var(--surface);box-shadow:0 0 0 4px var(--surface), 0 4px 12px #3c280a1f;border-width:3px}.star[data-alhambra] .star-dot svg{width:calc(26 * var(--u));height:calc(26 * var(--u))}.star[data-alhambra] .star-name{background:color-mix(in srgb, var(--surface) 92%, transparent);text-shadow:none;border-radius:6px;padding:1px 8px}.star[data-alhambra] .star-name [lang]{font-family:var(--ui-ar);font-weight:700;font-size:max(12px, calc(14.5 * var(--u)));line-height:1.5}.star.root[data-alhambra] .star-name-label,.star.root[data-alhambra] .star-more,.star.root[data-alhambra] .star-chips{display:none}.star[data-alhambra] [data-area=quran]{--x:50!important;--y:26.98!important}.star[data-alhambra] [data-area=tajwid]{--x:21.94!important;--y:40.87!important}.star[data-alhambra] [data-area=analysis]{--x:21.94!important;--y:68.65!important}.star[data-alhambra] [data-area=hifz]{--x:50!important;--y:79.79!important}.star[data-alhambra] [data-area=qibla]{--x:78.06!important;--y:68.65!important}.star[data-alhambra] [data-area=prophets]{--x:78.06!important;--y:40.87!important}.star-extra{--i:6}.start-page .star.root[data-alhambra] .star-center{--cw:calc(130 * var(--u));height:var(--cw);background:var(--brand);border:3px solid var(--ochre);box-shadow:0 0 0 5px var(--arch-light);border-radius:50%;gap:2px;padding:6px;top:54.76%;overflow:hidden}.star[data-alhambra] .star-center>.star-center-star,.star-center-word{display:none}.star[data-alhambra] .star-center-word{font-family:var(--ui-ar);font-weight:600;font-size:calc(24 * var(--u));color:var(--footer-accent);line-height:1.1;display:block}.star[data-alhambra] .star-center .continue-reading{background:0 0;border:0;margin:0;padding:0}.star[data-alhambra] .star-center .continue-reading>a{min-height:0;color:var(--footer-text);font-size:max(11px, calc(13 * var(--u)));text-align:center;flex-direction:column;gap:1px;line-height:1.35}.star.root[data-alhambra] .star-center .continue-reading .muted{white-space:nowrap;font-size:.92em;display:block}.start-hero{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.start-eyebrow{border-radius:var(--r-pill);background:color-mix(in srgb, var(--ochre) 18%, var(--bg));color:var(--gold-text);margin:0;padding:6px 14px;font-size:13px;font-weight:600}.start-hadith{gap:6px;margin:0;display:grid}.start-hadith .start-hadith-text{color:var(--text);font-size:clamp(34px,4.4vw,60px);font-weight:600;line-height:1.35}.start-hadith .start-hadith-last{color:var(--arch-text)}.start-hadith .start-hadith-tr{font-size:var(--fs-lg);color:var(--text)}.start-hadith .start-hadith-src{color:var(--text-muted);font-size:13px}.start-lead{max-width:520px;color:var(--text-muted);margin:0;font-size:18px;line-height:1.9}.start-search{box-sizing:border-box;border:1.5px solid var(--border);border-radius:var(--r-pill);background:var(--surface);width:100%;max-width:540px;color:var(--text-muted);font:inherit;text-align:start;cursor:pointer;align-items:center;gap:10px;padding:6px;padding-inline-start:18px;display:flex;box-shadow:0 4px 14px #3c280a0f}.start-search:hover{border-color:var(--border-strong)}.start-search-hint{flex:1;min-width:0;font-size:16px}.start-search-go{border-radius:var(--r-pill);background:var(--accent);height:44px;color:var(--accent-contrast);place-items:center;padding:0 22px;font-weight:600;display:inline-grid}.start-hero-actions{flex-wrap:wrap;gap:12px;display:flex}.start-hero-continue{border-radius:var(--r-pill);box-sizing:border-box;background:var(--arch);min-height:52px;color:var(--arch-light);align-items:center;padding:0 26px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.start-hero-continue:hover{color:var(--arch-light);filter:brightness(1.08)}.start-hero-guide{border:1.5px solid var(--border-strong);border-radius:var(--r-pill);min-height:52px;color:var(--text);font:inherit;cursor:pointer;background:0 0;padding:0 22px;font-size:16px}.start-hero-guide:hover{background:var(--hover)}.star-orbit{fill:none;stroke:var(--gold);stroke-opacity:.45;stroke-width:1.3px;stroke-dasharray:1 6;stroke-linecap:round;vector-effect:non-scaling-stroke}.star.root .star-ray{stroke:var(--gold);stroke-opacity:.32;stroke-width:1px}.star-node{transition:opacity var(--dur-slow) var(--ease-out)}@media (hover:hover){.star.root .star-nodes:has(.star-node:hover) .star-node:not(:hover){opacity:.45}}.star-ray{stroke:var(--tone);stroke-opacity:.35;stroke-width:1.3px;vector-effect:non-scaling-stroke}.star-ring{fill:none;stroke:var(--gold);stroke-width:2px;stroke-dasharray:1 7;stroke-linecap:round;vector-effect:non-scaling-stroke}.star-center{--cw:224px;z-index:1;inset-inline-start:50%;width:var(--cw);box-sizing:border-box;text-align:center;background:var(--surface);border:2px solid color-mix(in srgb, var(--gold) 60%, transparent);box-shadow:0 0 0 10px color-mix(in srgb, var(--gold) 6%, transparent), 0 0 60px color-mix(in srgb, var(--gold) 16%, transparent);flex-direction:column;justify-content:center;align-items:center;gap:6px;margin-inline-start:calc(var(--cw) / -2);display:flex;position:absolute;top:50%;translate:0 -50%}.star.root .star-center{height:var(--cw);border-radius:50%;padding:18px}.star-center{isolation:isolate;background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--gold) 10%, var(--surface)) 0, var(--surface) 70%);overflow:hidden}.star-center>*{position:relative}.star-center>.star-center-star{z-index:-1;aspect-ratio:1;pointer-events:none;width:max(100%,224px);position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.center-star{fill:none;stroke:var(--gold);stroke-width:.9px;stroke-opacity:.6}.star.root:not([data-compact]) .star-center{box-shadow:none;background:0 0;border:0;overflow:visible}.star.root:not([data-compact]) .star-center>.star-center-star{width:96%}.center-medallion>*{fill:var(--surface);stroke:var(--gold);stroke-width:.5px;stroke-opacity:.75;vector-effect:non-scaling-stroke}.center-medallion circle{stroke-opacity:.45}.star[data-compact] .center-medallion{display:none}.center-star rect,.center-star polygon{fill:color-mix(in srgb, var(--gold) 8%, transparent)}.center-star circle{stroke-opacity:.35;stroke-dasharray:1 2}.star.open .star-center{--cw:min(300px, 36cqi);border-radius:var(--r-lg);padding:16px}.star-logo{width:56px;height:56px}.star-center .continue-reading{border-radius:var(--r-pill);border-color:var(--gold);background:var(--gold);margin:4px 0 0;padding-inline:12px}.star-center .continue-reading>a{min-height:40px;color:var(--on-gold);font-size:var(--fs-sm);gap:6px}.star-center .continue-reading .muted{color:inherit;opacity:.8}.star-center .continue-reading svg{display:none}.page .star-center h2.star-name{font-size:inherit;color:var(--text);margin:0}.star-name{flex-direction:column;align-items:center;gap:0;display:flex}.star-center .star-name .vocalised{font-size:22px;line-height:1.8}.star-center .star-name-label{font-size:var(--fs-sm)}.star-hint{font-size:var(--fs-xs);color:var(--text-muted)}.star-hint:empty{display:none}.star-center-actions{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px;display:flex}.star-center-actions a{align-items:center;gap:4px;min-height:36px;text-decoration:none;display:inline-flex}.star.open .center-star,.star.open .center-star circle{stroke-opacity:.16}.star.open .center-star rect,.star.open .center-star polygon{fill:color-mix(in srgb, var(--gold) 3%, transparent)}.star.open .star-center{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--gold) 5%, var(--surface)) 0, var(--surface) 70%)}.star-center :is(.star-hint,.star-source){background:color-mix(in srgb, var(--surface) 88%, transparent);color:color-mix(in srgb, var(--text) 82%, var(--surface));border-radius:6px;padding:1px 8px;font-size:13px;line-height:1.7}.star-center-chips{--tone:var(--area-tajwid);flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px;display:flex}.star-nodes{margin:0;padding:0;list-style:none}.star-node{--nw:144px;--dot:46px;inset-inline-start:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:var(--nw);margin-inline-start:calc(var(--nw) / -2);margin-top:calc(var(--dot) / -2);animation:star-node-in var(--dur-slow) var(--ease-spring) backwards;animation-delay:calc(var(--i) * 25ms);position:absolute}.star[data-dense] .star-node{--nw:124px;--dot:40px}.star-link{width:100%;font:inherit;cursor:pointer;text-align:center;color:var(--text);background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:0;text-decoration:none;display:flex}.star-link:hover{color:var(--text)}.star-dot{width:var(--dot);height:var(--dot);box-sizing:border-box;background:var(--surface);border:1.6px solid var(--tone);box-shadow:0 0 0 5px color-mix(in srgb, var(--tone) 10%, transparent);color:color-mix(in srgb, var(--tone) 70%, var(--text));font-variant-numeric:tabular-nums;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.star-dot svg{color:var(--tone)}.star-link:hover .star-dot{transform:scale(1.08)}.star-link:focus-visible{outline:none}.star-link:focus-visible .star-dot{box-shadow:var(--focus-ring)}.star-node .star-name .vocalised{font-size:16px;line-height:1.7}.star-name-label{color:var(--text-muted);font-size:12.5px;line-height:1.35}.star-more{color:var(--text-muted);font-size:11.5px}.star-elsewhere svg{width:12px;height:12px}.star-first{color:var(--on-gold);background:var(--gold);border-radius:var(--r-pill);padding:1px 8px;font-size:11.5px;font-weight:650}.star.root .star-node{--nw:156px;--dot:64px}.star.root .star-dot svg{width:22px;height:22px}.star.root .star-name [lang=ar]{font-family:var(--ui-ar);font-size:15px;font-weight:700;line-height:1.4}.star.root .star-name-label{font-size:12px}.star.root .star-more{font-size:11px}.star[data-wide] .star-more,.star-chips{display:none}.star-chip{border-radius:var(--r-pill);box-sizing:border-box;background:color-mix(in srgb, var(--tone) 8%, var(--surface));border:1px solid color-mix(in srgb, var(--tone) 45%, transparent);min-height:32px;color:var(--text);font:inherit;white-space:nowrap;cursor:pointer;align-items:center;padding:0 12px;font-size:13px;text-decoration:none;display:inline-flex}.star-chip:hover{border-color:var(--tone);color:var(--text)}.star[data-wide] .star-chips{flex-direction:column;align-items:center;margin-top:1px;display:flex}.star[data-wide] .star-node[data-top] .star-chips{width:440px;margin-inline:calc((var(--nw) - 440px) / 2);flex-flow:wrap;justify-content:center}.star[data-wide] .star-chips .star-chip{white-space:normal;text-align:center;min-height:22px;color:color-mix(in srgb, var(--tone) 50%, var(--text));background:0 0;border:0;border-radius:6px;padding:0 6px;font-size:13px;font-weight:500;line-height:1.45}.star.root .star-name,.star[data-wide] .star-chips .star-chip{text-shadow:0 0 2px var(--surface), 0 0 4px var(--surface), 0 0 8px var(--surface)}.star[data-wide] .star-chips .star-chip:hover{text-decoration:underline}.star[data-wide] .star-chips .star-chip:focus-visible{box-shadow:var(--focus-ring);outline:none}.star[data-wide] .star-node[data-top] .star-chip+.star-chip:before{content:"·";color:var(--text-muted);margin-inline-end:8px}.star[data-compact] .star-field{aspect-ratio:1/1.3;height:auto;max-height:600px}.star[data-compact].open .star-field{aspect-ratio:1/1.24}.star[data-compact] .star-center{--cw:min(136px, 40cqi);box-shadow:0 0 0 6px color-mix(in srgb, var(--gold) 6%, transparent), 0 0 34px color-mix(in srgb, var(--gold) 16%, transparent);gap:4px;padding:10px}.star[data-compact].open .star-center{--cw:min(140px, 41cqi)}.star[data-compact] .star-logo{width:34px;height:34px}.star[data-compact] .star-center>.star-center-star{width:100%}.star[data-compact] .star-center .continue-reading{padding-inline:10px}.star[data-compact] .star-center .continue-reading>a{text-align:center;min-height:34px;font-size:12px;line-height:1.25}.star[data-compact] .star-center .continue-reading .muted{display:none}.star[data-compact] .star-center .star-name .vocalised{font-size:17px;line-height:1.6}.star[data-compact] .star-center .star-name-label{font-size:12px;line-height:1.3}.star[data-compact] .star-node{--nw:86px;--dot:40px}.star[data-compact] .star-node .star-name .vocalised{font-size:14px;line-height:1.55}.star[data-compact] .star-name-label{font-size:11px;line-height:1.25}.star[data-compact] .star-more{display:none}.star-node[data-special] .star-dot{border-style:dashed}.star .star-node[data-special] .star-hint-line{display:block}.star[data-compact] .star-first{padding:0 6px;font-size:10.5px}.star[data-compact].root .star-node{--nw:92px;--dot:58px}.star[data-compact].root .star-link{height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;gap:4px;padding:0}.star[data-compact].root .star-link:hover{transform:none}.star[data-compact].root .star-dot{width:var(--dot);height:var(--dot);background:var(--surface);border:1.6px solid var(--tone);box-shadow:0 0 0 5px color-mix(in srgb, var(--tone) 10%, transparent);border-radius:50%}.star[data-compact].root .star-link:focus-visible{box-shadow:none}.star[data-compact].root .star-link:focus-visible .star-dot{box-shadow:var(--focus-ring)}.star[data-compact].root .star-name [lang=ar]{font-size:13px;line-height:1.35}.star[data-compact].root .star-name-label{font-size:11px}.star-below{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:4px;display:flex}@container star (width<=899px){.star[data-dense] .star-field{aspect-ratio:auto;height:auto;max-height:none}.star[data-dense] .star-lines{display:none}.star[data-dense] .star-center{width:auto;box-shadow:none;margin:0 0 12px;position:static;translate:none}.star[data-dense] .star-node{width:auto;margin:0;position:static}.star[data-dense] .star-nodes{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:8px;display:grid}.star[data-dense] .star-link{text-align:start;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);flex-flow:wrap;gap:4px 12px;padding:8px 12px}.star[data-dense] .star-link .star-name{flex:1;align-items:flex-start;min-width:0}}.star[data-crowded] .star-field{aspect-ratio:auto;height:auto;max-height:none}.star[data-crowded] .star-lines{display:none}.star[data-crowded] .star-center{width:auto;box-shadow:none;margin:0 0 12px;position:static;translate:none}.star[data-crowded] .star-node{width:auto;margin:0;position:static}.star[data-crowded] .star-nodes{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:8px;display:grid}.star[data-crowded] .star-link{text-align:start;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);flex-flow:wrap;gap:4px 12px;padding:8px 12px}.star[data-crowded] .star-link .star-name{flex:1;align-items:flex-start;min-width:0}.star-source{font-size:var(--fs-xs);color:var(--text-muted)}.start-verse{text-align:center;border-image:linear-gradient(var(--border) 0 1px, var(--header-bg) 1px calc(100% - 1px), var(--border) calc(100% - 1px)) fill 0 / 0 / 0 100vmax;min-height:1.6em;margin:0;padding:18px 16px;line-height:1.6}.start-verse a{color:inherit;text-decoration:none}.start-verse .quran{color:var(--gold-text);font-size:26px}.start-verse-ref{color:var(--text-muted);white-space:nowrap;font-size:13px}.start-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;padding-block-start:32px;display:grid}.start-card{border:1px solid var(--border);background:var(--surface);border-radius:20px;flex-direction:column;gap:14px;padding:22px 24px;display:flex}.start-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.page .start-card h2.start-card-title{color:var(--text);margin:0;font-size:17px;font-weight:700}.start-card-note{color:var(--text-muted);font-size:13px}.start-card[data-card=rule-day] .start-card-note{color:var(--gold-text);font-weight:600}.start-card-big{font-family:var(--ui-ar);margin:0;font-size:24px;font-weight:600;line-height:1.5}.start-card-text{color:var(--text-muted);margin:0;font-size:15.5px;line-height:1.8}.start-bar{background:var(--surface-2);border-radius:3px;height:6px;display:block;overflow:hidden}.start-bar>span{background:var(--accent);border-radius:3px;height:100%;display:block}.start-card-foot{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-block-start:auto;font-size:13.5px;display:flex}.start-card-foot a{min-height:44px;color:var(--accent);align-items:center;gap:4px;font-weight:600;text-decoration:none;display:inline-flex}.start-card-foot a:hover{text-decoration:underline}.start-card-button{box-sizing:border-box;border-radius:var(--r-pill);background:var(--nav-active-bg);min-height:44px;color:var(--nav-active-text);align-self:flex-start;align-items:center;padding:0 18px;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-flex}.start-card-button:hover{filter:brightness(1.08);color:var(--nav-active-text)}.start-rule-text .quran{font-size:28px}.start-rule-text{min-width:0}.index-tabs{border-radius:var(--r-pill);background:var(--surface-2);gap:4px;padding:4px;display:inline-flex}.index-tabs [role=tab]{border-radius:var(--r-pill);min-height:44px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 22px}.index-tabs [role=tab]:hover{color:var(--text)}.index-tabs [role=tab][aria-selected=true]{background:var(--surface);color:var(--accent);font-weight:700;box-shadow:0 2px 6px #3c280a1a}.surah-list .index-tabs{margin-block-end:12px}.start-index{padding-block:56px 32px}.start-index-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-block-end:24px;display:flex}.start-index-heading{gap:6px;display:grid}.start-index-eyebrow{color:var(--arch-text);margin:0;font-size:13px;font-weight:700}.page .start-index h2{margin:0;font-size:clamp(26px,3vw,36px);font-weight:700}.start-index .surahs{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:18px}.start-index-more{justify-content:center;margin:32px 0 0;display:flex}.start-index-more a{box-sizing:border-box;border:1.5px solid var(--accent);border-radius:var(--r-pill);min-height:44px;color:var(--accent);align-items:center;gap:6px;padding:0 26px;font-weight:700;text-decoration:none;display:inline-flex}.start-index-more a:hover{background:var(--accent-soft)}.quick-nav{justify-items:center;display:grid}.qn-compass{--u:calc(var(--qn,300px) / 540);width:var(--qn,300px);aspect-ratio:540/630;position:relative}.qn-arch{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.qn-center{--cw:calc(150 * var(--u));inset-inline-start:50%;width:var(--cw);height:var(--cw);margin-inline-start:calc(var(--cw) / -2);margin-top:calc(var(--cw) / -2);box-sizing:border-box;background:var(--brand);border:3px solid var(--ochre);box-shadow:0 0 0 4px var(--arch-light);transition:scale var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;text-decoration:none;display:grid;position:absolute;top:54.76%}.qn-word{font-family:var(--ui-ar);font-weight:600;font-size:max(16px, calc(32 * var(--u)));color:var(--footer-accent);line-height:1}.qn-center[aria-current]{box-shadow:0 0 0 4px var(--arch-light), 0 0 0 7px var(--ochre)}.qn-node{--dot:max(40px, calc(76 * var(--u)));--nw:calc(150 * var(--u));width:var(--nw);margin-inline-start:calc(var(--nw) / -2);margin-top:calc(var(--dot) / -2);color:var(--text);text-align:center;transition:opacity var(--dur-fast) var(--ease-out);flex-direction:column;align-items:center;gap:2px;text-decoration:none;display:flex;position:absolute}.qn-dot{width:var(--dot);height:var(--dot);box-sizing:border-box;border:2.5px solid var(--tone);background:var(--surface);color:var(--tone);box-shadow:0 0 0 3px var(--surface), 0 3px 10px #3c280a1f;transition:scale var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid}.qn-name{background:color-mix(in srgb, var(--surface) 92%, transparent);font-family:var(--ui-ar);color:var(--text);border-radius:6px;padding:0 6px;font-size:12px;font-weight:700;line-height:1.45}.qn-node:hover{color:var(--text)}.qn-node:hover .qn-dot,.qn-center:hover{scale:1.08}@media (hover:hover){.qn-compass:has(.qn-node:hover) .qn-node:not(:hover){opacity:.55}}.qn-node[aria-current] .qn-dot{background:var(--tone);color:var(--surface);box-shadow:0 0 0 3px var(--surface), 0 0 0 6px color-mix(in srgb, var(--tone) 35%, transparent)}.qn-node:focus-visible,.qn-center:focus-visible{outline:none}.qn-node:focus-visible .qn-dot,.qn-center:focus-visible{box-shadow:var(--focus-ring)}.quick-nav-button{color:var(--gold-text);flex:none}.header [data-action=quick-nav][aria-expanded=true]{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 14%, transparent)}.header:has(.quick-nav-pop){z-index:35}.quick-nav-pop{z-index:30;top:calc(100% + 6px);box-sizing:border-box;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--stucco,none) center / 80px 80px, var(--surface-raised);box-shadow:var(--shadow-2);transform-origin:top var(--popover-origin,left);animation:pop-in var(--dur-fast) var(--ease-out) backwards;--qn:min(300px, calc(100vw - 72px));padding:14px 16px 0;position:absolute;inset-inline-start:var(--side,16px);overflow:hidden}[dir=rtl] .quick-nav-pop{--popover-origin:right}.app-menu>.quick-nav{--qn:min(300px, 80vw);padding-block:4px 2px}.main:has(.rules-page){max-width:1120px}.rules-nav{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.rules-nav a{border-radius:var(--r-pill);border:1px solid var(--border);min-height:36px;color:var(--text);font-size:var(--fs-sm);align-items:center;padding:0 14px;text-decoration:none;display:inline-flex}.rules-nav a:hover{border-color:var(--border-strong);background:var(--hover);color:var(--text)}.rules-nav a[aria-current=page]{background:var(--accent-soft);border-color:var(--accent);font-weight:600}.rules-tools{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-block:12px;display:flex}.rules-tools .search{flex:260px;margin:0}.rules-tools .rules-order{border-bottom:0;margin:0}.rule-groups{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));align-items:start;gap:12px;display:grid}.rule-groups>.rule-group{margin-block-end:0}.rule-groups.flat{display:block}.rule-group{break-inside:avoid;border:1px solid var(--border);border-inline-start:4px solid var(--c,var(--border-strong));border-radius:var(--r-md);background:var(--surface);margin-block-end:12px;padding:10px 12px}.page .rule-group h2{font-size:var(--fs-md);color:var(--text);align-items:center;gap:10px;margin:0 0 4px;display:flex}.rule-group h2 .dot{width:14px;height:14px}.rule-group:not([data-style]) h2 .dot{background:var(--border-strong)}.rule-group-names{flex-direction:column;flex:1;min-width:0;display:flex}.page .rule-group-names .vocalised{font-size:19px;line-height:1.7}.rule-group-local{color:var(--text-muted);font-size:13px;font-weight:500}.rule-group-count,.rule-row-count{font-variant-numeric:tabular-nums;color:var(--text-muted);flex:none;font-size:13px;font-weight:600}.rule-rows{margin:0;padding:0;list-style:none;display:grid}.rule-groups.flat .rule-rows{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:0 16px}.rule-row{border-radius:var(--r-sm);min-height:44px;color:var(--text);align-items:center;gap:10px;padding:4px 8px;text-decoration:none;display:flex}.rule-row:hover{background:var(--hover);color:var(--text)}.rule-row-names{flex-direction:column;flex:1;min-width:0;display:flex}.page .rule-row .vocalised{font-size:17px;line-height:1.7}.rule-row-local{color:var(--text-muted);font-size:12.5px}.rule-rows>li:not([data-style]) .rule-row .dot{background:var(--border-strong)}.lenses{border-radius:var(--r-pill);background:var(--surface-2);scrollbar-width:none;gap:4px;margin:12px 0 10px;padding:4px;display:flex;overflow-x:auto}.lens{border-radius:var(--r-pill);min-height:40px;color:var(--text-muted);font:inherit;font-size:var(--fs-sm);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;flex:1 0 auto;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-weight:600;display:inline-flex}.lens:hover{color:var(--text)}.lens[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1);box-shadow:var(--shadow-1), inset 0 -2px 0 var(--gold)}.lens:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.lens-panel{animation:page-fade var(--dur-base) var(--ease-out) backwards}.lens-panel>.irab-section{margin-top:0}.lens-rows{gap:10px;margin:8px 0 12px;padding:0;list-style:none;display:grid}.lens-row{border:1px solid var(--border);border-inline-start:4px solid var(--c,var(--border-strong));border-radius:var(--r-md);background:var(--surface);align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.lens-letter{border-radius:var(--r-sm);background:var(--surface-2);flex:none;place-items:center;min-width:44px;height:48px;font-size:26px;line-height:1;display:grid}.lens-row-body{flex:1;justify-items:start;gap:4px;min-width:0;display:grid}.lens-row .rule-names{flex-direction:column;flex:1;min-width:0;display:flex}.lens-row.folded{align-items:center;padding-block:6px}.lens-row.folded .lens-letter{height:40px}.lens-row-body{justify-items:stretch}.lens-row-head{align-items:center;gap:6px;min-height:44px;display:flex}.lens-row-more{animation:reveal var(--dur-base) var(--ease-out) backwards;justify-items:start;gap:4px;display:grid}.lens-why{margin:0;font-size:15px}.lens-wide{justify-content:center;align-items:center;min-height:40px;text-decoration:none;display:flex}.lens-letters{flex-wrap:wrap;gap:6px;margin:4px 0 10px;display:flex}.lens-letter-button{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);min-width:44px;height:44px;color:var(--text);font-family:var(--naskh);cursor:pointer;font-size:22px;line-height:1}.lens-letter-button:hover{border-color:var(--border-strong)}.lens-letter-button[aria-pressed=true]{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 16%, var(--surface))}.lens-letter-button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.lens-letter-name{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0;display:flex}.lens-facts{gap:12px;margin:8px 0;display:grid}.lens-facts dt{font-size:var(--fs-xs);color:var(--text-muted);font-weight:650}.lens-facts dd{margin:2px 0 0}.lens-facts a{color:var(--text);-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong)}.lens-facts .vocalised{font-size:17px}.lens-chips{flex-wrap:wrap;gap:6px;display:flex}.lens-chip{border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-2);padding:2px 10px;text-decoration:none}.lens-chip:hover{border-color:var(--accent)}.lens-links{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.lens-links a{align-items:center;min-height:40px;text-decoration:none;display:inline-flex}dialog.guide{--guide-scrim:#0b120e8f;block-size:100%;max-block-size:none;inline-size:100%;max-inline-size:none;color:var(--text);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden;transform:none}dialog.guide[open]{place-items:center;display:grid}dialog.guide::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}dialog.guide[data-spot=none]{background:var(--guide-scrim)}.guide-spot{box-sizing:border-box;pointer-events:none;border:2px solid var(--gold);box-shadow:0 0 0 4px color-mix(in srgb, var(--gold) 30%, transparent), 0 0 0 200vmax var(--guide-scrim);position:fixed}@media (prefers-reduced-motion:no-preference){.guide-spot{transition:inset-block-start var(--dur-base) var(--ease-out), inset-inline-start var(--dur-base) var(--ease-out), inline-size var(--dur-base) var(--ease-out), block-size var(--dur-base) var(--ease-out), border-radius var(--dur-base) var(--ease-out)}.guide-spot:after{content:"";border:2px solid var(--gold);border-radius:inherit;animation:guide-pulse 1.8s var(--ease-out) infinite;position:absolute;inset:-2px}.guide-card{transition:opacity var(--dur-base) var(--ease-out)}}@keyframes guide-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}.guide-card{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface-raised);inline-size:min(380px,100vw - 32px);box-shadow:var(--shadow-3);gap:10px;padding:14px 18px 16px;display:grid;position:relative}dialog.guide:not([data-placed]) .guide-card{opacity:0}.guide-arrow{background:var(--surface-raised);border:1px solid var(--border);block-size:14px;inline-size:14px;margin-inline-start:-7px;position:absolute;transform:rotate(45deg)}.guide-card[data-side=below] .guide-arrow{border-block-end:0;border-inline-end:0;inset-block-start:-8px}.guide-card[data-side=above] .guide-arrow{border-block-start:0;border-inline-start:0;inset-block-end:-8px}.guide-top{justify-content:space-between;align-items:center;gap:12px;min-height:32px;display:flex}.guide-count{font-size:var(--fs-xs);color:var(--gold-text);font-variant-numeric:tabular-nums;font-weight:650}.guide-skip{border-radius:var(--r-pill);min-height:32px;color:var(--text-muted);font:inherit;font-size:var(--fs-sm);cursor:pointer;background:0 0;border:0;margin-inline-end:-10px;padding:0 10px}.guide-skip:hover{background:var(--hover);color:var(--text)}@media (pointer:coarse){.guide-skip{min-height:var(--control)}}.guide-progress{background:var(--border);border-radius:2px;block-size:3px;overflow:hidden}.guide-progress span{background:var(--gold);block-size:100%;transition:inline-size var(--dur-base) var(--ease-out);display:block}.guide-body{gap:4px;display:grid}.page .guide-body h2,.guide-body h2{font-size:var(--fs-lg);color:var(--text);margin:0}.guide-body p{color:var(--text);margin:0;line-height:1.6}[dir=rtl] .guide-body p{line-height:1.85}.guide-actions{justify-content:flex-end;gap:8px;display:flex}.guide-actions>*{min-inline-size:96px;text-align:center;flex:0 auto;justify-content:center;width:auto;margin:0}.help-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.help-head .btn-secondary{margin:0}.fold-section{border-block-end:1px solid var(--border)}.fold-section>summary{align-items:center;gap:12px;min-height:52px;padding-block:4px;display:flex}.fold-section>summary .fold-title{flex:1;min-width:0;margin:0}.page .fold-section>summary h2.fold-title{margin:0}.page .fold-section>summary h3.fold-title{align-items:center;gap:8px;margin:0;display:flex}.fold-section>summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.fold-section>.fold-body{padding-block:2px 14px}.help>.fold-section:first-of-type{border-block-start:1px solid var(--border);margin-block-start:8px}.legend-family>.fold-section{border:0}.legend-family>.fold-section>summary{min-height:40px;padding:0}.legend-family>.fold-section>.fold-body{padding-block:4px 2px}.rule-group.fold>summary{align-items:center;gap:8px;min-height:44px;display:flex}.page .rule-group.fold>summary h2{flex:1;min-width:0;margin:0}.rule-group.fold[open]>summary{margin-block-end:4px}.example-why{align-items:center;gap:4px;display:inline-flex}.example-why .fold-sign{width:22px;height:22px}.example-why .fold-glyph{width:16px;height:16px}.kmap-page,.local-graph{--kg-surah:#0f5c4a;--kg-ayah:#7a4b12;--kg-rule:#a4452a;--kg-letter:#a8701c;--kg-makhraj:#4e5c6c;--kg-sifah:#407054}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) :is(.kmap-page,.local-graph){--kg-surah:#e8be62;--kg-ayah:#d6b67a;--kg-rule:#f0deb4;--kg-letter:#eec680;--kg-makhraj:#ccccd6;--kg-sifah:#bed6c4}}:root[data-theme=dark] :is(.kmap-page,.local-graph){--kg-surah:#e8be62;--kg-ayah:#d6b67a;--kg-rule:#f0deb4;--kg-letter:#eec680;--kg-makhraj:#ccccd6;--kg-sifah:#bed6c4}:is(.kmap-page,.local-graph) [data-kind=surah]{--k:var(--kg-surah)}:is(.kmap-page,.local-graph) [data-kind=ayah]{--k:var(--kg-ayah)}:is(.kmap-page,.local-graph) [data-kind=tajwid-rule]{--k:var(--kg-rule)}:is(.kmap-page,.local-graph) [data-kind=letter]{--k:var(--kg-letter)}:is(.kmap-page,.local-graph) [data-kind=makhraj]{--k:var(--kg-makhraj)}:is(.kmap-page,.local-graph) [data-kind=sifah]{--k:var(--kg-sifah)}.main:has(.kmap-page){max-width:1360px}.kmap-tools{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-block:14px 10px;display:flex}.kmap-search{flex:240px;max-width:380px;position:relative}.kmap-search .search{width:100%}.kmap-found{inset-inline:0;z-index:5;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-raised);box-shadow:var(--shadow-3,0 12px 32px #0000002e);max-height:340px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 4px);overflow-y:auto}.kmap-found li>.muted{padding:8px 10px;display:block}.kmap-found button{border-radius:var(--r-sm);width:100%;color:var(--text);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px 10px;display:flex}.kmap-found button:is(:hover,:focus-visible){background:var(--hover)}.kmap-found button [lang=ar]{font:600 1.02rem/1.6 var(--naskh)}.kmap-found button small{margin-inline-start:auto}.kmap-dot{background:var(--k,var(--text-muted));border-radius:50%;flex:none;width:10px;height:10px}.kmap-kinds{border:0;flex-wrap:wrap;gap:6px;min-inline-size:0;margin:0;padding:0;display:flex}.kmap-kind{min-height:var(--control-sm,36px);border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.kmap-kind input{opacity:0;pointer-events:none;position:absolute}.kmap-kind:has(input:not(:checked)){color:var(--text-dim);background:0 0;border-style:dashed}.kmap-kind:has(input:not(:checked)) .kmap-dot{box-shadow:inset 0 0 0 1.5px var(--k);background:0 0}.kmap-kind:has(input:focus-visible){box-shadow:var(--focus-ring)}.kmap-motion{min-height:var(--control-sm,36px);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;margin-inline-start:auto;padding:0 14px}.kmap-motion:hover{background:var(--hover)}.kmap-stage{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--stucco,none) center / 80px 80px, radial-gradient(ellipse at 50% 45%, var(--surface) 0%, var(--bg) 100%);min-height:320px;margin-block:6px 18px;position:relative;overflow:hidden}.kmap-stage .kg-canvas{opacity:0;touch-action:pan-y;-webkit-tap-highlight-color:transparent;width:100%;transition:opacity .8s;position:absolute;inset:0 auto auto 0}.kmap-stage .kg-canvas.is-on{opacity:1}.kmap-stage .kg-tip{z-index:2;left:clamp(140px, var(--x), calc(100% - 140px));top:calc(var(--y) - var(--r) - 12px);box-sizing:border-box;border:1px solid var(--border-strong);background:var(--surface-raised);width:max-content;max-width:min(280px,100% - 16px);color:var(--text);pointer-events:none;font:400 .84rem/1.45 var(--ui);border-radius:13px;gap:3px;padding:10px 13px;display:grid;position:absolute;transform:translate(-50%,-100%);box-shadow:0 18px 40px -18px #00000080}.kmap-stage .kg-tip[data-below]{top:calc(var(--y) + var(--r) + 12px);transform:translate(-50%)}.kmap-stage .kg-tip[data-pinned]{pointer-events:auto}.kg-tip-type{color:var(--gold-text);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}.kg-tip-type:lang(ar){font:600 .8rem/1.5 var(--ui-ar);letter-spacing:0}.kg-tip-type .badge-draft{text-transform:none;letter-spacing:0;margin-inline-start:6px}.kg-tip-ar{font:600 1.05rem/1.7 var(--naskh)}.kg-tip-local{color:var(--text-muted)}.kg-tip-quote{font-size:1.35rem;line-height:1.9}.kg-tip-mnemonic{font-family:var(--naskh);color:var(--text-muted);line-height:1.9}.kg-tip-special{color:var(--text-muted);font-size:13px}.kg-tip-open{border-radius:var(--r-pill);background:var(--accent);color:var(--accent-contrast);justify-self:start;margin-top:4px;padding:6px 12px;font-weight:600;text-decoration:none}.kmap-list{margin-block:8px 24px}.kmap-list>summary{cursor:pointer;padding-block:6px;font-weight:600}.kmap-list section{margin-block:10px}.kmap-list h2{margin:0 0 4px;font-size:1rem}.kmap-list ul{flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;list-style:none;display:flex}.kmap-list [lang=ar]{font-family:var(--naskh)}@media (max-width:600px){.kmap-stage{border-radius:var(--r-md)}.kmap-motion{margin-inline-start:0}}.local-graph{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);margin-block:28px 8px;padding:16px 18px 12px}.local-graph h2{margin:0 0 2px;font-size:1.1rem}.local-graph>.muted{margin:0}.local-graph-svg{width:100%;height:auto;max-height:460px;margin-inline:auto;display:block;overflow:visible}.lg-edge{fill:none;stroke:var(--k);stroke-opacity:.5;stroke-width:1.5px}.lg-edge[data-rel=special-case-of]{stroke-dasharray:5 4;stroke-opacity:.7}.lg-node circle{fill:var(--surface);stroke:var(--k);stroke-width:2px;transition:fill .15s}.lg-node text{fill:var(--text);font:600 17px var(--naskh)}.lg-node .lg-letter{fill:var(--k);font-size:19px}.lg-node{outline:none}.lg-node:is(:hover,:focus-visible) circle{fill:var(--k)}.lg-node:is(:hover,:focus-visible) .lg-letter{fill:var(--surface)}.lg-node:is(:hover,:focus-visible) text:not(.lg-letter){fill:var(--k);text-decoration:underline}.lg-node:focus-visible circle{stroke:var(--accent);stroke-width:4px}.lg-centre circle{fill:var(--k)}.lg-centre text{fill:var(--surface);font:700 15px var(--naskh)}.lg-centre .lg-centre-letter{font-size:40px}.local-graph-more{text-align:end;margin:4px 0 0}@media (prefers-reduced-motion:reduce){.kmap-stage .kg-canvas,.lg-node circle{transition:none}}.lesson-path{--lp-dot:26px;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--gold) 45%, var(--border));border-radius:var(--r-md);background:color-mix(in srgb, var(--gold) 6%, var(--surface));width:min(100%,320px);font-size:var(--fs-xs);flex-direction:column;gap:4px;padding:8px 10px;line-height:1.4;display:flex}.lesson-path-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.lesson-path-title{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.lesson-path-title .vocalised{font-size:14px;font-weight:500}.lesson-path-kicker{color:var(--text-muted);font-weight:500}.lesson-path-count{color:var(--gold-text);font-variant-numeric:tabular-nums;flex:none;font-weight:650}.lesson-path-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.lesson-path-steps{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.lesson-path-steps a{width:var(--lp-dot);height:var(--lp-dot);box-sizing:border-box;border:1.5px solid color-mix(in srgb, var(--gold) 55%, var(--border));background:var(--surface);color:var(--text-muted);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:12px;font-weight:650;text-decoration:none;display:grid}.lesson-path-steps a[data-done]{border-color:var(--gold);color:var(--gold-text)}.lesson-path-steps a[aria-current]{border-color:var(--gold);background:var(--gold);color:var(--on-gold)}.lesson-path-steps a:hover{border-color:var(--gold);color:var(--text)}.lesson-path-steps a[aria-current]:hover{color:var(--on-gold)}.lesson-path-nav{flex:none;align-items:center;gap:4px;display:inline-flex}.lesson-path-nav a{box-sizing:border-box;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);min-width:32px;min-height:32px;color:var(--text);justify-content:center;align-items:center;gap:2px;text-decoration:none;display:inline-flex}.lesson-path-nav .lesson-path-next{border-color:var(--gold);background:var(--gold);color:var(--on-gold);padding-inline:10px 6px;font-weight:600}.lesson-path-nav a:hover{border-color:var(--gold)}.lesson-path-nav a:focus-visible,.lesson-path-steps a:focus-visible{box-shadow:var(--focus-ring);outline:none}.lesson-path-current{color:var(--text);margin:0}.lesson-path-current .vocalised{font-size:15px;font-weight:500}.lesson-path-current .lesson-path-kicker{margin-inline-end:4px}.lesson-path-note{color:var(--text-muted);margin:0;font-size:11.5px}.lesson-path .vocalised{line-height:1.6}.lesson-path p{margin:0}.start-head:has(>.lesson-path){align-items:flex-start}.start-head>.lesson-path{gap:2px;width:min(100%,380px);margin-inline-start:auto;padding-block:6px}.star-caption{color:var(--text-muted);text-align:end;margin:6px 0 0;font-size:11.5px}.star-lesson-below{margin-top:var(--s-3);justify-content:center;display:flex}.star-lesson-below>.lesson-path{width:100%;max-width:480px}.rule-head>.lesson-path{margin-inline-start:auto}@media (min-width:761px){.rule-head:has(>.lesson-path) .rule-tools{margin-inline-start:0}}@media (max-width:760px){.rule-head>.lesson-path{order:1;width:100%;margin-top:2px}.lesson-path{--lp-dot:24px}}.rule-learned{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:6px 12px;margin-top:4px;display:flex}.learned-toggle{box-sizing:border-box;border:1.5px solid var(--accent);border-radius:var(--r-pill);background:var(--surface);min-height:40px;color:var(--accent);font:inherit;cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);align-items:center;gap:6px;padding-inline:12px 14px;font-size:14px;font-weight:600;display:inline-flex}.learned-toggle:hover,.learned-toggle[aria-pressed=true]{background:var(--accent-soft)}.learned-toggle[aria-pressed=true]:hover{background:var(--surface)}.learned-toggle:focus-visible{box-shadow:var(--focus-ring);outline:none}.learned-toggle.large{min-height:48px;padding-inline:16px 20px;font-size:15.5px}.learned-toggle.large[aria-pressed=false]{background:var(--accent);color:var(--accent-contrast)}.learned-toggle.large[aria-pressed=false]:hover{background:var(--accent-hover)}.rule-progress-link{color:var(--text-muted);font-size:13.5px}.rule-progress-link:hover{color:var(--accent)}.lesson-end{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));border-radius:var(--r-md);background:color-mix(in srgb, var(--accent) 5%, var(--surface));flex-wrap:wrap;align-items:center;gap:12px 20px;margin-block:24px 8px;padding:16px 18px;display:flex}.lesson-end-next{min-height:44px;color:var(--accent);flex-wrap:wrap;align-content:center;align-items:baseline;gap:4px;font-weight:600;text-decoration:none;display:inline-flex}.lesson-end-next:hover{text-decoration:underline}.lesson-end-next .vocalised{font-size:16px;line-height:1.7}.lesson-path-steps a[data-learned]:not([aria-current]){border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.lesson-path-steps a[data-learned][aria-current]{box-shadow:inset 0 0 0 2px var(--surface)}.star-dot{position:relative}.star-learned{background:var(--accent);width:18px;height:18px;color:var(--accent-contrast);box-shadow:0 0 0 2px var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:-4px;inset-inline-end:-4px}.star-learned-count{color:var(--accent);font-weight:650}.start-learn-last a{color:var(--accent);font-weight:600;text-decoration:none}.start-learn-last a:hover{text-decoration:underline}.start-card .vocalised{line-height:1.7}.start-card-foot a.start-learn-next{min-height:0;padding-block:10px;line-height:1.9;display:inline}.start-learn-next svg{vertical-align:middle}.progress-page{max-width:820px}.progress-summary{border:1px solid var(--border);background:var(--surface);border-radius:20px;gap:14px;margin-block:8px 16px;padding:18px 20px;display:grid}.progress-summary-row{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.progress-summary-row+.progress-summary-row{border-top:1px solid var(--border);padding-top:14px}.progress-summary-count.small{font-size:15px}.learn-ring.small{width:72px;height:72px;margin-inline:12px}.progress-next.btn-secondary{flex-wrap:wrap;align-items:baseline;gap:6px;min-height:44px;padding-inline:16px;display:inline-flex}.progress-history-meta{font-size:12.5px}.nahw-learned{margin-block:4px 12px}.nahw-learned-count{font-weight:600}.nahw-learnt{background:var(--accent);width:20px;height:20px;color:var(--accent-contrast);vertical-align:middle;border-radius:50%;place-items:center;margin-inline-start:6px;display:inline-grid}.nahw-chapter-count{margin-inline-start:8px;font-size:13px;font-weight:500}.nahw-topic-list li[data-learned]>a{color:var(--accent)}.kmap-learnt{background:var(--accent);width:18px;height:18px;color:var(--accent-contrast);vertical-align:middle;border-radius:50%;flex:none;place-items:center;margin-inline-end:4px;display:inline-grid}.kmap-learned-legend{border-radius:var(--r-pill);background:var(--accent-soft);min-height:40px;color:var(--accent);align-items:center;gap:4px;padding-inline:10px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.kg-tip-learned{color:var(--accent);align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.progress-summary-text{flex:240px;justify-items:start;gap:12px;display:grid}.progress-summary-count{margin:0;font-size:17px;font-weight:650}.progress-all-done{color:var(--accent);margin:0;font-weight:600}.progress-next.btn-primary{flex-wrap:wrap;align-items:baseline;gap:6px;width:auto;min-height:44px;margin:0;padding-inline:18px;text-decoration:none;display:inline-flex}.progress-next .vocalised{line-height:1.6}.learn-ring{flex:none;width:96px;height:96px}.learn-ring-track{fill:none;stroke:var(--surface-2,var(--border));stroke-width:8px}.learn-ring-value{fill:none;stroke:var(--accent);stroke-width:8px;stroke-linecap:round}.learn-ring-text{fill:var(--text);font-size:17px;font-weight:700;font-family:var(--ui,inherit)}.progress-safety{border-radius:var(--r-md);background:var(--warn-bg);color:var(--warn-text);flex-wrap:wrap;align-items:center;gap:10px 16px;margin-block-end:20px;padding:12px 16px;display:flex}.progress-safety p{flex:300px;margin:0;font-size:14px;line-height:1.6}.progress-safety.synced{background:var(--accent-soft);color:var(--text)}.progress-safety a{min-height:44px}.progress-mark{box-sizing:border-box;border:1.5px solid var(--border-strong);width:22px;height:22px;color:var(--accent-contrast);border-radius:50%;flex:none;place-items:center;display:grid}[data-learned=true]>.progress-step>.progress-mark,.progress-history .progress-mark{border-color:var(--accent);background:var(--accent)}.progress-history{gap:8px;margin:8px 0 24px;padding:0;list-style:none;display:grid}.progress-history li{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:10px;padding-block:6px;padding-inline:12px 6px;display:flex}.progress-history li>a{min-width:0;min-height:44px;color:var(--text);flex:1;align-content:center;gap:2px;text-decoration:none;display:grid}.progress-history li>a .vocalised{font-size:16px;line-height:1.7}.progress-history time{font-size:12.5px}.progress-history .btn-small{min-height:40px}.progress-chapters{gap:8px;margin-block:8px 24px;display:grid}.progress-chapter{border:1px solid var(--border);background:var(--surface);border-radius:12px}.progress-chapter>summary{cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;min-height:52px;padding:6px 14px;list-style:none;display:flex}.progress-chapter>summary::-webkit-details-marker{display:none}.progress-chapter>summary:focus-visible{box-shadow:var(--focus-ring);border-radius:12px;outline:none}.progress-chapter[data-complete]{border-color:color-mix(in srgb, var(--accent) 50%, var(--border))}.progress-chapter-name{align-items:center;gap:8px;min-width:0;font-weight:600;display:inline-flex}.progress-chapter-name .vocalised{font-size:17px;font-weight:500;line-height:1.7}.progress-chapter-n{border:1.5px solid var(--gold);width:24px;height:24px;color:var(--gold-text);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.progress-bar-wrap{color:var(--text-muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:13px;display:inline-flex}.progress-bar{background:var(--surface-2,var(--border));border-radius:3px;width:96px;height:6px;display:block;overflow:hidden}.progress-bar>span{background:var(--accent);border-radius:3px;height:100%;display:block}.progress-steps{margin:0;padding-block:0 4px;padding-inline:14px 8px;list-style:none}.progress-steps .progress-steps{border-inline-start:1px dashed var(--border);margin-inline-start:10px;padding-inline:22px 0}.progress-step{min-height:40px;color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.progress-step:hover{color:var(--accent)}.progress-step .vocalised{font-size:15.5px;line-height:1.7}.progress-when{white-space:nowrap;margin-inline-start:auto;font-size:12.5px}@media (max-width:520px){.progress-bar{width:64px}}.main:has(.prophets-page){max-width:920px}.prophets-page{--pr-bg:#050d0b;--pr-text:#e9f2ee;--pr-dim:#a7beb4;--pr-gold:#e8c46e;--pr-teal:#43dcc3;--pr-line:#e8c46e80;isolation:isolate;background:var(--pr-bg);color:var(--pr-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:24px;margin-block:8px 0;padding:16px clamp(16px,4vw,40px) 40px;position:relative;overflow:clip}@media (max-width:640px){.prophets-page{border-radius:0;margin-inline:-16px}}.prophets-page>.back{color:var(--pr-dim)}.prophets-page>h1{text-align:center;letter-spacing:.03em;color:var(--pr-dim);margin:2px 0 0;font-size:14px;font-weight:600}.prophets-page a{color:var(--pr-gold)}.prophets-page a:focus-visible,.prophets-page button:focus-visible,.prophets-page input:focus-visible{outline:2px solid var(--pr-gold);outline-offset:3px}.pr-story{position:relative}.pr-backdrop{top:var(--portal-h,0px);height:100vh;margin-block-end:-100vh;z-index:-1;pointer-events:none;height:100dvh;margin-block-end:-100dvh;position:sticky;overflow:hidden}.pr-stairs{width:100%;height:100%;position:absolute;inset:0}.pr-tread{fill:rgb(46 92 82/calc(.25 + .4 * var(--k)))}.pr-riser{fill:rgb(10 30 26/calc(.45 + .5 * var(--k)))}.pr-mist{filter:blur(10px);background:radial-gradient(42% 24% at 30% 38%,#aacdc424,#0000 70%),radial-gradient(36% 20% at 72% 62%,#aacdc41a,#0000 70%);position:absolute;inset:-25%}.pr-mist.two{background:radial-gradient(50% 18% at 60% 30%,#bed7cd1a,#0000 70%),radial-gradient(30% 26% at 20% 75%,#aacdc417,#0000 70%)}@media (prefers-reduced-motion:no-preference){.pr-mist.one{animation:38s ease-in-out infinite alternate pr-drift}.pr-mist.two{animation:52s ease-in-out infinite alternate-reverse pr-drift}}@keyframes pr-drift{0%{transform:translate(-6%,2%)}to{transform:translate(6%,-3%)}}.pr-scene{min-height:80vh;flex-direction:column;justify-content:center;gap:20px;min-height:80dvh;padding-block:48px;display:flex}.pr-head{text-align:center;gap:6px;display:grid}.pr-head h2{color:var(--pr-text);text-shadow:0 2px 18px #0009;margin:0;font-size:clamp(24px,5.2vw,34px);font-weight:700;line-height:1.6}.pr-head p{color:var(--pr-dim);margin:0;font-size:clamp(15px,3.4vw,18px)}.pr-story[data-reveal] .pr-scene>*{transition:opacity .9s var(--ease-out,ease-out), transform .9s var(--ease-out,ease-out)}.pr-story[data-reveal] .pr-scene>:nth-child(2){transition-delay:.12s}.pr-story[data-reveal] .pr-scene>:nth-child(n+3){transition-delay:.24s}.pr-story[data-reveal] .pr-scene:not([data-shown])>*{opacity:0;transform:translateY(24px)}.pr-hint,.pr-note{text-align:center;max-width:56ch;color:var(--pr-dim);margin:0 auto;font-size:14px}.pr-note.small{font-size:12.5px}.pr-gold{color:var(--pr-gold)}.pr-muhammad{text-align:center;font:700 20px/1.5 var(--ui-ar);color:var(--pr-gold);margin:0}.pr-muhammad.big{text-shadow:0 0 26px #e8c46e73;font-size:clamp(28px,7vw,40px)}.pr-places{gap:10px;margin:0;padding:0;list-style:none;display:grid}.pr-places.compact{gap:4px}.pr-place{border-inline-start:2px solid var(--pr-line);gap:2px;padding:6px 12px;display:grid}.pr-places.others .pr-place{border-inline-start-color:#a7beb459}.pr-phrase{color:var(--pr-text);font-size:clamp(20px,4.6vw,26px);line-height:2}.pr-place-meta{color:var(--pr-dim);flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:13px;display:flex}.pr-speaker{line-height:1.6}.pr-ref{font-size:13px;text-decoration:none}.pr-ref:hover{text-decoration:underline}.pr-calls{gap:2px;width:min(100%,680px);margin:0 auto;padding:0;list-style:none;display:grid}.pr-call-head,.pr-call-row.none{width:100%;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:2.6em minmax(0,1fr) auto;align-items:center;gap:12px;padding:4px 10px;display:grid}.pr-call-head:hover,.pr-call-row[data-open] .pr-call-head{background:#e8c46e12}.pr-call-count{font:700 24px/1.2 var(--ui-ar);color:var(--pr-gold);text-align:center;font-variant-numeric:tabular-nums}.pr-call-name{font:600 13px/1.4 var(--ui-ar);color:var(--pr-dim);white-space:nowrap}.pr-call-head .pr-phrase{line-height:1.9}.pr-call-row>.pr-places{padding:4px 0 12px;padding-inline-start:3.4em}.pr-call-row.none{cursor:default;opacity:.6}.pr-call-row.none .pr-call-name{grid-column:3}.pr-never{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px 28px;display:flex}.pr-never>.pr-note{flex-basis:100%}.pr-bubble{aspect-ratio:1;border:1px solid var(--pr-line);text-align:center;background:radial-gradient(circle,#e8c46e21,#0000 70%);border-radius:50%;place-content:center;gap:2px;width:min(64vw,250px);display:grid}.pr-bubble.small{background:0 0;border-color:#a7beb466;width:min(34vw,130px)}.pr-bubble-label{font-size:clamp(16px,4vw,20px);line-height:1.8}.pr-bubble-n{font:700 clamp(44px, 11vw, 68px)/1.1 var(--ui-ar);color:var(--pr-gold);font-variant-numeric:tabular-nums;text-shadow:0 0 24px #e8c46e66}.pr-bubble.small .pr-bubble-n{color:var(--pr-dim);text-shadow:none;font-size:clamp(28px,7vw,38px)}.pr-bubble-sub{color:var(--pr-dim);font-size:12.5px;line-height:1.6}.pr-titles{grid-template-columns:repeat(auto-fit,minmax(min(150px,42vw),1fr));gap:14px;width:min(100%,720px);margin:0 auto;display:grid}.pr-title{aspect-ratio:1;border:1px solid var(--pr-line);color:inherit;font:inherit;text-align:center;cursor:pointer;background:radial-gradient(circle,#e8c46e1a,#0000 70%);border-radius:50%;place-content:center;gap:2px;padding:10px;display:grid}.pr-title:hover{background:radial-gradient(circle,#e8c46e2e,#0000 72%)}.pr-title[aria-pressed=true]{border-color:var(--pr-gold);box-shadow:0 0 0 1px var(--pr-gold), 0 0 28px #e8c46e59}.pr-title-words{font-size:clamp(20px,4.8vw,28px);line-height:1.9}.pr-title-caption{color:var(--pr-dim);font-size:12px;line-height:1.6}.pr-title-times{font:700 clamp(18px, 4.4vw, 24px)/1.3 var(--ui-ar);color:var(--pr-gold);margin-top:4px}#pr-title-places{width:min(100%,680px);margin:0 auto}.pr-verse{text-align:center;max-width:40em;margin:0 auto}.pr-verse blockquote{color:var(--pr-text);text-shadow:0 2px 16px #000000b3;margin:0;font-size:clamp(22px,4.8vw,30px);line-height:2.1}.pr-verse.big blockquote{color:var(--pr-gold);text-shadow:0 0 26px #e8c46e59;font-size:clamp(30px,8vw,50px)}.pr-verse figcaption{margin-top:2px;font-size:13px}.pr-adhan-name,.pr-shahada{text-align:center;margin:0;font-size:clamp(16px,3.8vw,20px)}.pr-shahada{color:var(--pr-dim)}.pr-salawat{text-align:center;color:var(--pr-gold);margin:0;font-size:clamp(18px,4.2vw,24px)}.pr-source{text-align:center;max-width:60ch;color:var(--pr-dim);margin:24px auto 0;font-size:12px}.pr-globe{justify-items:center;gap:12px;display:grid}.pr-globe-canvas,.pr-globe-wait{aspect-ratio:1;width:min(100%,560px);display:block}.pr-globe-canvas{touch-action:pan-y;cursor:grab}.pr-globe-canvas:active{cursor:grabbing}.pr-legend{flex-wrap:wrap;justify-content:center;gap:6px 16px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.pr-legend li:before{content:"";vertical-align:middle;background:var(--c);width:16px;height:3px;box-shadow:0 0 6px var(--c);border-radius:2px;margin-inline-end:6px;display:inline-block}.pr-globe-controls{flex-wrap:wrap;justify-content:center;align-items:end;gap:10px 14px;width:min(100%,560px);display:flex}.pr-btn{border:1px solid var(--pr-line);min-height:40px;color:var(--pr-text);font:inherit;cursor:pointer;background:#e8c46e14;border-radius:999px;padding:0 18px}.pr-btn[aria-pressed=true]{background:#e8c46e33}.pr-time{color:var(--pr-dim);flex:220px;gap:4px;font-size:13px;display:grid}.pr-time input{width:100%;accent-color:var(--pr-gold)}.pr-clock{color:var(--pr-text);font-variant-numeric:tabular-nums}.pp{--pp-ink:#2a2418;--pp-soft:#6b5a38;--pp-gold:#b8862c;color:var(--pp-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:linear-gradient(#f8efdc 0%,#f1e2c2 30%,#e2cfa6 56%,#7f9a8b 76%,#1f3d3a 88%,#050d0b 100%);margin-block:12px 0;margin-inline:calc(-1*clamp(16px,4vw,40px));position:relative}@media (max-width:640px){.pp{margin-inline:-16px}}.pp-head{text-align:center;gap:6px;padding:40px 20px 12px;display:grid}.pp-head h2{color:#3a2c12;margin:0;font-size:clamp(28px,6.4vw,40px);font-weight:700;line-height:1.5}.pp-head p{color:var(--pp-soft);margin:0}.pp-legend{font-size:13px}.pp-ring-sample{vertical-align:-2px;border:3px double var(--pp-gold);background:#fffaf0;border-radius:50%;width:14px;height:14px;margin-inline-end:4px;display:inline-block}.pp-hint{font-size:13px}.pp-land{width:min(100%,620px);margin:0 auto;position:relative}.pp-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}[dir=rtl] .pp-svg{transform:scaleX(-1)}.pp-road-bed{fill:none;stroke:#96764033;stroke-width:20px;stroke-linecap:round}.pp-road-dash{fill:none;stroke:#785c2c73;stroke-width:1.2px;stroke-dasharray:3 8}.pp-road{fill:none;stroke:#c99a3c;stroke-width:3.4px;stroke-linecap:round}.pp-sun{fill:#f2c25b59}.pp-sil{fill:#4664482e;stroke:#4664482e}.pp-sil.night{fill:#c8e1d71f;stroke:#c8e1d71f}.pp-water{fill:#28707c21}.pp-water-line{fill:none;stroke:#28707c59;stroke-width:1.6px}.pp-dune{fill:#c4965033}.pp-wind{fill:none;stroke:#785c2c59;stroke-width:1.6px;stroke-linecap:round}.pp-rock{fill:#966c402e}.pp-river{fill:none;stroke:#28707c38;stroke-width:10px;stroke-linecap:round}.pp-hill{fill:#607c5229}.pp-mountain{fill:#3c484629}.pp-birds{fill:none;stroke:#32383866;stroke-width:1.3px;stroke-linecap:round}.pp-deep{fill:#96cdd71f}.pp-whale{fill:#aad7e133}.pp-arch{fill:none;stroke:#e8debe4d;stroke-width:2px}.pp-star{fill:#fff3cf}.pp-moon{fill:#f2d48a}.pp-stations{margin:0;padding:0;list-style:none;position:absolute;inset:0}.pp-station{width:0;height:0;position:absolute}.pp-node{inset-inline-start:0;width:150px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;justify-items:center;gap:4px;padding:0;display:grid;position:absolute;top:-30px;transform:translate(-50%)}[dir=rtl] .pp-node{transform:translate(50%)}.pp-disc{--em-accent:#c99a3c8c;color:#34584a;background:#fffaf0;border:2px solid #cdb68a;border-radius:50%;place-items:center;width:60px;height:60px;display:grid;box-shadow:0 4px 14px #503c142e}.pp-station[data-called] .pp-disc{border:4px double var(--pp-gold);box-shadow:0 0 0 5px #f2c25b47,0 4px 18px #8c641452}.pp-name{color:var(--pp-ink);font:600 13px/1.5 var(--ui-ar);white-space:nowrap;background:#fffaf0ed;border-radius:999px;padding:2px 10px;box-shadow:0 1px 4px #0000001a}.pp-no{color:#9a6b14;font-variant-numeric:tabular-nums;font-size:11px}.pp-badge{color:#6b4a0e;font:600 11px/1.6 var(--ui-ar);background:#f6dfa6;border-radius:999px;padding:0 8px}.pp-station[data-dusk] .pp-disc{--em-accent:#e8c46e59;color:#e8c46e;background:#0d2420;border-color:#e8c46e99}.pp-station[data-dusk] .pp-name{color:#e9f2ee;background:#081a16e0}.pp-node:focus-visible{outline:none}.pp-node:focus-visible .pp-disc{outline:3px solid var(--pp-gold);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.pp-disc,.pp-name{transition:transform .35s var(--ease-out,ease-out), opacity .5s var(--ease-out,ease-out)}.pp-node:hover .pp-disc{transform:scale(1.08)}.pp-station:not([data-reached]) .pp-disc,.pp-station:not([data-reached]) .pp-name{opacity:.4;transform:scale(.88)}}.pp-note{text-align:center;color:#b9cdc4;margin:0;padding:8px 20px 48px;font-size:12.5px}@media (min-width:700px){.pp-node{width:180px;top:-40px}.pp-disc{width:80px;height:80px}.pp-disc svg{width:52px;height:52px}.pp-name{font-size:15px}}@media (max-width:480px){.pp-node{width:120px;top:-26px}.pp-disc{width:52px;height:52px}.pp-disc svg{width:36px;height:36px}.pp-name{padding:1px 8px;font-size:12px}}.pp-now,.prophet-page{--pr-text:#2a2418;--pr-dim:#6b5a38;--pr-gold:#8f6212;--pr-line:#9a6b1461;color:var(--pr-text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.pp-now a,.prophet-page a{color:#85570d}.pp-now{z-index:5;border:1px solid var(--pr-line);background:#fbf5e8;border-radius:18px;gap:10px;max-height:48vh;margin:0 10px;padding:12px 14px;display:grid;position:sticky;bottom:10px;overflow:auto;box-shadow:0 10px 30px #1e140547}.pp-now-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.pp-now-emblem{--em-accent:#c99a3c8c;color:#2f4f43;background:#fff;border:3px double #c99a3c;border-radius:50%;place-items:center;width:60px;height:60px;display:grid}.pp-now-title h3{font:700 21px/1.4 var(--ui-ar);color:#3a2c12;margin:0}.pp-fold{border:1px solid var(--pr-line);min-width:40px;min-height:40px;color:var(--pr-text);cursor:pointer;background:0 0;border-radius:50%;font-size:16px}.pp-now-body{gap:10px;display:grid}.pp-now .pp-story{font-size:15.5px;line-height:1.85}.pp-now .pp-verse-text{font-size:clamp(20px,4.6vw,24px)}.pp-now-calls{color:var(--pr-dim);margin:0;font-size:13px}.pp-now-more{border:1px solid var(--pr-line);background:#9a6b1414;border-radius:999px;justify-self:start;padding:6px 16px;font-weight:600;text-decoration:none}.pp-now-more:hover{background:#9a6b1429}.pp-now[data-folded]{gap:6px}@media (max-width:899px){.pp-now{max-height:40vh}.pp-now .pp-verse{display:none}.pp-now-emblem{width:52px;height:52px}.pp-now-emblem svg{width:40px;height:40px}}.pp-node[aria-current] .pp-disc{outline-offset:4px;outline:3px solid #f2c25bd9}.pp-node{text-decoration:none}@media (min-width:900px){.pp{grid-template-columns:minmax(0,1fr) 300px;column-gap:24px;padding-inline:20px;display:grid}.pp-head,.pp-note{grid-column:1/-1}.pp-land{grid-area:2/1}.pp-now{grid-area:2/2;align-self:start;max-height:calc(100vh - 120px);margin:0;position:sticky;top:96px;bottom:auto}.pp-fold{display:none}}.pp-card-no{color:var(--pr-dim);font-variant-numeric:tabular-nums;margin:0;font-size:12px}.pp-story{margin:0;font-size:17px;line-height:1.9}.pp-verse{text-align:center;background:#f3e7cc;border-radius:14px;margin:0;padding:12px 14px}.pp-verse blockquote{margin:0}.pp-verse-text{color:#1f3d32;font-size:clamp(22px,5vw,28px);line-height:2}.pp-verse figcaption{font-size:13px}.pp-calls h3{margin:0 0 6px;font-size:16px;font-weight:600}.pp-calls .pr-phrase{font-size:clamp(19px,4.4vw,23px)}.pp-quiet{color:var(--pr-dim);margin:0}.prophet-page{background:#fbf5e8}.prophet-page>.back{color:var(--pr-dim)}.pv{gap:22px;width:min(100%,680px);margin:0 auto;padding-block:8px 24px;display:grid}.pv-hero{text-align:center;justify-items:center;gap:6px;display:grid}.pv-emblem{--em-accent:#c99a3c8c;color:#2f4f43;background:radial-gradient(circle,#fff 60%,#f6ead0);border:5px double #c99a3c;border-radius:50%;place-items:center;width:168px;height:168px;margin-bottom:6px;display:grid;box-shadow:0 0 0 10px #f2c25b2e}.pv-name{font:700 clamp(30px, 7vw, 40px)/1.4 var(--ui-ar);color:#3a2c12;margin:0}.pv-story{max-width:34em;margin:0;font-size:19px;line-height:1.9}.pv-calls{gap:16px;display:grid}.pv-nav{border-top:1px solid var(--pr-line);justify-content:space-between;gap:10px;padding-top:14px;display:flex}.pv-neighbour{--em-accent:#c99a3c8c;border:1px solid var(--pr-line);background:#9a6b140f;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-weight:600;text-decoration:none;display:inline-flex;color:var(--pr-text)!important}.pv-neighbour svg{color:#2f4f43}.pv-neighbour:hover{background:#9a6b1424}.pv-chapters{gap:18px;display:grid}.pv-chapters>h2{text-align:center;font:700 22px/1.5 var(--ui-ar);color:#3a2c12;margin:8px 0 0}.pv-toc{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pv-toc button{border:1px solid var(--pr-line);color:var(--pr-text);font:inherit;cursor:pointer;background:#9a6b140f;border-radius:999px;padding:4px 12px;font-size:13px}.pv-toc button:hover{background:#9a6b1424}.pv-toc-no,.pv-chapter-no{color:#7a5310;font-variant-numeric:tabular-nums}.pv-chapter{border:1px solid var(--pr-line);background:#fffaf0;border-radius:18px;gap:10px;padding:14px;scroll-margin-top:90px;display:grid}.pv-chapter:focus{outline:none}.pv-scene-art{border-radius:12px;width:100%;height:auto;display:block}.pv-chapter h3{font:700 19px/1.5 var(--ui-ar);color:#3a2c12;margin:0}.pv-chapter-text{margin:0;font-size:17px;line-height:1.9}.rule-card{gap:12px;min-width:0;margin-block-start:8px;display:grid}.rp-card-top{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-2);gap:6px;padding:16px;display:grid}.rp-position{color:var(--text-muted);margin:0;font-size:14px}.rp-card-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:16px;display:grid}@media (max-width:760px){.rp-card-grid{grid-template-columns:minmax(0,1fr)}}.rp-card-title,.rp-part-title{color:var(--accent);align-items:center;gap:8px;margin:0 0 4px;font-size:18px;display:flex}.rp-card-title .vocalised,.rp-part-title .vocalised,.rp-kind h3,.rp-board-title:lang(ar),.rp-board-result:lang(ar){font-family:var(--naskh)}.rule-card :is(.rp-card-title,.rp-part-title,.rp-kind h3){margin-block-start:0}.rp-option .rp-plain{font-size:24px;line-height:1.7}.rp-n{background:var(--accent);width:26px;height:26px;color:var(--accent-contrast);font:700 13px/1 var(--ui-ar);border-radius:50%;flex:none;place-items:center;display:inline-grid}.rp-def{grid-template-columns:max-content minmax(0,1fr);gap:4px 14px;margin:0;display:grid}.rp-def dt{color:var(--gold-text);font-weight:700}.rp-def dd{margin:0}@media (max-width:480px){.rp-def{grid-template-columns:minmax(0,1fr);gap:0}.rp-def dd{margin-block-end:6px}}.rp-def :is(dt,dd):lang(ar),.rp-text:lang(ar),.rp-points li:lang(ar){font-family:var(--naskh);font-size:17.5px;line-height:1.95}.rp-card-grid:has(>:only-child){grid-template-columns:minmax(0,1fr)}.rp-terms{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.rp-term{gap:2px;display:grid}.rp-terms .rp-words{flex-wrap:wrap;gap:8px;margin:8px 0 0;display:flex}.rp-terms .rp-words li{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);padding:2px 12px 6px}.rp-text{margin:6px 0}.rp-points{margin:6px 0;padding-inline-start:22px}.rp-points li{margin:4px 0}.rp-tiles{flex-wrap:wrap;gap:8px;margin:6px 0;padding:0;list-style:none;display:flex}.rp-tiles li{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);justify-items:center;min-width:58px;padding:6px 6px 4px;display:grid}.rp-tile-letter{font-family:var(--naskh);color:var(--gold-text);font-size:28px;line-height:1.3}.rp-tile-name{color:var(--text-muted);font-size:12.5px}.rp-tiles.small li{min-width:40px;padding:2px 6px}.rp-tiles.small .rp-tile-letter{font-size:22px}.rp-tools{justify-content:flex-end;gap:8px;display:flex}.rp-parts{gap:8px;min-width:0;display:grid}.rp-part{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);min-width:0}.rp-part>summary{align-items:center;gap:10px;min-height:52px;padding:4px 14px;display:flex}.rp-part>summary .fold-title{flex:1;min-width:0;margin:0}.rp-part-body{min-width:0;padding:0 14px 14px}.rp-kinds{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:10px;display:grid}.rp-kind{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);min-width:0;padding:10px 14px}.rp-kind h3{margin:0 0 4px;font-size:18px}.rp-kind h3 a{color:inherit}.rp-ordinal{color:var(--gold-text);font-size:15px;font-weight:400}.rp-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rp-mnemonic{font-family:var(--naskh);color:var(--text-muted);font-size:17px}.rp-meta{margin:6px 0 0;font-size:13px}.rp-board{border-radius:var(--r-md);background:var(--surface-2);text-align:center;justify-items:center;gap:8px;margin:10px 0 0;padding:12px;display:grid}.rp-board-title{font-weight:700}.rp-board-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.rp-board-letter{border:2px solid var(--accent);border-radius:var(--r-sm);background:var(--surface);min-width:38px;height:38px;font:20px/1 var(--naskh);place-items:center;padding:0 6px;display:inline-grid}.rp-board-letter.g{background:var(--accent-soft)}.rp-board-arrow{color:var(--text-muted);font-size:14px}.rp-board-split{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px;width:100%;max-width:520px;display:grid}.rp-board-branch{justify-items:center;gap:6px;display:grid}.rp-board-result{border-inline-start:4px solid var(--accent);background:var(--surface);border-radius:var(--r-sm);width:100%;padding:6px 10px;font-weight:700}.rp-examples{border-collapse:collapse;width:100%}.rp-examples th,.rp-examples td{border-bottom:1px solid var(--border);text-align:start;vertical-align:top;padding:10px 8px}.rp-examples thead th{color:var(--text-muted);font-size:13px;font-weight:600}.rp-examples tr.rp-group th{background:var(--surface-2);font-family:var(--naskh);font-size:15px}.rp-examples tr.rp-group th a{color:inherit}.rp-letter-cell{font-family:var(--naskh);color:var(--gold-text);width:3em;font-size:22px;text-align:center!important}.rp-places,.rp-words{gap:8px;margin:0;padding:0;list-style:none;display:grid}.rp-places li,.rp-words li{flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.rp-place{flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:inline-flex}.rp-place .quran{font-size:25px;line-height:2.6}.rp-ref{color:var(--text-muted);white-space:nowrap;font-size:12.5px}.rp-play{border:1px solid var(--border-strong);background:var(--surface);width:32px;height:32px;color:var(--accent);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:inline-grid}.rp-play[aria-pressed=true]{background:var(--accent);color:var(--accent-contrast)}@media (max-width:620px){.rp-examples thead{display:none}.rp-examples,.rp-examples tbody,.rp-examples tr,.rp-examples td,.rp-examples th{width:100%;display:block}.rp-examples tr:not(.rp-group){border-bottom:1px solid var(--border);grid-template-columns:2.6em minmax(0,1fr);padding:4px 0;display:grid}.rp-examples tr:not(.rp-group) td{border:0;padding:2px 4px}.rp-examples td.rp-letter-cell{grid-row:span 2;align-self:center;width:auto}.rp-examples td[data-h]:before{content:attr(data-h);color:var(--text-muted);margin-block-end:10px;font-size:12px;display:block}.rp-examples tr:not(.rp-group) td+td{margin-block-start:6px}}.rp-verses{gap:6px;max-width:760px;margin:6px auto;display:grid}.rp-verses figcaption{font-size:13px}.rp-bayt{font-family:var(--naskh);grid-template-columns:auto 1fr 1fr;align-items:baseline;gap:4px 24px;margin:0;font-size:18px;display:grid}.rp-bayt i{font:normal 12px/1 var(--ui-ar);color:var(--text-dim)}.rp-bayt span:last-child{text-align:end}@media (max-width:560px){.rp-bayt{grid-template-columns:auto 1fr;gap:0 10px}.rp-bayt span:last-child{grid-column:2}}.rp-faida{gap:10px;margin:0;padding-inline-start:22px;display:grid}.rp-faida .rp-words{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.rp-faida .rp-words li{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);padding:2px 12px 6px}.rp-sources{font-size:12.5px;line-height:1.7}.rp-sources p{margin:2px 0}.rp-test-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.rp-test-head p{margin:0}.rp-score{border-radius:var(--r-pill);background:var(--surface-2);padding:4px 12px;font-weight:700}.rp-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:10px;margin-block-start:10px;display:grid}.rp-card{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);min-width:0;padding:12px 14px}.rp-card.wide{grid-column:1/-1}.rp-card[data-done=ok]{border-color:color-mix(in srgb, var(--accent) 55%, var(--border))}.rp-card[data-done=bad]{border-color:color-mix(in srgb, var(--danger) 55%, var(--border))}.rp-prompt{margin:0 0 6px;font-weight:600}.rp-prompt:lang(ar),[lang=ar] .rp-prompt{font-family:var(--naskh);font-size:17px;line-height:1.8}.rp-stem{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:4px 0 8px;display:flex}.rp-stem .quran,.rp-plain{font-family:var(--quran);font-size:30px;line-height:2.5}.rp-mark{-webkit-text-decoration:underline 2px solid var(--accent);text-decoration:underline 2px solid var(--accent);text-underline-offset:8px}.rp-tap .rp-letter{cursor:pointer;border-radius:6px}.rp-tap .rp-letter:hover,.rp-tap .rp-letter:focus-visible{background:var(--surface-2);outline:none}.rp-tap .rp-letter[data-res=ok]{color:var(--accent);background:var(--accent-soft)}.rp-tap .rp-letter[data-res=bad]{color:var(--danger)}.rp-options{gap:6px;display:grid}.rp-options.row{flex-wrap:wrap;display:flex}.rp-option{text-align:start;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;padding:6px 12px}.rp-option:lang(ar),[lang=ar] .rp-option{font-family:var(--naskh);line-height:1.8}.rp-option.small{min-height:36px;padding:2px 10px;font-size:14px}.rp-option:disabled{cursor:default}.rp-option[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.rp-option[data-res=ok]{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.rp-option[data-res=bad]{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, var(--surface));color:var(--text)}.rp-option[data-res=miss]{border-style:dashed;border-color:var(--accent)}.rp-option .rp-place .quran{font-size:24px;line-height:2.6}.rp-letter-option{text-align:center;min-width:48px;font-family:var(--naskh);font-size:22px}.rp-check{margin-block-start:8px}.rp-items{gap:10px;margin:0;padding-inline-start:22px;display:grid}.rp-item{grid-template-columns:minmax(9em,max-content) minmax(0,1fr);align-items:center;gap:8px;display:grid}@media (max-width:560px){.rp-item{grid-template-columns:minmax(0,1fr)}}.rp-item-place{flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:inline-flex}.rp-item-place .quran,.rp-item-place .rp-plain{font-size:24px}.rp-tap-hint{flex-basis:100%;margin:0;font-size:13px}.rp-feedback{border-radius:var(--r-sm);background:var(--warn-bg);margin:8px 0 0;padding:8px 12px}.rp-feedback[data-res=ok]{background:var(--accent-soft)}.rp-result{border-radius:var(--r-md);background:var(--surface-2);margin-block-start:14px;padding:14px 16px}.rp-result[data-pass=true]{background:var(--accent-soft);border:1px solid var(--accent)}.rp-result h4{margin:0 0 6px;font-size:18px}.rp-result p{margin:0}.rp-result-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-block-start:10px;display:flex}