:root{--green:#1b6b4e;--green-fill:var(--green);--green-dark:#0f4a33;--green-light:#2a8f67;--gold:#d4a853;--gold-light:#f5d78e;--bg:#fff;--surface:#fff;--surface-alt:#f5f5f3;--cream:#f8f6f0;--cream-alt:#f0ede5;--ink:#1a1a2e;--ink-secondary:#5b6472;--ink-muted:#6b7280;--line:#e8e4db;--line-strong:#00000014;--danger:#d4183d;--success:#1b6b4e;--warning:#d4a853;--info:#3b82f6;--streak:#c2410c;--streak-soft:#ffedd5;--font-lat:"Onest", "Onest Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;--font-arui:"Noto Naskh Arabic", var(--font-lat);--font-quran:"QPC Hafs", "QH Naskh", "Amiri", serif;--font-display-ar:"Madina", "QH Naskh", serif;--font-marker:"Amiri", serif;--t--1:clamp(.8rem, .78rem + .1vw, .86rem);--t-0:clamp(1rem, .96rem + .2vw, 1.13rem);--t-1:clamp(1.25rem, 1.18rem + .35vw, 1.45rem);--t-2:clamp(1.56rem, 1.44rem + .6vw, 1.94rem);--t-3:clamp(1.95rem, 1.74rem + 1.05vw, 2.62rem);--t-4:clamp(2.44rem, 2.08rem + 1.8vw, 3.53rem);--ar-scale:1;--tx-scale:1;--hl-ayah:var(--green);--hl-word:var(--gold);--ar-read:calc(clamp(1.63rem, 1.5rem + .65vw, 2.13rem) * var(--ar-scale));--tx-read:calc(1rem * var(--tx-scale));--ar-ui:clamp(1.06rem, 1.02rem + .2vw, 1.19rem);--tx-read-ar:calc(var(--ar-ui) * var(--tx-scale));--lh-quran:2;--lh-indopak:3;--lh-body:1.6;--lh-arui:1.8;--s-xs:4px;--s-sm:8px;--s-md:12px;--s-base:16px;--s-lg:20px;--s-xl:24px;--s-2xl:32px;--s-3xl:40px;--s-4xl:48px;--r-2xs:2px;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-full:9999px;--r-card:var(--r-lg);--press-depth:4px;--press-depth-color:#00000038;--shell:1160px;--shell-prose:46rem;--shell-rail:300px;--page-top:var(--s-2xl);--measure:68ch;--read-measure:44rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=cream]{--bg:#f8f6f0;--surface:#fff;--surface-alt:#f0ede5;--line:#e8e4db}:root[data-theme=dark]{--green:#2e9970;--green-fill:#268159;--green-dark:#1b6b4e;--green-light:#34d399;--bg:#0c1c1b;--surface:#0c1c1b;--surface-alt:#1c3331;--ink:#f5f5f5;--ink-secondary:#a1a1aa;--ink-muted:#8a8a94;--line:#223836;--line-strong:#ffffff1a;--danger:#ef4444;--success:#2a8f67;--info:#60a5fa;--streak:#fb923c;--streak-soft:#7c2d12;--press-depth-color:#00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=cream]){--green:#2e9970;--green-fill:#268159;--green-dark:#1b6b4e;--green-light:#34d399;--bg:#0c1c1b;--surface:#0c1c1b;--surface-alt:#1c3331;--ink:#f5f5f5;--ink-secondary:#a1a1aa;--ink-muted:#8a8a94;--line:#223836;--line-strong:#ffffff1a;--danger:#ef4444;--success:#2a8f67;--info:#60a5fa;--streak:#fb923c;--streak-soft:#7c2d12;--press-depth-color:#00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@font-face{font-family:Onest;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/onest-cyrillic-ext.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Onest;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/onest-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Onest;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/onest-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Onest;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/onest-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Onest Fallback;src:local(Roboto),local(Segoe UI),local(Helvetica Neue),local(Arial);size-adjust:104.4%;ascent-override:92.91%;descent-override:28.74%;line-gap-override:0%;unicode-range:U+??,U+100-2BA,U+131,U+152-153,U+2BB-2BC,U+2BD-2C5,U+2C6,U+2C7-2CC,U+2CE-2D7,U+2DA,U+2DC,U+2DD-2FF,U+301,U+304,U+308,U+329,U+400-45F,U+460-52F,U+490-491,U+4B0-4B1,U+1C80-1C8A,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2000-206F,U+20A0-20AB,U+20AC,U+20AD-20C0,U+20B4,U+2113,U+2116,U+2122,U+2191,U+2193,U+2212,U+2215,U+2C60-2C7F,U+2DE0-2DFF,U+A640-A69F,U+A720-A7FF,U+FE2E-FE2F,U+FEFF,U+FFFD}@font-face{font-family:QH Naskh;src:url(/fonts/qh-naskh.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+6??,U+750-77F,U+8A0-8FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+61C}@font-face{font-family:Noto Naskh Arabic;src:url(/fonts/noto-naskh-arabic.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+6??,U+750-77F,U+8A0-8FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+61C}@font-face{font-family:Madina;src:url(/fonts/madina.woff2)format("woff2");font-display:swap;unicode-range:U+20,U+628,U+62D,U+631,U+633,U+644,U+645,U+646,U+647,U+64A,U+64E,U+650,U+651,U+670,U+671,U+6E1}@font-face{font-family:QPC Hafs;src:url(/fonts/uthmanic-hafs-v22.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+6??,U+750-77F,U+8A0-8FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+61C}@font-face{font-family:Amiri;src:url(/fonts/amiri-marker.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+FD3E-FD3F,U+660-669,U+6DD}@font-face{font-family:QH IndoPak;src:url(/fonts/qh-indopak.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.quran[data-qh-script=indopak]{font-family:"QH IndoPak", var(--font-quran)}@font-face{font-family:SurahNames;src:url(/fonts/surah-names.woff2)format("woff2");font-display:block}.surah-cal[data-cal]{text-align:center;vertical-align:middle;block-size:1.15em;inline-size:1.9em;line-height:1;display:inline-block;overflow:hidden}.surah-cal[data-cal]:before{content:attr(data-cal)}.surah-cal,:lang(ar) .surah-cal,:lang(fa) .surah-cal,:lang(ur) .surah-cal{font-variant-ligatures:normal;letter-spacing:0;direction:ltr;unicode-bidi:isolate;font-family:SurahNames}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-lat);font-size:var(--t-0);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}:lang(ar),:lang(fa),:lang(ur){font-family:var(--font-arui)}.quran{font-family:var(--font-quran);font-size:var(--ar-read);line-height:var(--lh-quran);letter-spacing:0;text-align:start;font-variant-ligatures:normal;direction:rtl;unicode-bidi:isolate}.quran *{font-family:inherit}.quran .marker{font-family:var(--font-marker)}.quran.indopak{line-height:var(--lh-indopak)}.ref{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}h1,h2,h3{text-wrap:balance;margin-block:0 var(--s-md);line-height:1.15}h1{font-size:var(--t-3);letter-spacing:-.01em;font-weight:700}h2{font-size:var(--t-2);font-weight:700}h3{font-size:var(--t-1);font-weight:600}p{margin-block:0 var(--s-base);text-wrap:pretty;max-width:var(--measure)}a{color:var(--green);text-underline-offset:.15em}a:hover{color:var(--green-dark)}:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:var(--r-2xs)}img{max-width:100%;height:auto;display:block}.btn{justify-content:center;align-items:center;gap:var(--s-sm);min-height:44px;padding-inline:var(--s-lg);padding-block:var(--s-md);border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;font-weight:600;text-decoration:none;display:inline-flex}.btn--primary{background:var(--green-fill);color:#fff;border-color:#0000;border-block-end:var(--press-depth) solid var(--press-depth-color)}.btn--primary:hover{color:#fff;background:var(--green-dark)}.btn--primary:active{border-block-end-width:1px;margin-block-start:3px}.chip{min-block-size:44px;padding-inline:var(--s-base);border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);color:var(--ink-secondary);font:inherit;font-size:var(--t--1);cursor:pointer;justify-content:center;align-items:center;gap:6px;font-weight:600;text-decoration:none;transition:transform .12s cubic-bezier(.23,1,.32,1),border-color .16s,color .16s,background-color .16s;display:inline-flex}.chip:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.chip:hover{border-color:var(--green);color:var(--green)}}.chip.on{border-color:var(--green);color:var(--green);background:color-mix(in srgb, var(--green) 7%, var(--surface))}.chip[hidden]{display:none!important}.wrap{max-inline-size:var(--shell);padding-inline:var(--s-base);margin-inline:auto}.crumb{font-size:var(--t--1);color:var(--ink-secondary);margin-block-end:var(--s-2xl)}.crumb ol{align-items:center;gap:var(--s-xs);margin:0;padding:0;list-style:none;display:flex}.crumb li{align-items:center;gap:var(--s-xs);min-inline-size:calc(1em + var(--s-xs));white-space:nowrap;flex:0 auto;display:flex}nav.crumb li{color:inherit;line-height:inherit}.crumb li:first-child{flex-shrink:0}.crumb li:not(:first-child):not(:last-child){min-inline-size:calc(2.5em + var(--s-xs));flex-shrink:1000000}.crumb .sep{text-align:center;inline-size:1em;color:var(--ink-muted);flex:none}.crumb li>a,.crumb li>[aria-current]{text-overflow:ellipsis;min-inline-size:0;overflow:hidden}.crumb a{color:var(--ink-secondary)}.crumb a:hover{color:var(--green)}@media (pointer:coarse){.crumb li>a{text-align:center;min-inline-size:44px;line-height:44px}.crumb li:not(:first-child):not(:last-child){min-inline-size:calc(1em + var(--s-xs) + 44px)}}.stack>*+*{margin-block-start:var(--flow,var(--s-base))}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.tr,.fnlist{font-family:var(--font-lat)}.tr{font-size:var(--tx-read)}.tr:lang(ar),.tr:lang(fa),.tr:lang(ur),.tr:lang(ps),.tr:lang(ku),.tr:lang(ug){font-family:var(--font-arui);font-size:var(--tx-read-ar);line-height:var(--lh-arui);letter-spacing:0}.fnlist:lang(ar),.fnlist:lang(fa),.fnlist:lang(ur),.fnlist:lang(ps),.fnlist:lang(ku),.fnlist:lang(ug){font-family:var(--font-arui);font-size:calc(var(--tx-read-ar) * .86);line-height:var(--lh-arui);letter-spacing:0}:root[data-hl-ayah="0"] .ayat-list>li.is-current{background:0 0}:root[data-hl-word="0"] .w.on{color:inherit;background:0 0!important}[dir=ltr] .tr[dir=rtl],[dir=ltr] [dir=rtl]>.fnlist,[dir=ltr] .fnlist[dir=rtl],[dir=ltr] [dir=rtl]>.fnotes,[dir=ltr] .fnotes[dir=rtl]{margin-left:auto;margin-right:0}[dir=rtl] .tr[dir=ltr],[dir=rtl] [dir=ltr]>.fnlist,[dir=rtl] .fnlist[dir=ltr],[dir=rtl] [dir=ltr]>.fnotes,[dir=rtl] .fnotes[dir=ltr]{margin-left:0;margin-right:auto}.w{border-radius:var(--r-xs);padding-inline:1px}@media (prefers-reduced-motion:no-preference){.w{transition:background-color .14s ease-out}}.ayat-list>li.is-current{border-color:var(--hl-ayah);background:color-mix(in srgb, var(--hl-ayah) 6%, transparent)}.w.on{background:color-mix(in srgb, var(--hl-word) 22%, transparent)}:root{--read-tint:color-mix(in srgb, var(--green) 5%, transparent)}.ayat-list>li.is-read,.ayahs>li.ayah.is-read{background:var(--read-tint)}:root[data-show-tx="0"] .tr,:root[data-show-tx="0"] .fnotes,:root[data-show-tx="0"] .fnlist,:root[data-show-tx="0"] #tr-credit,:root[data-show-tl="0"] .translit{display:none}.faq details:not(.q)>summary:after,.tafsir details>summary:after{content:"";border-top:2px solid var(--ink-muted);border-right:2px solid var(--ink-muted);flex:none;block-size:8px;inline-size:8px;margin-inline-start:auto;transform:rotate(45deg)}.faq details:not(.q)[open]>summary:after,.tafsir details[open]>summary:after{transform:rotate(135deg)}[dir=rtl] .faq details:not(.q)>summary:after,[dir=rtl] .tafsir details>summary:after{transform:scaleX(-1)rotate(45deg)}[dir=rtl] .faq details:not(.q)[open]>summary:after,[dir=rtl] .tafsir details[open]>summary:after{transform:scaleX(-1)rotate(135deg)}.tafsir details>summary::-webkit-details-marker{display:none}@media (prefers-reduced-motion:no-preference){.faq details:not(.q)>summary:after,.tafsir details>summary:after{transition:transform .2s cubic-bezier(.23,1,.32,1)}}