@font-face{font-family:Amiri Quran RS;src:url(/fonts/amiri-quran.woff2)format("woff2");font-display:optional;unicode-range:U+6??,U+750-77F,U+8A0-8FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:RS Naskh Quran;src:url(/fonts/naskh-quran.woff2)format("woff2");font-display:block;unicode-range:U+6??,U+750-77F,U+8A0-8FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:RS Madinah;src:url(https://verses.quran.foundation/fonts/quran/hafs/uthmanic_hafs/UthmanicHafs1Ver18.woff2)format("woff2");font-display:block}@font-face{font-family:RS IndoPak;src:url(https://verses.quran.foundation/fonts/quran/hafs/nastaleeq/indopak/indopak-nastaleeq-waqf-lazim-v4.2.1.woff2)format("woff2");font-display:block}@font-face{font-family:Inter RS;src:url(/fonts/inter.woff2)format("woff2");font-weight:400 800;font-display:optional}:root{--bg:#f7f6f2;--surface:#fff;--surface-2:#f1efe9;--surface-3:#e8e5dc;--text:#18201c;--text-ar:#101512;--muted:#5c6560;--border:#e6e3da;--rule:#d8d2c3;--brand:#0d6e5b;--brand-2:#13876f;--brand-ink:#fff;--brand-soft:#e5f2ed;--accent:#b4532a;--gold:#b3862c;--highlight:#fbefcc;--word-hover:#fdf1cf;--hero:linear-gradient(135deg, #0f7562 0%, #0b5a4b 55%, #08443a 100%);--hero-text:#fff;--hero-gold:#f3d68f;--shadow-sm:0 1px 2px #101c160f;--shadow:0 1px 2px #101c160a, 0 8px 24px -10px #101c1624;--shadow-lg:0 24px 60px -18px #101c1652;--overlay:#0e141173;--radius:14px;--radius-sm:10px;--radius-lg:22px;--font-sans:"Inter RS", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif:var(--font-sans);--font-ui:var(--font-sans);--font-arabic:"Amiri Quran", "Scheherazade New", "Noto Naskh Arabic", "Geeza Pro", "Traditional Arabic", serif;--font-quran:"Amiri Quran RS", var(--font-arabic);--qf-scale:1;--ar-size:calc(clamp(1.75rem, 1.4rem + 1.5vw, 2.25rem) * var(--ar-scale,1) * var(--qf-scale));--ar-leading:2.25;--tr-size:calc(1.0625rem * var(--tr-scale,1));--measure:50rem;--header-h:3.75rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-qfont=naskh]{--font-quran:"RS Naskh Quran", "Amiri Quran RS", var(--font-arabic);--qf-scale:.94}:root[data-theme=sepia]{--bg:#f4ead6;--surface:#fbf5e8;--surface-2:#efe4cb;--surface-3:#e6d7b6;--text:#3a2c1b;--text-ar:#2a1e10;--muted:#6b583d;--border:#e4d4b0;--rule:#d3bf96;--brand:#2f6650;--brand-2:#3a7a60;--brand-ink:#fffaf0;--brand-soft:#e6e3c8;--accent:#9a4317;--gold:#94712b;--highlight:#efd99f;--word-hover:#f2dfa8;--hero:linear-gradient(135deg, #3c6a55 0%, #2e5243 55%, #233f34 100%);--hero-gold:#f0d593;--overlay:#2b201666}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#0c1110;--surface:#131a18;--surface-2:#1a2320;--surface-3:#222d29;--text:#e7eeea;--text-ar:#f2f6f3;--muted:#9ba8a2;--border:#222d29;--rule:#2f3c37;--brand:#4cc6a5;--brand-2:#5fd3b3;--brand-ink:#04211a;--brand-soft:#15302a;--accent:#f08c64;--gold:#d8b45e;--highlight:#2c2a1a;--word-hover:#33301c;--hero:linear-gradient(135deg, #124538 0%, #0d3029 55%, #0a221d 100%);--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 2px #0000004d, 0 10px 28px -12px #0009;--shadow-lg:0 24px 60px -18px #000000bf;--overlay:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0c1110;--surface:#131a18;--surface-2:#1a2320;--surface-3:#222d29;--text:#e7eeea;--text-ar:#f2f6f3;--muted:#9ba8a2;--border:#222d29;--rule:#2f3c37;--brand:#4cc6a5;--brand-2:#5fd3b3;--brand-ink:#04211a;--brand-soft:#15302a;--accent:#f08c64;--gold:#d8b45e;--highlight:#2c2a1a;--word-hover:#33301c;--hero:linear-gradient(135deg, #124538 0%, #0d3029 55%, #0a221d 100%);--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 2px #0000004d, 0 10px 28px -12px #0009;--shadow-lg:0 24px 60px -18px #000000bf;--overlay:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 1rem);background:var(--bg)}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);font-synthesis:none;font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.6}::selection{background:var(--highlight);color:var(--text)}a{color:var(--brand);text-decoration-line:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-underline-offset:3px;text-decoration-thickness:1px;transition:color .15s,text-decoration-color .15s}a:hover{text-decoration-color:currentColor}h1,h2,h3{font-family:var(--font-sans);letter-spacing:-.02em;text-wrap:balance;font-weight:750;line-height:1.2}h1{margin:0 0 .5rem;font-size:clamp(1.75rem,4.6vw,2.5rem)}h2{margin:0 0 .875rem;font-size:1.3125rem;font-weight:700}p{text-wrap:pretty}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-sm)}.container{max-width:72rem;padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right));margin-inline:auto}@media (width>=640px){.container{padding-left:max(1.5rem, env(safe-area-inset-left));padding-right:max(1.5rem, env(safe-area-inset-right))}}main{min-height:60vh;padding-block:1rem 4rem}main.immersive{min-height:0;padding:0}.arabic{font-family:var(--font-quran);font-feature-settings:normal;direction:rtl}.label{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--brand);margin:0;font-size:.75rem;font-weight:700}.section{margin-block:3rem}.section-head{align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.section-head h2{margin:0}.section-head .count,.section-head .ar-word{color:var(--muted);white-space:nowrap;margin-inline-start:auto;font-size:.9375rem;text-decoration:none}.section-head .ar-word{font-family:var(--font-quran);color:var(--gold);font-size:1.375rem;line-height:1}.orn{color:var(--gold);align-items:center;gap:.75rem;margin:2.5rem 0;display:flex}.orn:before,.orn:after{content:"";opacity:.5;background:currentColor;flex:1;height:1px}.orn svg{fill:none;stroke:currentColor;stroke-width:1.6px;flex:none;width:.875rem;height:.875rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.chips{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.chip{background:var(--surface);border:1px solid var(--border);min-height:2.375rem;box-shadow:var(--shadow-sm);color:var(--text);font-family:var(--font-sans);border-radius:999px;align-items:center;gap:.375rem;padding:.25rem .9375rem;font-size:.9375rem;font-weight:550;text-decoration:none;transition:border-color .15s,color .15s,background-color .15s,transform .15s;display:inline-flex}.chip:hover{border-color:color-mix(in srgb, var(--brand) 45%, var(--border));background:var(--brand-soft);color:var(--brand)}.chip:active{transform:scale(.97)}.icon-btn{min-width:2.75rem;height:2.75rem;color:var(--muted);font-family:var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.375rem;padding-inline:.625rem;font-size:.9375rem;font-weight:550;text-decoration:none;list-style:none;transition:background-color .15s,color .15s;display:inline-flex}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn svg{flex:none}.btn{border:1px solid var(--border);background:var(--surface);min-height:2.75rem;box-shadow:var(--shadow-sm);color:var(--text);font-family:var(--font-sans);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.9875rem;font-weight:650;text-decoration:none;transition:border-color .15s,background-color .15s,color .15s,box-shadow .15s,transform .12s;display:inline-flex}.btn:hover{border-color:color-mix(in srgb, var(--brand) 40%, var(--border));color:var(--brand)}.btn:active{transform:scale(.97)}.btn.primary{background:var(--brand);color:var(--brand-ink);box-shadow:0 6px 18px -8px color-mix(in srgb, var(--brand) 80%, transparent);border-color:#0000}.btn.primary:hover{background:var(--brand-2);color:var(--brand-ink);box-shadow:0 10px 24px -10px color-mix(in srgb, var(--brand) 90%, transparent)}.sheet{border:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface);width:min(100%,34rem);max-width:100%;max-height:min(90vh,44rem);color:var(--text);box-shadow:var(--shadow-lg);border-bottom:0;margin:auto auto 0;padding:0}.sheet::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet[open]{animation:.28s cubic-bezier(.2,.8,.2,1) sheet-in}@keyframes sheet-in{0%{opacity:0;transform:translateY(2rem)}}@media (width>=640px){.sheet{border-bottom:1px solid var(--border);border-radius:var(--radius-lg);margin:auto}}.sheet-head{justify-content:space-between;align-items:center;gap:1rem;padding:.875rem .75rem .25rem;padding-inline-start:1.375rem;display:flex}.sheet-head h2{margin:0;font-size:1.1875rem}.sheet-head:before{content:"";background:var(--surface-3);border-radius:999px;width:2.5rem;height:.25rem;position:absolute;top:.4rem;left:calc(50% - 1.25rem)}@media (width>=640px){.sheet-head:before{display:none}}.toast{left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:90;background:var(--text);max-width:calc(100% - 2rem);color:var(--bg);font-family:var(--font-sans);box-shadow:var(--shadow-lg);pointer-events:none;border-radius:999px;padding:.6875rem 1.25rem;font-size:.9375rem;font-weight:600;transition:opacity .2s,transform .25s cubic-bezier(.2,.8,.2,1);position:fixed;transform:translate(-50%)}.toast:empty,.toast[data-hidden]{opacity:0;transform:translate(-50%,1rem)}body.has-player .toast{bottom:calc(5.75rem + env(safe-area-inset-bottom))}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}.ayah .acts{gap:.125rem;margin-inline-end:-.375rem;display:inline-flex}.ayah .acts button{width:2.5rem;height:2.5rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;transition:background-color .15s,color .15s,transform .12s;display:grid}.ayah .acts button:hover{background:var(--brand-soft);color:var(--brand)}.ayah .acts button:active{transform:scale(.9)}.ayah .acts svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.ayah .acts .i-pause,.audio-on .ayah.playing .acts .i-play{display:none}.audio-on .ayah.playing .acts .i-pause{display:inline}.ayah.playing [data-act=play]{background:var(--brand);color:var(--brand-ink)}.ayah.playing [data-act=play]:hover{background:var(--brand-2);color:var(--brand-ink)}.ayah .acts button.on{color:var(--gold)}.ayah .acts button.on svg{fill:currentColor}.star-num{width:2.5rem;height:2.5rem;color:var(--text);font-family:var(--font-sans);font-variant-numeric:lining-nums tabular-nums;flex:none;place-items:center;font-size:.8125rem;font-weight:700;line-height:1;display:inline-grid;position:relative}.star-num svg{width:100%;height:100%;fill:var(--surface-2);stroke:color-mix(in srgb, var(--gold) 70%, transparent);stroke-width:1px;transition:transform .4s cubic-bezier(.2,.8,.2,1),fill .2s,stroke .2s;position:absolute;inset:0}.star-num span{position:relative}.ar .w,.bismillah .w{cursor:pointer;border-radius:.3em;padding-inline:.06em;line-height:1.6;transition:background-color .18s,color .18s,transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,text-shadow .18s;display:inline-block;position:relative}@media (hover:hover) and (pointer:fine){.ar .w:hover,.bismillah .w:hover{background:var(--word-hover);color:var(--brand);box-shadow:0 6px 16px -10px color-mix(in srgb, var(--gold) 90%, transparent);text-shadow:0 0 18px color-mix(in srgb, var(--gold) 45%, transparent);transform:translateY(-2px)}}.ar .w.on,.bismillah .w.on{background:var(--highlight);color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb, var(--gold) 55%, transparent), 0 8px 20px -10px color-mix(in srgb, var(--gold) 90%, transparent);transform:translateY(-2px)}.ar .w.sounding,.bismillah .w.sounding{animation:.9s ease-in-out infinite alternate word-glow}@keyframes word-glow{to{box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 70%, transparent), 0 0 28px -2px color-mix(in srgb, var(--gold) 70%, transparent)}}.ar .w.hint{animation:1.4s ease-in-out 3 word-hint}@keyframes word-hint{50%{background:var(--word-hover);color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 55%, transparent)}}.wpop{z-index:70;color:#f4f7f5;min-width:7rem;max-width:min(20rem,100vw - 1rem);font-family:var(--font-sans);text-align:center;pointer-events:none;background:#14201b;border-radius:12px;flex-direction:column;align-items:center;gap:.125rem;padding:.5rem .875rem .5625rem;font-size:1rem;line-height:1.35;animation:.18s cubic-bezier(.2,.8,.2,1) pop-in;display:flex;position:absolute;box-shadow:0 12px 32px -8px #00000073}:root[data-theme=dark] .wpop{color:#10201a;background:#e9f1ed}@media (prefers-color-scheme:dark){:root:not([data-theme]) .wpop{color:#10201a;background:#e9f1ed}}.wpop:after{content:"";left:var(--arrow,50%);background:inherit;border-radius:2px;width:10px;height:10px;margin-left:-5px;position:absolute;bottom:-5px;transform:rotate(45deg)}.wpop[data-side=below]:after{top:-5px;bottom:auto}.wpop[hidden]{display:none}.wpop .cue{letter-spacing:.06em;text-transform:uppercase;opacity:.8;align-items:center;gap:.375rem;font-size:.75rem;font-weight:700;display:inline-flex}.wpop .cue svg{fill:currentColor;width:14px;height:14px}.wpop .bars{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.wpop .bars i{background:currentColor;border-radius:2px;width:3px;height:100%;animation:.8s ease-in-out infinite bars}.wpop .bars i:nth-child(2){animation-delay:-.3s}.wpop .bars i:nth-child(3){animation-delay:-.55s}@keyframes bars{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.wpop .tl{opacity:.9;font-size:.9375rem;font-style:italic}.wpop b{font-size:1.0625rem;font-weight:700}.wpop .tip{font-size:.9375rem;font-weight:600}@keyframes pop-in{0%{opacity:0;transform:translateY(4px)scale(.96)}}:root.js[data-qfont=madinah] [data-reader] .ayah .ar:not([data-script]),:root.js[data-qfont=madinah] [data-reader] .bismillah:not([data-script]),:root.js[data-qfont=indopak] [data-reader] .ayah .ar:not([data-script]),:root.js[data-qfont=indopak] [data-reader] .bismillah:not([data-script]){visibility:hidden;animation:0s 4s forwards qfont-wait}@keyframes qfont-wait{to{visibility:visible}}.bismillah[data-script=madinah]{font-family:"RS Madinah", var(--font-quran)}.bismillah[data-script=indopak]{font-family:"RS IndoPak", var(--font-quran)}.script-hint{left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:58;border:1px solid var(--border);background:var(--surface);width:min(100% - 1.5rem,30rem);color:var(--text);box-shadow:var(--shadow-lg);border-radius:20px;align-items:center;gap:.75rem;padding:.625rem .5rem .625rem .75rem;transition:opacity .25s,transform .25s;animation:.4s cubic-bezier(.2,.8,.2,1) hint-in;display:flex;position:fixed;transform:translate(-50%)}.script-hint.out{opacity:0;transform:translate(-50%,1rem)}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,1.5rem)}}body.has-player .script-hint{bottom:calc(6rem + env(safe-area-inset-bottom))}.sh-sample{background:var(--brand-soft);min-width:4.5rem;height:3rem;color:var(--brand);font-family:"RS IndoPak", var(--font-quran);border-radius:12px;flex:none;place-items:center;padding-inline:.5rem;font-size:1.25rem;line-height:1;display:grid}.sh-text{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.sh-text strong{font-size:.9375rem;font-weight:700}.sh-text small{color:var(--muted);font-size:.8125rem}.sh-go{background:var(--brand);min-height:2.5rem;color:var(--brand-ink);cursor:pointer;border:0;border-radius:999px;flex:none;padding:0 1rem;font-size:.9375rem;font-weight:700}.sh-go:hover{background:var(--brand-2)}.sh-x{width:2.25rem;height:2.25rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.sh-x:hover{background:var(--surface-2);color:var(--text)}.sh-x svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:18px;height:18px}.read-progress{top:0;z-index:60;background:linear-gradient(90deg, var(--brand), var(--gold));transform-origin:0;height:3px;transform:scaleX(var(--progress,0));pointer-events:none;position:fixed;inset-inline:0}:root[dir=rtl] .read-progress{transform-origin:100%;background:linear-gradient(270deg, var(--brand), var(--gold))}.placeholder{border:1px dashed var(--rule);border-radius:var(--radius);background:var(--surface);text-align:center;color:var(--muted);padding:2.5rem 1.25rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{top:.5rem;border-radius:var(--radius-sm);background:var(--surface);z-index:100;padding:.5rem 1rem;position:absolute;inset-inline-start:1rem;transform:translateY(-200%)}.skip:focus{transform:none}:root:not(.js) [data-js]{display:none!important}.friday{display:none}:root[data-friday] .friday{display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}ol.svelte-1jovwxm{color:var(--muted);flex-wrap:wrap;gap:.25rem;margin:0 0 1rem;padding:0;font-size:.8125rem;list-style:none;display:flex}a.svelte-1jovwxm{color:var(--muted);text-decoration:none}a.svelte-1jovwxm:hover{color:var(--brand)}li.svelte-1jovwxm+li:where(.svelte-1jovwxm):before{content:"›";margin-inline-end:.25rem}.mark.svelte-1mi20zr{flex:none;display:block}.site-footer.svelte-jz8lnl{isolation:isolate;background:var(--hero);color:#ffffffdb;margin-top:4rem;font-size:.9375rem;position:relative}.band.svelte-jz8lnl{z-index:-1;opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.10'%3E%3Cpath d='M28 12l4.7 4.7h6.6v6.6L44 28l-4.7 4.7v6.6h-6.6L28 44l-4.7-4.7h-6.6v-6.6L12 28l4.7-4.7v-6.6h6.6z'/%3E%3Cpath d='M0 0l12 12M56 0L44 12M0 56l12-12M56 56L44 44'/%3E%3Ccircle cx='28' cy='28' r='3.5'/%3E%3C/g%3E%3C/svg%3E") 50%/56px 56px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.cols.svelte-jz8lnl{grid-template-columns:1.5fr repeat(3,1fr);gap:2rem;padding-top:3rem;display:grid}.brand.svelte-jz8lnl{color:#fff;letter-spacing:-.03em;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;text-decoration:none;display:inline-flex}.brand.svelte-jz8lnl span:where(.svelte-jz8lnl){color:var(--hero-gold);margin-inline-start:-.5rem}.brand.svelte-jz8lnl .mark path{fill:#fff}.brand.svelte-jz8lnl .mark circle:first-of-type{fill:#0b5a4b}.about.svelte-jz8lnl p:where(.svelte-jz8lnl){color:#ffffffb8;max-width:22rem;margin:.75rem 0 0}.about.svelte-jz8lnl a:where(.svelte-jz8lnl){color:#fff}.label.svelte-jz8lnl{color:var(--hero-gold);margin-bottom:.875rem}ul.svelte-jz8lnl{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}ul.svelte-jz8lnl a:where(.svelte-jz8lnl){color:#ffffffdb;text-decoration:none;transition:color .15s}ul.svelte-jz8lnl a:where(.svelte-jz8lnl):hover{color:#fff;-webkit-text-decoration:underline #ffffff80;text-decoration:underline #ffffff80}.site-footer.svelte-jz8lnl :focus-visible{outline-color:#fff}.legal.svelte-jz8lnl{padding-block:1.25rem calc(1.25rem + env(safe-area-inset-bottom));color:#fff9;border-top:1px solid #ffffff24;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;margin-top:2.5rem;font-size:.8125rem;display:flex}@media (width<=760px){.cols.svelte-jz8lnl{grid-template-columns:1fr 1fr}.about.svelte-jz8lnl{grid-column:1/-1}}.site-header.svelte-1elxaub{z-index:50;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(14px);backdrop-filter:saturate(1.6)blur(14px);border-bottom:1px solid color-mix(in srgb, var(--border) 80%, transparent);transition:transform .3s cubic-bezier(.2,.8,.2,1);position:sticky;top:0}.site-header.svelte-1elxaub.hide{transform:translateY(-100%)}.bar.svelte-1elxaub{height:var(--header-h);align-items:center;gap:1rem;display:flex}.logo.svelte-1elxaub{color:var(--text);align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.logo.svelte-1elxaub .mark{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.logo.svelte-1elxaub:hover .mark{transform:rotate(45deg)}.word.svelte-1elxaub{letter-spacing:-.03em;font-size:1.25rem;font-weight:800;line-height:1}.word.svelte-1elxaub span:where(.svelte-1elxaub){color:var(--brand)}.nav.svelte-1elxaub{gap:.125rem;display:flex}.nav.svelte-1elxaub a:where(.svelte-1elxaub){color:var(--muted);border-radius:999px;padding:.4375rem .75rem;font-size:.9375rem;font-weight:550;text-decoration:none;transition:color .15s,background-color .15s}.nav.svelte-1elxaub a:where(.svelte-1elxaub):hover{color:var(--text);background:var(--surface-2)}.actions.svelte-1elxaub{align-items:center;gap:.125rem;margin-inline-start:auto;display:flex}.search-pill.svelte-1elxaub .hint:where(.svelte-1elxaub),.search-pill.svelte-1elxaub kbd:where(.svelte-1elxaub){display:none}@media (width>=900px){.search-pill.svelte-1elxaub{border:1px solid var(--border);background:var(--surface);min-width:13rem;box-shadow:var(--shadow-sm);justify-content:flex-start;gap:.5rem;margin-inline-end:.375rem;padding-inline:.875rem .5rem}.search-pill.svelte-1elxaub:hover{border-color:color-mix(in srgb, var(--brand) 40%, var(--border));background:var(--surface)}.search-pill.svelte-1elxaub .hint:where(.svelte-1elxaub){text-align:start;flex:1;font-weight:500;display:inline}.search-pill.svelte-1elxaub kbd:where(.svelte-1elxaub){border:1px solid var(--border);background:var(--surface-2);border-radius:6px;place-items:center;min-width:1.5rem;height:1.5rem;font-family:inherit;font-size:.75rem;font-weight:600;display:inline-grid}}summary.svelte-1elxaub::-webkit-details-marker{display:none}.menu.svelte-1elxaub{position:relative}.menu-list.svelte-1elxaub{inset-inline-end:0;border-radius:var(--radius);min-width:12rem;box-shadow:var(--shadow-lg);margin:0;padding:.375rem;list-style:none;animation:.18s cubic-bezier(.2,.8,.2,1) svelte-1elxaub-menu-in;position:absolute;top:calc(100% + .5rem)}@keyframes svelte-1elxaub-menu-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.menu-list.svelte-1elxaub a:where(.svelte-1elxaub){border-radius:var(--radius-sm);color:var(--text);padding:.625rem .75rem;font-weight:550;text-decoration:none;display:block}.menu-list.svelte-1elxaub a:where(.svelte-1elxaub):hover{background:var(--surface-2)}.menu-list.svelte-1elxaub a[aria-current]:where(.svelte-1elxaub){color:var(--brand);background:var(--brand-soft)}@media (width<=640px){.hide-sm.svelte-1elxaub{display:none}.word.svelte-1elxaub{font-size:1.1875rem}.bar.svelte-1elxaub{gap:.5rem}.nav.svelte-1elxaub{gap:0}.nav.svelte-1elxaub a:where(.svelte-1elxaub){padding-inline:.625rem}}@media (width<=480px){.hide-xs.svelte-1elxaub{display:none}}@media (width<=374px){.nav.svelte-1elxaub{display:none}.actions.svelte-1elxaub .icon-btn{min-width:2.5rem;padding-inline:.375rem}}.sprite.svelte-1cylvhw{width:0;height:0;position:absolute;overflow:hidden}.search-sheet.svelte-1c95nfn{border:1px solid var(--border);border-top:0;border-radius:0 0 20px 20px;max-height:none;margin:0 auto auto;overflow:visible}.search-sheet[open].svelte-1c95nfn{animation:.18s ease-out svelte-1c95nfn-drop}@keyframes svelte-1c95nfn-drop{0%{opacity:0;transform:translateY(-1rem)}}@media (width>=640px){.search-sheet.svelte-1c95nfn{border-top:1px solid var(--border);border-radius:20px;margin-top:12vh}}.wrap.svelte-1c95nfn{align-items:flex-start;gap:.375rem;padding:.75rem;display:flex}.wrap.svelte-1c95nfn>form:first-child{flex:1}.wrap.svelte-1c95nfn .results{max-height:60vh;box-shadow:none;border:0;margin-top:.5rem;padding:0;position:static}.wrap.svelte-1c95nfn .field{box-shadow:none}.settings.svelte-1mhf53w{overflow-y:auto}.body.svelte-1mhf53w{padding:.25rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom))}legend.svelte-1mhf53w{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.625rem;padding:0;font-size:.8125rem;font-weight:700}fieldset.svelte-1mhf53w{border:0;min-width:0;margin:0;padding:0}.body.svelte-1mhf53w>[hidden]{display:none}.fonts.svelte-1mhf53w{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;margin-bottom:1rem;display:grid}.fonts.svelte-1mhf53w legend:where(.svelte-1mhf53w){grid-column:1/-1}.font.svelte-1mhf53w{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;flex-direction:column;gap:.125rem;min-width:0;padding:.625rem .75rem .75rem;transition:border-color .15s,box-shadow .15s,background-color .15s;display:flex;position:relative}.font.svelte-1mhf53w:hover{border-color:color-mix(in srgb, var(--brand) 40%, var(--border))}.font.svelte-1mhf53w:has(input:where(.svelte-1mhf53w):checked){border-color:var(--brand);background:color-mix(in srgb, var(--brand-soft) 55%, var(--surface));box-shadow:0 0 0 1px var(--brand)}.font.svelte-1mhf53w:has(input:where(.svelte-1mhf53w):focus-visible){outline:2px solid var(--brand);outline-offset:2px}.font.svelte-1mhf53w input:where(.svelte-1mhf53w){opacity:0;pointer-events:none;position:absolute}.sample.svelte-1mhf53w{min-height:3.25rem;color:var(--text-ar);text-align:center;white-space:nowrap;font-size:1.375rem;line-height:2.25;display:block;overflow:hidden;-webkit-mask-image:linear-gradient(270deg,#000 78%,#0000);mask-image:linear-gradient(270deg,#000 78%,#0000)}.s-madinah.svelte-1mhf53w{font-family:"RS Madinah", var(--font-arabic)}.s-indopak.svelte-1mhf53w{font-family:"RS IndoPak", var(--font-arabic);font-size:1.5rem}.s-amiri.svelte-1mhf53w{font-family:"Amiri Quran RS", var(--font-arabic)}.s-naskh.svelte-1mhf53w{font-family:"RS Naskh Quran", var(--font-arabic);font-size:1.3125rem}.fname.svelte-1mhf53w{flex-wrap:wrap;align-items:center;gap:.25rem .5rem;font-size:.9375rem;font-weight:700;display:flex}.fname.svelte-1mhf53w em:where(.svelte-1mhf53w){background:color-mix(in srgb, var(--gold) 18%, transparent);color:color-mix(in srgb, var(--gold) 75%, var(--text));border-radius:999px;padding:.0625rem .4375rem;font-size:.6875rem;font-style:normal;font-weight:700}.font.svelte-1mhf53w small:where(.svelte-1mhf53w){color:var(--muted);font-size:.75rem;line-height:1.35}.check.svelte-1mhf53w{top:.5rem;background:var(--brand);width:1.25rem;height:1.25rem;color:var(--brand-ink);opacity:0;border-radius:50%;place-items:center;transition:opacity .15s,transform .2s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;inset-inline-end:.5rem;transform:scale(.6)}.check.svelte-1mhf53w svg:where(.svelte-1mhf53w){fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:.875rem;height:.875rem}.font.svelte-1mhf53w:has(input:where(.svelte-1mhf53w):checked) .check:where(.svelte-1mhf53w){opacity:1;transform:none}.themes.svelte-1mhf53w{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1rem 0 0;padding-top:1rem;display:grid}.themes.svelte-1mhf53w legend:where(.svelte-1mhf53w){float:left;grid-column:1/-1;width:100%}.theme.svelte-1mhf53w{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;align-items:center;gap:.375rem;padding:.5rem .25rem;font-size:.8125rem;font-weight:550;transition:border-color .15s;display:flex}.theme.svelte-1mhf53w:hover{border-color:color-mix(in srgb, var(--brand) 40%, var(--border))}.theme.svelte-1mhf53w:has(input:where(.svelte-1mhf53w):checked){border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);color:var(--brand);font-weight:700}.theme.svelte-1mhf53w:has(input:where(.svelte-1mhf53w):focus-visible){outline:2px solid var(--brand);outline-offset:2px}.theme.svelte-1mhf53w input:where(.svelte-1mhf53w){opacity:0;pointer-events:none;position:absolute}.swatch.svelte-1mhf53w{border:1px solid #00000026;border-radius:50%;width:2.25rem;height:2.25rem}[data-swatch=auto].svelte-1mhf53w .swatch:where(.svelte-1mhf53w){background:linear-gradient(135deg,#f7f6f2 50%,#0c1110 50%)}[data-swatch=light].svelte-1mhf53w .swatch:where(.svelte-1mhf53w){background:#f7f6f2}[data-swatch=sepia].svelte-1mhf53w .swatch:where(.svelte-1mhf53w){background:#f4ead6}[data-swatch=dark].svelte-1mhf53w .swatch:where(.svelte-1mhf53w){background:#0c1110}.row.svelte-1mhf53w{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;min-height:3.25rem;font-weight:550;display:flex}.stepper.svelte-1mhf53w{background:var(--surface-2);border-radius:999px;align-items:center;gap:.25rem;padding:.1875rem;display:flex}.step.svelte-1mhf53w{background:var(--surface);width:2.5rem;height:2.5rem;box-shadow:var(--shadow-sm);cursor:pointer;border:0;border-radius:50%;place-items:center;transition:color .15s,transform .12s;display:grid}.step.svelte-1mhf53w:hover:not([aria-disabled=true]){color:var(--brand)}.step.svelte-1mhf53w:active:not([aria-disabled=true]){transform:scale(.92)}.step.svelte-1mhf53w[aria-disabled=true]{opacity:.4;cursor:default}.small.svelte-1mhf53w{font-size:.875rem}.large.svelte-1mhf53w{font-size:1.25rem}output.svelte-1mhf53w{text-align:center;font-variant-numeric:tabular-nums;min-width:3.25rem;color:var(--muted);font-size:.875rem;font-weight:600}.switch.svelte-1mhf53w{cursor:pointer}.switch.svelte-1mhf53w input:where(.svelte-1mhf53w){appearance:none;background:var(--surface-3);border:1px solid var(--muted);cursor:pointer;border-radius:999px;flex:none;width:2.875rem;height:1.75rem;margin:0;transition:background .2s;position:relative}.switch.svelte-1mhf53w input:where(.svelte-1mhf53w):after{content:"";top:2px;background:var(--muted);width:1.375rem;height:1.375rem;box-shadow:var(--shadow-sm);border-radius:50%;transition:transform .2s cubic-bezier(.2,.8,.2,1);position:absolute;inset-inline-start:2px}.switch.svelte-1mhf53w input:where(.svelte-1mhf53w):checked{background:var(--brand);border-color:var(--brand)}.switch.svelte-1mhf53w input:where(.svelte-1mhf53w):checked:after{background:#fff;transform:translate(1.125rem)}[dir=rtl] .switch.svelte-1mhf53w input:where(.svelte-1mhf53w):checked:after{transform:translate(-1.125rem)}