.player.svelte-kbbpe6{inset-inline:.5rem;bottom:calc(.5rem + env(safe-area-inset-bottom));z-index:60;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(16px);backdrop-filter:saturate(1.6)blur(16px);max-width:46rem;box-shadow:var(--shadow-lg);border-radius:20px;margin-inline:auto;animation:.35s cubic-bezier(.2,.8,.2,1) svelte-kbbpe6-player-in;position:fixed}@keyframes svelte-kbbpe6-player-in{0%{opacity:0;transform:translateY(1.5rem)}}.player[hidden].svelte-kbbpe6{display:none}.inner.svelte-kbbpe6{align-items:center;gap:.25rem;padding:.5rem;display:flex}.pp.svelte-kbbpe6{background:var(--brand);width:3rem;height:3rem;color:var(--brand-ink);cursor:pointer;box-shadow:0 8px 18px -8px color-mix(in srgb, var(--brand) 80%, transparent);border:0;border-radius:50%;flex:none;place-items:center;margin-inline-end:.5rem;transition:transform .15s,background-color .15s;display:grid}.pp.svelte-kbbpe6:hover{background:var(--brand-2)}.pp.svelte-kbbpe6:active{transform:scale(.94)}.pp.svelte-kbbpe6 .i-play{margin-left:2px}.player.svelte-kbbpe6 .i-pause,.player.svelte-kbbpe6.playing .i-play{display:none}.player.svelte-kbbpe6.playing .i-pause{display:block}.meta.svelte-kbbpe6{flex-direction:column;flex:1;min-width:0;line-height:1.35;display:flex}.meta.svelte-kbbpe6 strong:where(.svelte-kbbpe6){font-weight:700}.meta.svelte-kbbpe6 strong:where(.svelte-kbbpe6),.meta.svelte-kbbpe6>span:where(.svelte-kbbpe6){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.meta.svelte-kbbpe6>span:where(.svelte-kbbpe6){color:var(--muted);font-size:.8125rem}.time.svelte-kbbpe6{font-variant-numeric:tabular-nums}.player.svelte-kbbpe6:not(.ayah-mode) .ayah-only:where(.svelte-kbbpe6){display:none}.rep.svelte-kbbpe6{gap:.125rem;position:relative}.rep.svelte-kbbpe6 .n:where(.svelte-kbbpe6){font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:700}.rep.svelte-kbbpe6 .n:where(.svelte-kbbpe6):empty{display:none}.rep.svelte-kbbpe6[aria-pressed=true]{color:var(--brand);background:var(--brand-soft)}.speed.svelte-kbbpe6{font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:700}@media (width<=420px){.inner.svelte-kbbpe6{gap:0}.inner.svelte-kbbpe6 .icon-btn:where(.svelte-kbbpe6){min-width:2.25rem;padding-inline:.25rem}.pp.svelte-kbbpe6{width:2.75rem;height:2.75rem;margin-inline-end:.375rem}}[dir=rtl] .player.svelte-kbbpe6 .flip{transform:scaleX(-1)}.seek.svelte-kbbpe6{inset-inline:1.25rem;appearance:none;cursor:pointer;--p:0%;background:0 0;width:calc(100% - 2.5rem);height:1.375rem;margin:0;position:absolute;top:-.6875rem}.seek.svelte-kbbpe6::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--brand) var(--p), var(--surface-3) var(--p));border-radius:999px;height:4px}.seek.svelte-kbbpe6::-moz-range-track{background:linear-gradient(to right, var(--brand) var(--p), var(--surface-3) var(--p));border-radius:999px;height:4px}.seek.svelte-kbbpe6::-webkit-slider-thumb{appearance:none;background:var(--brand);border:2px solid var(--surface);width:14px;height:14px;box-shadow:var(--shadow-sm);border-radius:50%;margin-top:-5px}.seek.svelte-kbbpe6::-moz-range-thumb{background:var(--brand);border:2px solid var(--surface);border-radius:50%;width:14px;height:14px}[dir=rtl] .seek.svelte-kbbpe6::-webkit-slider-runnable-track{background:linear-gradient(to left, var(--brand) var(--p), var(--surface-3) var(--p))}[dir=rtl] .seek.svelte-kbbpe6::-moz-range-track{background:linear-gradient(to left, var(--brand) var(--p), var(--surface-3) var(--p))}body.has-player{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}.reader.svelte-1mp5sxx{max-width:var(--measure);margin-inline:auto}.surah-head.svelte-1mp5sxx{margin-top:.25rem;position:relative}.hero.svelte-1mp5sxx{isolation:isolate;border-radius:var(--radius-lg);background:var(--hero);color:var(--hero-text);text-align:center;box-shadow:var(--shadow);padding:1.5rem 1rem 2rem;position:relative;overflow:hidden}.hero.svelte-1mp5sxx:before{content:"";z-index:-1;background:radial-gradient(120% 90% at 100% 0,#ffffff29,#0000 55%),radial-gradient(90% 70% at 0 100%,#f3d68f1f,#0000 60%);position:absolute;inset:0}.hero.svelte-1mp5sxx:after{content:"";z-index:-1;opacity:.55;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='.12'%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:radial-gradient(130% 100% at 50% 0,#000 30%,#0000 85%);mask-image:radial-gradient(130% 100% at 50% 0,#000 30%,#0000 85%)}@media (width>=640px){.hero.svelte-1mp5sxx{padding:2rem 2rem 2.25rem}}.hero-top.svelte-1mp5sxx{justify-content:center;align-items:center;gap:.75rem;display:flex}.hero-num.svelte-1mp5sxx{width:2.375rem;height:2.375rem;color:var(--hero-text);font-size:.75rem}.hero-num.svelte-1mp5sxx svg:where(.svelte-1mp5sxx){fill:#ffffff1a;stroke:var(--hero-gold);stroke-width:1.2px}.name-ar.svelte-1mp5sxx{color:var(--hero-gold);white-space:nowrap;text-shadow:0 2px 18px #0000002e;margin:0;font-size:clamp(2.125rem,7.5vw,3rem);line-height:1.55}h1.svelte-1mp5sxx{color:inherit;margin:.125rem 0 .25rem;font-size:clamp(1.4375rem,5vw,2.125rem);font-weight:800}h1.name-ar.svelte-1mp5sxx{letter-spacing:0;margin:0;font-weight:400}.meaning.svelte-1mp5sxx{color:#ffffffd1;margin:0 0 .25rem;font-size:1.0625rem;font-weight:500}.facts.svelte-1mp5sxx{flex-wrap:wrap;justify-content:center;gap:.375rem;margin:.875rem 0 0;padding:0;font-size:.8125rem;font-weight:600;list-style:none;display:flex}.facts.svelte-1mp5sxx li:where(.svelte-1mp5sxx):not(.visually-hidden){color:#ffffffeb;background:#ffffff1f;border:1px solid #ffffff24;border-radius:999px;align-items:center;min-height:1.75rem;padding:.125rem .6875rem;line-height:1.4;display:inline-flex}.facts.svelte-1mp5sxx a:where(.svelte-1mp5sxx){color:inherit;text-decoration:none}.facts.svelte-1mp5sxx a:where(.svelte-1mp5sxx):hover{-webkit-text-decoration:underline #fff9;text-decoration:underline #fff9}.toolbar.svelte-1mp5sxx{justify-content:center;align-items:center;gap:.5rem;margin-top:1.125rem;display:flex}.hero.svelte-1mp5sxx :focus-visible{outline-color:#fff}.listen.svelte-1mp5sxx{color:#0b3d33;white-space:nowrap;background:#fff;border:0;flex:0 auto;min-width:0;min-height:3rem;padding-block:.25rem;padding-inline:.3125rem 1.125rem;font-weight:700;box-shadow:0 10px 24px -12px #00000080}.listen.svelte-1mp5sxx:hover{color:#0b3d33;background:#fff;box-shadow:0 14px 30px -12px #0000008c}.pp.svelte-1mp5sxx{color:#fff;background:#0d6e5b;border-radius:50%;flex:none;place-items:center;width:2.375rem;height:2.375rem;transition:transform .2s;display:grid}.listen.svelte-1mp5sxx:hover .pp:where(.svelte-1mp5sxx){transform:scale(1.06)}.pp.svelte-1mp5sxx .i-play{margin-left:2px}.listen-label.svelte-1mp5sxx{text-overflow:ellipsis;min-width:0;overflow:hidden}.listen.svelte-1mp5sxx .i-pause,.listen.svelte-1mp5sxx.is-playing .i-play{display:none}.listen.svelte-1mp5sxx.is-playing .i-pause{display:block}.dur.svelte-1mp5sxx{opacity:.7;font-variant-numeric:tabular-nums;font-weight:500}.glass.svelte-1mp5sxx{color:#fff;min-height:3rem;box-shadow:none;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #ffffff38;flex:none}.glass.svelte-1mp5sxx:hover{color:#fff;background:#fff3;border-color:#fff6}.mushaf.svelte-1mp5sxx{padding-inline:1rem 1.125rem}.settings.svelte-1mp5sxx{width:3rem;padding:0}.reciter.svelte-1mp5sxx span:where(.svelte-1mp5sxx){margin-inline:.375rem}.reciter.svelte-1mp5sxx a:where(.svelte-1mp5sxx){color:inherit;font-weight:600;text-decoration-color:#ffffff80}.reciter.svelte-1mp5sxx a:where(.svelte-1mp5sxx):hover{color:#fff;text-decoration-color:#fff}.text-h.svelte-1mp5sxx{max-width:34rem;color:var(--muted);letter-spacing:0;text-align:center;margin:1.75rem auto 0;font-size:.9375rem;font-weight:650;line-height:1.45}.reciter.svelte-1mp5sxx{color:#ffffffb3;margin:.625rem 0 0;font-size:.8125rem}@media (width<=480px){.listen.svelte-1mp5sxx{flex:auto}.listen.svelte-1mp5sxx .dur:where(.svelte-1mp5sxx){margin-inline-start:auto}.mushaf.svelte-1mp5sxx span:where(.svelte-1mp5sxx){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mushaf.svelte-1mp5sxx{width:3rem;padding:0}}@media (width<=374px){.dur.svelte-1mp5sxx{display:none}.toolbar.svelte-1mp5sxx{gap:.375rem}.listen.svelte-1mp5sxx{padding-inline-end:.875rem}.mushaf.svelte-1mp5sxx,.settings.svelte-1mp5sxx{width:2.75rem;min-height:2.75rem}}noscript.svelte-1mp5sxx audio:where(.svelte-1mp5sxx){width:100%;margin-top:.5rem;display:block}.tabs.svelte-1mp5sxx{background:var(--surface);border:1px solid var(--border);width:fit-content;box-shadow:var(--shadow);border-radius:999px;justify-content:center;margin:-1.25rem auto 0;padding:.25rem;display:flex;position:relative}.tabs.svelte-1mp5sxx a:where(.svelte-1mp5sxx){min-width:4.5rem;color:var(--muted);text-align:center;border-radius:999px;padding:.4375rem 1rem;font-size:.875rem;font-weight:650;text-decoration:none;transition:background-color .15s,color .15s}.tabs.svelte-1mp5sxx a:where(.svelte-1mp5sxx):hover{color:var(--text)}.tabs.svelte-1mp5sxx a[aria-current=page]:where(.svelte-1mp5sxx){background:var(--brand);color:var(--brand-ink)}.intro-box.svelte-1mp5sxx{margin-top:1.5rem}.intro.svelte-1mp5sxx{color:var(--muted);font-size:1rem;line-height:1.7}.intro.svelte-1mp5sxx p:where(.svelte-1mp5sxx){margin:0 0 .75rem}.more.svelte-1mp5sxx{display:none}.js .intro.svelte-1mp5sxx:not(.open){max-height:5.1em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 45%,#0000);mask-image:linear-gradient(#000 45%,#0000)}.js .more.svelte-1mp5sxx{color:var(--brand);cursor:pointer;background:0 0;border:0;align-items:center;margin:.25rem 0 0;padding:.375rem 0;font-size:.9375rem;font-weight:650;display:inline-flex}.js .more.svelte-1mp5sxx:hover{text-decoration:underline}.bismillah-row.svelte-1mp5sxx{justify-content:center;align-items:center;gap:1rem;margin:1.75rem 0 .75rem;display:flex}.text-h.svelte-1mp5sxx+.bismillah-row:where(.svelte-1mp5sxx){margin-top:.625rem}.bismillah-row.svelte-1mp5sxx:before,.bismillah-row.svelte-1mp5sxx:after{content:"";background:linear-gradient(to right, transparent, var(--gold));flex:1 1 0;max-width:5rem;height:1px}.bismillah-row.svelte-1mp5sxx:after,[dir=rtl] .bismillah-row.svelte-1mp5sxx:before{background:linear-gradient(to left, transparent, var(--gold))}[dir=rtl] .bismillah-row.svelte-1mp5sxx:after{background:linear-gradient(to right, transparent, var(--gold))}.bismillah.svelte-1mp5sxx{text-align:center;font-size:calc(var(--ar-size) * 1.05);color:var(--text-ar);margin:0;line-height:2}.next-nav.svelte-1mp5sxx{gap:.75rem;margin-top:2.5rem;display:grid}.next.svelte-1mp5sxx{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);color:inherit;align-items:center;gap:1rem;padding:1.125rem 1.25rem;text-decoration:none;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex}.next.svelte-1mp5sxx:hover{border-color:color-mix(in srgb, var(--brand) 35%, var(--border));box-shadow:var(--shadow);transform:translateY(-2px)}.next-ar.svelte-1mp5sxx{color:var(--gold);flex:none;order:2;font-size:1.75rem;line-height:1.4}.text.svelte-1mp5sxx{flex-direction:column;flex:1;min-width:0;line-height:1.4;display:flex}.text.svelte-1mp5sxx small:where(.svelte-1mp5sxx){color:var(--brand);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700}.text.svelte-1mp5sxx strong:where(.svelte-1mp5sxx){letter-spacing:-.01em;font-size:1.25rem;font-weight:750}.text.svelte-1mp5sxx span:where(.svelte-1mp5sxx){color:var(--muted);font-size:.9375rem}.arrow.svelte-1mp5sxx{background:var(--brand);width:2.75rem;height:2.75rem;color:var(--brand-ink);border-radius:50%;flex:none;order:3;place-items:center;transition:transform .2s;display:grid}.next.svelte-1mp5sxx:hover .arrow:where(.svelte-1mp5sxx){transform:translate(3px)}@media (width<=480px){.next-ar.svelte-1mp5sxx{display:none}}.prev.svelte-1mp5sxx{color:var(--muted);justify-self:start;align-items:center;gap:.375rem;padding:.5rem 0;font-size:.9375rem;text-decoration:none;display:inline-flex}.prev.svelte-1mp5sxx:hover{color:var(--brand)}[dir=rtl] .next-nav.svelte-1mp5sxx svg{transform:scaleX(-1)}[dir=rtl] .next.svelte-1mp5sxx:hover .arrow:where(.svelte-1mp5sxx){transform:translate(-3px)}.related.svelte-1mp5sxx{margin-top:2.25rem}.resume-pill.svelte-1mp5sxx{left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:55;background:var(--brand);max-width:calc(100% - 2rem);color:var(--brand-ink);box-shadow:var(--shadow-lg);border-radius:999px;align-items:center;animation:.3s cubic-bezier(.2,.8,.2,1) svelte-1mp5sxx-pill-in;display:flex;position:fixed;transform:translate(-50%)}.resume-pill[hidden].svelte-1mp5sxx{display:none}@keyframes svelte-1mp5sxx-pill-in{0%{opacity:0;transform:translate(-50%,1rem)}}body.has-player .resume-pill.svelte-1mp5sxx{bottom:calc(5.5rem + env(safe-area-inset-bottom))}.resume-pill.svelte-1mp5sxx button:where(.svelte-1mp5sxx){min-height:2.875rem;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;display:inline-flex}.resume-pill.svelte-1mp5sxx .go:where(.svelte-1mp5sxx){white-space:nowrap;padding-block:0;padding-inline:1.125rem .5rem;font-size:.9875rem;font-weight:700}.resume-pill.svelte-1mp5sxx .x:where(.svelte-1mp5sxx){opacity:.8;padding-block:0;padding-inline:.375rem .875rem}