.landing.svelte-1n28514{--ink: #1c1b1e;--muted: #6f6b73;--faint: #a09aa4;--paper: #f7f1ec;--card: #fffdfb;position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:none;scroll-snap-type:y mandatory;scroll-behavior:smooth;background:var(--paper);color:var(--ink);font-family:var(--font-text);-webkit-font-smoothing:antialiased;scrollbar-width:none;-ms-overflow-style:none}.landing.svelte-1n28514::-webkit-scrollbar{display:none}.skip.svelte-1n28514{position:absolute;inset-inline-start:-9999px;z-index:60}.skip.svelte-1n28514:focus{inset-inline-start:12px;top:12px;background:var(--ink);color:#fff;padding:10px 14px;border-radius:var(--radius-pill);text-decoration:none}.topbar.svelte-1n28514{position:fixed;z-index:40;inset-inline:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top)) 18px 12px}.brand.svelte-1n28514{display:flex;align-items:center;height:40px;text-decoration:none}.brand.svelte-1n28514 img:where(.svelte-1n28514){display:block;width:auto;height:44px;filter:drop-shadow(0 1px 10px rgba(90,35,65,.24));transition:filter .3s}.rtl.svelte-1n28514 .brand:where(.svelte-1n28514) img:where(.svelte-1n28514){height:34px}.topbar-cta.svelte-1n28514{position:fixed;z-index:55;left:50%;bottom:max(16px,env(safe-area-inset-bottom));width:min(420px,calc(100vw - 32px));min-height:58px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;transform:translate(-50%);font-family:var(--font-text);font-size:17px;font-weight:600;text-decoration:none;color:#fff;padding:14px 24px;border-radius:var(--radius-pill);background:var(--ink);border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 34px -12px #1c1b1e9e;transition:background .25s,color .25s,transform .25s}.topbar-cta.svelte-1n28514:active{transform:translate(-50%) scale(.985)}.past.svelte-1n28514 .brand:where(.svelte-1n28514) img:where(.svelte-1n28514){filter:drop-shadow(0 1px 2px rgba(28,27,30,.62))}.past.svelte-1n28514 .topbar-cta:where(.svelte-1n28514){background:var(--ink);color:#fff}.hero.svelte-1n28514{position:relative}.stage.svelte-1n28514{--card-h: clamp(316px, 46svh, 392px);--deck-b: clamp(40px, 6svh, 76px);position:sticky;top:0;height:100svh;margin-bottom:-100svh;overflow:hidden;z-index:1}.snap.svelte-1n28514{height:100svh;scroll-snap-align:start;scroll-snap-stop:always}.backdrop.svelte-1n28514{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:0}.backdrop.svelte-1n28514 figure:where(.svelte-1n28514){position:absolute;top:0;right:0;bottom:0;left:0;margin:0;background-size:cover;background-position:center;filter:blur(20px) saturate(1.12);transform:scale(1.16);opacity:0;will-change:opacity,transform}.backdrop.svelte-1n28514 figure:where(.svelte-1n28514):first-child{opacity:1}.tints.svelte-1n28514{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.tints.svelte-1n28514 div:where(.svelte-1n28514){position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;will-change:opacity}.tints.svelte-1n28514 div:where(.svelte-1n28514):first-child{opacity:1}.veil.svelte-1n28514{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,0) 24%,rgba(250,244,240,.5) 74%,var(--paper) 100%)}.chips.svelte-1n28514{position:absolute;z-index:20;inset-inline:20px;bottom:calc(var(--deck-b) + var(--card-h) + 16px);display:flex;gap:8px}.chips.svelte-1n28514 a:where(.svelte-1n28514){font-family:var(--font-text);font-size:13px;text-decoration:none;color:#fff;padding:8px 15px;border-radius:var(--radius-pill);background:#fff3;border:1px solid rgba(255,255,255,.34);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .35s,color .35s}.chips.svelte-1n28514 a[aria-current=true]:where(.svelte-1n28514){background:#ffffffeb;color:#4a3a44;border-color:transparent}.scroll-cue.svelte-1n28514{position:absolute;z-index:20;inset-inline-start:20px;bottom:calc(var(--deck-b) + var(--card-h) + 66px);display:flex;align-items:center;max-width:min(72vw,390px);color:#fffffff5;font-size:13px;font-weight:600;text-shadow:0 1px 12px rgba(90,35,65,.38);opacity:0;transform:translateY(-4px);transition:opacity .25s,transform .25s;pointer-events:none}.scroll-cue.visible.svelte-1n28514{opacity:1;transform:translateY(0)}.scene-controls.svelte-1n28514{position:absolute;z-index:60;inset-inline-start:auto;inset-inline-end:max(7px,calc((100vw - min(86vw,340px))/2 - 20px));bottom:calc(var(--deck-b) + var(--card-h) / 2 - 52px);display:flex;flex-direction:column;gap:8px;pointer-events:none}.scene-controls.svelte-1n28514 button:where(.svelte-1n28514){width:48px;height:48px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.68);border-radius:50%;background:#ffffffe6;color:var(--ink);box-shadow:0 8px 24px -8px #3e233275;font-family:var(--font-text);font-size:34px;line-height:1;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scene-controls.svelte-1n28514 button:where(.svelte-1n28514):disabled{opacity:.24;cursor:default;pointer-events:none}.scene-controls.svelte-1n28514 button:where(.svelte-1n28514):active:not(:disabled){transform:scale(.94)}.scene.svelte-1n28514{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;opacity:0;visibility:hidden;pointer-events:none}.scene#ayah.svelte-1n28514{z-index:50;opacity:1;visibility:visible}.words.svelte-1n28514{position:absolute;inset-inline:20px;top:clamp(78px,12svh,128px)}.scene.svelte-1n28514 h1:where(.svelte-1n28514),.scene.svelte-1n28514 h2:where(.svelte-1n28514){margin:0;color:#fff;font-family:var(--font-text);font-weight:400;font-size:clamp(38px,11vw,56px);line-height:1.02;letter-spacing:-.03em;text-shadow:0 2px 26px rgba(150,80,110,.3)}.line.svelte-1n28514{display:block;overflow:visible}.line.svelte-1n28514 span:where(.svelte-1n28514){display:block;will-change:filter,transform}.lede.svelte-1n28514{margin:16px 0 0;max-width:34ch;color:#fffffff0;font-size:15px;line-height:1.45;text-shadow:0 1px 14px rgba(150,80,110,.34);will-change:filter,transform}.deck.svelte-1n28514{position:absolute;z-index:2;inset-inline:0;bottom:var(--deck-b);display:flex;justify-content:center}.card.svelte-1n28514{width:min(86vw,340px);height:var(--card-h);display:flex;flex-direction:column;background:var(--card);border-radius:22px;overflow:hidden;box-shadow:0 20px 44px -16px #5a324673,0 2px 8px #5a32461a;will-change:transform,opacity}.card-bar.svelte-1n28514{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px 10px}.card-surah.svelte-1n28514{font-size:11.5px;color:var(--muted);padding:5px 4px}.card-step.svelte-1n28514{font-size:11px;font-variant-numeric:tabular-nums;color:var(--faint);padding:5px 4px}.card-art.svelte-1n28514{position:relative;flex:1;min-height:0;display:grid;place-items:center;padding:14px 14px 16px;background-size:cover;background-position:center}.card-art.svelte-1n28514:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fffdfbdb,#fffdfb99)}.card-ayah.svelte-1n28514{position:relative;margin:0;direction:rtl;text-align:center;font-family:var(--font-quran);font-size:clamp(19px,5.6vw,23px);line-height:2;color:var(--ink)}.card-ayah.svelte-1n28514 mark:where(.svelte-1n28514){background:#f092c157;color:inherit;border-radius:4px;padding:0 2px}.card-num.svelte-1n28514{position:absolute;inset-block-end:8px;inset-inline-end:12px;font-size:10px;color:var(--faint)}.card-body.svelte-1n28514{padding:10px 13px 2px}.skel.svelte-1n28514{display:block;height:7px;border-radius:4px;background:#eae5e9;margin-bottom:7px}.skel.w90.svelte-1n28514{width:90%}.skel.w70.svelte-1n28514{width:70%}.card-player.svelte-1n28514{display:flex;align-items:center;gap:9px;padding:10px 13px 8px}.wave.svelte-1n28514{display:flex;align-items:center;gap:2px;height:16px;flex:1}.wave.svelte-1n28514 i:where(.svelte-1n28514){display:block;width:2.5px;border-radius:2px;background:#ded8dd}.wave.svelte-1n28514 i.on:where(.svelte-1n28514){background:var(--ink)}.time.svelte-1n28514{font-size:10.5px;color:var(--faint)}.card-reciter.svelte-1n28514{display:flex;align-items:center;gap:9px;padding:8px 13px 10px;border-top:1px solid #f5f2f4}.av.svelte-1n28514{width:28px;height:28px;border-radius:50%;flex:none;background-size:cover;background-position:center;background-color:#efeaee}.who.svelte-1n28514{flex:1;min-width:0;font-size:12.5px}.who.svelte-1n28514 small:where(.svelte-1n28514){display:block;font-size:10.5px;color:var(--faint);margin-top:1px}.card-progress.svelte-1n28514{padding:12px 13px 6px}.meter.svelte-1n28514{display:block;height:4px;border-radius:3px;background:#efeaee;overflow:hidden}.meter.svelte-1n28514 i:where(.svelte-1n28514){display:block;height:100%;background:var(--ink)}.card-progress.svelte-1n28514 small:where(.svelte-1n28514){display:block;margin-top:7px;font-size:10.5px;color:var(--faint)}.card-tiles.svelte-1n28514{display:flex;gap:8px;padding:12px 13px}.tile.svelte-1n28514{flex:1;text-align:center;font-size:11px;color:var(--muted);border-bottom:1px solid #ded8dd;padding:8px 6px}.tile.on.svelte-1n28514{border-bottom-width:2px;border-color:var(--ink);color:var(--ink)}.after.svelte-1n28514{position:relative;z-index:5;background:var(--paper)}.band.svelte-1n28514{scroll-snap-align:start;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:64px 20px}.band.svelte-1n28514 h2:where(.svelte-1n28514){margin:0 0 8px;font-family:var(--font-text);font-size:clamp(28px,8vw,40px);font-weight:400;letter-spacing:-.03em;line-height:1.06}.band-lede.svelte-1n28514{margin:0 0 26px;color:var(--muted);font-size:15.5px;line-height:1.5;max-width:44ch}.faq.svelte-1n28514{border-top:1px solid #e6dfd9}.faq.svelte-1n28514 div:where(.svelte-1n28514){border-bottom:1px solid #e6dfd9;padding:15px 0}.faq.svelte-1n28514 h3:where(.svelte-1n28514){margin:0 0 6px;font-size:15.5px;font-family:var(--font-text);font-weight:400}.faq.svelte-1n28514 p:where(.svelte-1n28514){margin:0;color:var(--muted);font-size:14.5px;line-height:1.5}.end.svelte-1n28514{text-align:center;align-items:center}.end.svelte-1n28514 .band-lede:where(.svelte-1n28514){margin-inline:auto}.end-cta.svelte-1n28514{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-family:var(--font-text);background:var(--ink);color:#fff;padding:15px 28px;border-radius:var(--radius-pill);font-size:16px}.end.svelte-1n28514 small:where(.svelte-1n28514){display:block;margin-top:14px;color:var(--faint);font-size:12.5px}footer.svelte-1n28514{scroll-snap-align:start;padding:40px 20px calc(max(30px,env(safe-area-inset-bottom)) + 82px);border-top:1px solid #e6dfd9;font-size:13.5px;color:var(--muted)}footer.svelte-1n28514 nav:where(.svelte-1n28514){display:flex;flex-wrap:wrap;gap:10px 20px;margin-bottom:18px}footer.svelte-1n28514 a:where(.svelte-1n28514){text-decoration:none;color:inherit}footer.svelte-1n28514 a:where(.svelte-1n28514):hover{text-decoration:underline}@media (max-width: 759px){.stage.svelte-1n28514{--card-h: clamp(210px, 38svh, 320px);--deck-b: max(92px, calc(76px + env(safe-area-inset-bottom)) )}.scene.svelte-1n28514 h1:where(.svelte-1n28514),.scene.svelte-1n28514 h2:where(.svelte-1n28514){font-size:clamp(28px,8.8vw,48px)}.line.svelte-1n28514 span:where(.svelte-1n28514){white-space:nowrap}}@media (min-width: 760px){.backdrop.svelte-1n28514 figure:where(.svelte-1n28514){filter:blur(56px) saturate(1.25)}.words.svelte-1n28514{inset-inline:max(48px,7vw) auto;max-width:min(600px,48vw);top:19svh}.scene.svelte-1n28514 h1:where(.svelte-1n28514),.scene.svelte-1n28514 h2:where(.svelte-1n28514){font-size:clamp(52px,5.4vw,78px)}.stage.svelte-1n28514{--card-h: min(432px, 60svh);--deck-b: 12svh}.chips.svelte-1n28514{inset-inline:max(48px,7vw) auto;bottom:auto;top:calc(19svh + 330px)}.scroll-cue.svelte-1n28514{inset-inline-start:max(48px,7vw);bottom:auto;top:calc(19svh + 382px)}.scene-controls.svelte-1n28514{inset-inline-start:auto;inset-inline-end:max(28px,calc(7vw - 20px))}.deck.svelte-1n28514{inset-inline:auto max(48px,7vw)}.card.svelte-1n28514{width:356px}.band.svelte-1n28514,footer.svelte-1n28514{padding-inline:max(48px,7vw)}.faq.svelte-1n28514{max-width:760px}}@media (scripting: none){.landing.svelte-1n28514{position:static;height:auto;scroll-snap-type:none}.stage.svelte-1n28514{position:static;height:auto;margin:0}.snap.svelte-1n28514,.chips.svelte-1n28514{display:none}.scene.svelte-1n28514{position:static;padding:96px 0 40px;background:linear-gradient(180deg,#f3d9e4,var(--paper))}.words.svelte-1n28514{position:static;padding-inline:20px}.scene.svelte-1n28514 h1:where(.svelte-1n28514),.scene.svelte-1n28514 h2:where(.svelte-1n28514),.lede.svelte-1n28514{color:var(--ink);text-shadow:none}.deck.svelte-1n28514{position:static;margin-top:24px}}@media (prefers-reduced-motion: reduce){.landing.svelte-1n28514{scroll-behavior:auto}}