.landing.svelte-6bcdh1{--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-6bcdh1::-webkit-scrollbar{display:none}.skip.svelte-6bcdh1{position:absolute;inset-inline-start:-9999px;z-index:60}.skip.svelte-6bcdh1: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-6bcdh1{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-6bcdh1{display:flex;align-items:center;height:40px;text-decoration:none}.brand.svelte-6bcdh1 img:where(.svelte-6bcdh1){display:block;width:auto;height:44px;filter:drop-shadow(0 1px 10px rgba(90,35,65,.24));transition:filter .3s}.rtl.svelte-6bcdh1 .brand:where(.svelte-6bcdh1) img:where(.svelte-6bcdh1){height:34px}.topbar-cta.svelte-6bcdh1{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-6bcdh1:active{transform:translate(-50%) scale(.985)}.past.svelte-6bcdh1 .brand:where(.svelte-6bcdh1) img:where(.svelte-6bcdh1){filter:drop-shadow(0 1px 2px rgba(28,27,30,.62))}.past.svelte-6bcdh1 .topbar-cta:where(.svelte-6bcdh1){background:var(--ink);color:#fff}.dots.svelte-6bcdh1{position:fixed;z-index:40;inset-inline-end:9px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:9px;transition:opacity .3s}.dots.svelte-6bcdh1 a:where(.svelte-6bcdh1){width:7px;height:7px;border-radius:50%;background:#ffffff73}.dots.svelte-6bcdh1 a[aria-current=true]:where(.svelte-6bcdh1){background:#fff;transform:scale(1.35)}.past.svelte-6bcdh1 .dots:where(.svelte-6bcdh1){opacity:0;pointer-events:none}.hero.svelte-6bcdh1{position:relative}.stage.svelte-6bcdh1{--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-6bcdh1{height:100svh;scroll-snap-align:start;scroll-snap-stop:always}.backdrop.svelte-6bcdh1{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:0}.backdrop.svelte-6bcdh1 figure:where(.svelte-6bcdh1){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-6bcdh1 figure:where(.svelte-6bcdh1):first-child{opacity:1}.tints.svelte-6bcdh1{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.tints.svelte-6bcdh1 div:where(.svelte-6bcdh1){position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;will-change:opacity}.tints.svelte-6bcdh1 div:where(.svelte-6bcdh1):first-child{opacity:1}.veil.svelte-6bcdh1{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-6bcdh1{position:absolute;z-index:20;inset-inline:20px;bottom:calc(var(--deck-b) + var(--card-h) + 16px);display:flex;gap:8px}.chips.svelte-6bcdh1 a:where(.svelte-6bcdh1){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-6bcdh1 a[aria-current=true]:where(.svelte-6bcdh1){background:#ffffffeb;color:#4a3a44;border-color:transparent}.scroll-cue.svelte-6bcdh1{position:absolute;z-index:20;inset-inline-start:20px;bottom:calc(var(--deck-b) + var(--card-h) + 66px);display:flex;align-items:center;gap:7px;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-6bcdh1{opacity:1;transform:translateY(0)}.scroll-cue.svelte-6bcdh1 svg:where(.svelte-6bcdh1){width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;animation:svelte-6bcdh1-scroll-nudge 1.6s ease-in-out infinite}@keyframes svelte-6bcdh1-scroll-nudge{0%,to{transform:translateY(-2px)}50%{transform:translateY(3px)}}.scene.svelte-6bcdh1{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;opacity:0;visibility:hidden;pointer-events:none}.scene#ayah.svelte-6bcdh1{z-index:50;opacity:1;visibility:visible}.words.svelte-6bcdh1{position:absolute;inset-inline:20px;top:clamp(78px,12svh,128px)}.scene.svelte-6bcdh1 h1:where(.svelte-6bcdh1),.scene.svelte-6bcdh1 h2:where(.svelte-6bcdh1){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-6bcdh1{display:block;overflow:visible}.line.svelte-6bcdh1 span:where(.svelte-6bcdh1){display:block;will-change:filter,transform}.lede.svelte-6bcdh1{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-6bcdh1{position:absolute;z-index:2;inset-inline:0;bottom:var(--deck-b);display:flex;justify-content:center}.card.svelte-6bcdh1{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-6bcdh1{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px 10px}.card-surah.svelte-6bcdh1{font-size:11.5px;color:var(--muted);padding:5px 4px}.card-art.svelte-6bcdh1{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-6bcdh1:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fffdfbdb,#fffdfb99)}.card-ayah.svelte-6bcdh1{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-6bcdh1 mark:where(.svelte-6bcdh1){background:#f092c157;color:inherit;border-radius:4px;padding:0 2px}.card-num.svelte-6bcdh1{position:absolute;inset-block-end:8px;inset-inline-end:12px;font-size:10px;color:var(--faint)}.card-body.svelte-6bcdh1{padding:10px 13px 2px}.skel.svelte-6bcdh1{display:block;height:7px;border-radius:4px;background:#eae5e9;margin-bottom:7px}.skel.w90.svelte-6bcdh1{width:90%}.skel.w70.svelte-6bcdh1{width:70%}.card-player.svelte-6bcdh1{display:flex;align-items:center;gap:9px;padding:10px 13px 8px}.wave.svelte-6bcdh1{display:flex;align-items:center;gap:2px;height:16px;flex:1}.wave.svelte-6bcdh1 i:where(.svelte-6bcdh1){display:block;width:2.5px;border-radius:2px;background:#ded8dd}.wave.svelte-6bcdh1 i.on:where(.svelte-6bcdh1){background:var(--ink)}.time.svelte-6bcdh1{font-size:10.5px;color:var(--faint)}.card-reciter.svelte-6bcdh1{display:flex;align-items:center;gap:9px;padding:8px 13px 10px;border-top:1px solid #f5f2f4}.av.svelte-6bcdh1{width:28px;height:28px;border-radius:50%;flex:none;background-size:cover;background-position:center;background-color:#efeaee}.who.svelte-6bcdh1{flex:1;min-width:0;font-size:12.5px}.who.svelte-6bcdh1 small:where(.svelte-6bcdh1){display:block;font-size:10.5px;color:var(--faint);margin-top:1px}.card-progress.svelte-6bcdh1{padding:12px 13px 6px}.meter.svelte-6bcdh1{display:block;height:4px;border-radius:3px;background:#efeaee;overflow:hidden}.meter.svelte-6bcdh1 i:where(.svelte-6bcdh1){display:block;height:100%;background:var(--ink)}.card-progress.svelte-6bcdh1 small:where(.svelte-6bcdh1){display:block;margin-top:7px;font-size:10.5px;color:var(--faint)}.card-tiles.svelte-6bcdh1{display:flex;gap:8px;padding:12px 13px}.tile.svelte-6bcdh1{flex:1;text-align:center;font-size:11px;color:var(--muted);border-bottom:1px solid #ded8dd;padding:8px 6px}.tile.on.svelte-6bcdh1{border-bottom-width:2px;border-color:var(--ink);color:var(--ink)}.card-cta.svelte-6bcdh1{display:block;margin:12px 13px;text-align:center;text-decoration:none;pointer-events:auto;background:var(--ink);color:#fff;border-radius:12px;padding:11px;font-size:13.5px}.after.svelte-6bcdh1{position:relative;z-index:5;background:var(--paper)}.band.svelte-6bcdh1{scroll-snap-align:start;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:64px 20px}.band.svelte-6bcdh1 h2:where(.svelte-6bcdh1){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-6bcdh1{margin:0 0 26px;color:var(--muted);font-size:15.5px;line-height:1.5;max-width:44ch}.faq.svelte-6bcdh1{border-top:1px solid #e6dfd9}.faq.svelte-6bcdh1 div:where(.svelte-6bcdh1){border-bottom:1px solid #e6dfd9;padding:15px 0}.faq.svelte-6bcdh1 h3:where(.svelte-6bcdh1){margin:0 0 6px;font-size:15.5px;font-family:var(--font-text);font-weight:400}.faq.svelte-6bcdh1 p:where(.svelte-6bcdh1){margin:0;color:var(--muted);font-size:14.5px;line-height:1.5}.end.svelte-6bcdh1{text-align:center;align-items:center}.end.svelte-6bcdh1 .band-lede:where(.svelte-6bcdh1){margin-inline:auto}.end-cta.svelte-6bcdh1{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-6bcdh1 small:where(.svelte-6bcdh1){display:block;margin-top:14px;color:var(--faint);font-size:12.5px}footer.svelte-6bcdh1{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-6bcdh1 nav:where(.svelte-6bcdh1){display:flex;flex-wrap:wrap;gap:10px 20px;margin-bottom:18px}footer.svelte-6bcdh1 a:where(.svelte-6bcdh1){text-decoration:none;color:inherit}footer.svelte-6bcdh1 a:where(.svelte-6bcdh1):hover{text-decoration:underline}@media (max-width: 759px){.stage.svelte-6bcdh1{--card-h: clamp(210px, 38svh, 320px);--deck-b: max(92px, calc(76px + env(safe-area-inset-bottom)) )}.scene.svelte-6bcdh1 h1:where(.svelte-6bcdh1),.scene.svelte-6bcdh1 h2:where(.svelte-6bcdh1){font-size:clamp(28px,8.8vw,48px)}.line.svelte-6bcdh1 span:where(.svelte-6bcdh1){white-space:nowrap}}@media (min-width: 760px){.backdrop.svelte-6bcdh1 figure:where(.svelte-6bcdh1){filter:blur(56px) saturate(1.25)}.words.svelte-6bcdh1{inset-inline:max(48px,7vw) auto;max-width:min(600px,48vw);top:19svh}.scene.svelte-6bcdh1 h1:where(.svelte-6bcdh1),.scene.svelte-6bcdh1 h2:where(.svelte-6bcdh1){font-size:clamp(52px,5.4vw,78px)}.stage.svelte-6bcdh1{--card-h: min(432px, 60svh);--deck-b: 12svh}.chips.svelte-6bcdh1{inset-inline:max(48px,7vw) auto;bottom:auto;top:calc(19svh + 330px)}.scroll-cue.svelte-6bcdh1{inset-inline-start:max(48px,7vw);bottom:auto;top:calc(19svh + 382px)}.deck.svelte-6bcdh1{inset-inline:auto max(48px,7vw)}.card.svelte-6bcdh1{width:356px}.band.svelte-6bcdh1,footer.svelte-6bcdh1{padding-inline:max(48px,7vw)}.faq.svelte-6bcdh1{max-width:760px}}@media (scripting: none){.landing.svelte-6bcdh1{position:static;height:auto;scroll-snap-type:none}.stage.svelte-6bcdh1{position:static;height:auto;margin:0}.snap.svelte-6bcdh1,.dots.svelte-6bcdh1,.chips.svelte-6bcdh1{display:none}.scene.svelte-6bcdh1{position:static;padding:96px 0 40px;background:linear-gradient(180deg,#f3d9e4,var(--paper))}.words.svelte-6bcdh1{position:static;padding-inline:20px}.scene.svelte-6bcdh1 h1:where(.svelte-6bcdh1),.scene.svelte-6bcdh1 h2:where(.svelte-6bcdh1),.lede.svelte-6bcdh1{color:var(--ink);text-shadow:none}.deck.svelte-6bcdh1{position:static;margin-top:24px}}@media (prefers-reduced-motion: reduce){.landing.svelte-6bcdh1{scroll-behavior:auto}.scroll-cue.svelte-6bcdh1 svg:where(.svelte-6bcdh1){animation:none}}