*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:QPC V2;src:url(/fonts/qpc-v2.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Me Quran;src:url(/fonts/me-quran.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Symbols1;src:url(/fonts/quran-symbols.woff) format("woff");font-weight:400;font-style:normal;font-display:block}:root{--black: #000000;--white: #ffffff;--font-quote: "Me Quran", "Noto Naskh Arabic", serif;--font-ui: "Me Quran", system-ui, sans-serif;--font-numeric: "Oxanium", system-ui, sans-serif;--bg: #000000;--fg: #ffffff;--fg-strong: rgba(255, 255, 255, .92);--fg-muted: rgba(255, 255, 255, .72);--fg-soft: rgba(255, 255, 255, .58);--fg-dim: rgba(255, 255, 255, .46);--fg-faint: rgba(255, 255, 255, .28);--surface-1: rgba(255, 255, 255, .04);--surface-2: rgba(255, 255, 255, .06);--surface-3: rgba(255, 255, 255, .09);--surface-hover: rgba(255, 255, 255, .095);--surface-track: rgba(255, 255, 255, .1);--border-1: rgba(255, 255, 255, .12);--border-2: rgba(255, 255, 255, .16);--border-strong: rgba(255, 255, 255, .28);--border-soft: rgba(255, 255, 255, .08);--focus-ring: rgba(255, 255, 255, .75);--scrim-grad: linear-gradient( to bottom, transparent, rgba(0, 0, 0, .72) 42%, rgba(0, 0, 0, .96) );--progress-fill: linear-gradient( 180deg, rgba(255, 255, 255, .72), rgba(255, 255, 255, .24) );--progress-track: rgba(255, 255, 255, .1);--feed-bead-fill: rgba(255, 255, 255, .82);--feed-bead-active-highlight: rgba(255, 255, 255, .98);--feed-bead-ring: rgba(255, 255, 255, .22);--feed-bead-string: rgba(255, 255, 255, .18);--feed-bead-glow: rgba(255, 255, 255, .24);--auto-progress-fill: linear-gradient( 90deg, rgba(255, 255, 255, .98), rgba(255, 255, 255, .72), rgba(255, 255, 255, .28) );--auto-progress-shadow-1: rgba(255, 255, 255, .38);--auto-progress-shadow-2: rgba(255, 255, 255, .14);--auto-progress-spark: rgba(255, 255, 255, .98);--auto-progress-spark-glow-1: rgba(255, 255, 255, .86);--auto-progress-spark-glow-2: rgba(255, 255, 255, .3);--auto-progress-spark-radial: rgba(255, 255, 255, .58);--welcome-radial: rgba(255, 255, 255, .08);--saved-burst-shadow: rgba(255, 255, 255, .28);--color-scheme: dark;color-scheme:dark}:root[data-theme=light]{--bg: #ffffff;--fg: #0a0a0a;--fg-strong: rgba(10, 10, 10, .92);--fg-muted: rgba(10, 10, 10, .72);--fg-soft: rgba(10, 10, 10, .58);--fg-dim: rgba(10, 10, 10, .46);--fg-faint: rgba(10, 10, 10, .28);--surface-1: rgba(10, 10, 10, .035);--surface-2: rgba(10, 10, 10, .05);--surface-3: rgba(10, 10, 10, .08);--surface-hover: rgba(10, 10, 10, .09);--surface-track: rgba(10, 10, 10, .09);--border-1: rgba(10, 10, 10, .12);--border-2: rgba(10, 10, 10, .18);--border-strong: rgba(10, 10, 10, .32);--border-soft: rgba(10, 10, 10, .08);--focus-ring: rgba(10, 10, 10, .65);--scrim-grad: linear-gradient( to bottom, transparent, rgba(255, 255, 255, .72) 42%, rgba(255, 255, 255, .96) );--progress-fill: linear-gradient( 180deg, rgba(10, 10, 10, .62), rgba(10, 10, 10, .22) );--progress-track: rgba(10, 10, 10, .1);--feed-bead-fill: rgba(10, 10, 10, .78);--feed-bead-active-highlight: rgba(10, 10, 10, .94);--feed-bead-ring: rgba(10, 10, 10, .18);--feed-bead-string: rgba(10, 10, 10, .14);--feed-bead-glow: rgba(10, 10, 10, .16);--auto-progress-fill: linear-gradient( 90deg, rgba(10, 10, 10, .88), rgba(10, 10, 10, .62), rgba(10, 10, 10, .24) );--auto-progress-shadow-1: rgba(10, 10, 10, .28);--auto-progress-shadow-2: rgba(10, 10, 10, .1);--auto-progress-spark: rgba(10, 10, 10, .9);--auto-progress-spark-glow-1: rgba(10, 10, 10, .6);--auto-progress-spark-glow-2: rgba(10, 10, 10, .22);--auto-progress-spark-radial: rgba(10, 10, 10, .42);--welcome-radial: rgba(10, 10, 10, .06);--saved-burst-shadow: rgba(10, 10, 10, .22);color-scheme:light}html,body,#root{height:100%;background:var(--bg);color:var(--fg);overflow:hidden}body{font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:pan-y;overscroll-behavior:none}.app{position:relative;height:100%;background:var(--bg)}.app--leaderboard-open{overflow:hidden}.app--leaderboard-open .feed{pointer-events:none}.app__header{position:fixed;top:0;left:0;right:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-left)) 0 max(1rem,env(safe-area-inset-right));pointer-events:none}.app__counter{position:relative;grid-column:2;justify-self:center;display:inline-flex;justify-content:center;min-width:2.6rem;font-family:var(--font-numeric);font-size:clamp(2.15rem,6.5vw,2.85rem);font-weight:500;letter-spacing:0;color:var(--fg-strong);font-variant-numeric:tabular-nums;line-height:1}.app__header-actions{grid-column:3;justify-self:end;display:inline-flex;align-items:center;gap:.125rem;padding:.1875rem;border:.0625rem solid var(--border-1);border-radius:999rem;background:color-mix(in srgb,var(--surface-2) 82%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--fg) 7%,transparent),0 10px 28px color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:auto}.app__rank-badge,.app__theme-toggle{display:inline-flex;align-items:center;justify-content:center;margin:0;border:0;border-radius:999rem;background:transparent;color:var(--fg);cursor:pointer;pointer-events:auto;transition:background .2s ease,color .2s ease,transform .2s cubic-bezier(.16,1,.3,1)}.app__theme-toggle{inline-size:2.5rem;block-size:2.5rem;padding:0;color:var(--fg-muted)}.app__theme-toggle:hover,.app__theme-toggle:focus-visible{background:var(--surface-3);color:var(--fg)}.app__theme-toggle:active{transform:scale(.94)}.app__rank-badge{min-inline-size:5.5rem;block-size:2.5rem;padding-inline:.7rem .8rem;border-inline-start:.0625rem solid var(--border-soft)}.app__rank-badge:hover,.app__rank-badge:focus-visible{background:var(--surface-3)}.app__rank-badge:active{transform:scale(.98)}.app__rank-badge-stack{display:flex;flex-direction:column;align-items:center;gap:.05rem;min-width:0}.app__rank-badge-label{color:var(--fg-soft);font-family:system-ui,sans-serif;font-size:.58rem;font-weight:600;letter-spacing:.06em;line-height:1;text-transform:uppercase}.app__rank-badge-value{display:inline-flex;align-items:baseline;gap:.28em;color:var(--fg-strong);font-family:var(--font-numeric),var(--font-ui),system-ui,sans-serif;font-size:.78rem;font-variant-numeric:tabular-nums;font-weight:600;line-height:1.1;white-space:nowrap}.app__rank-badge-of{color:var(--fg-dim);font-size:.68rem;font-weight:500}.app__rank-badge-copy{display:block;max-width:6.5rem;color:var(--fg-muted);font-family:system-ui,sans-serif;font-size:.68rem;line-height:1.25;text-align:center;text-wrap:balance}.app__rank-badge:focus-visible,.app__theme-toggle:focus-visible{outline:.125rem solid var(--focus-ring);outline-offset:.125rem}.app__theme-icon{inline-size:1.12rem;block-size:1.12rem;display:block}.app__collection-nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;pointer-events:none}.app__collection-nav-btn{position:absolute;top:50%;z-index:1;display:inline-flex;align-items:center;justify-content:center;inline-size:2.85rem;block-size:2.85rem;margin:0;padding:0;border:.0625rem solid var(--border-1);border-radius:999rem;background:color-mix(in srgb,var(--surface-2) 78%,transparent);color:var(--fg-muted);opacity:.42;cursor:pointer;pointer-events:auto;transform:translateY(-50%);box-shadow:inset 0 1px color-mix(in srgb,var(--fg) 6%,transparent),0 8px 24px color-mix(in srgb,var(--bg) 68%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:border-color .2s ease,background .2s ease,color .2s ease,opacity .2s ease,transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease}.app__collection-nav-icon{inline-size:1.15rem;block-size:1.15rem;display:block}.app__collection-nav-btn--prev{inset-inline-start:max(.55rem,env(safe-area-inset-inline-start,env(safe-area-inset-left)))}.app__collection-nav-btn--next{inset-inline-end:max(.55rem,env(safe-area-inset-inline-end,env(safe-area-inset-right)))}.app__collection-nav-btn:hover,.app__collection-nav-btn:focus-visible{opacity:.88;border-color:var(--border-strong);background:color-mix(in srgb,var(--surface-3) 88%,transparent);color:var(--fg);box-shadow:inset 0 1px color-mix(in srgb,var(--fg) 10%,transparent),0 10px 28px color-mix(in srgb,var(--bg) 62%,transparent)}.app__collection-nav-btn--prev:hover,.app__collection-nav-btn--prev:focus-visible{transform:translateY(-50%);margin-inline-start:.12rem}.app__collection-nav-btn--next:hover,.app__collection-nav-btn--next:focus-visible{transform:translateY(-50%);margin-inline-end:.12rem}.app__collection-nav-btn:active{transform:translateY(-50%) scale(.94)}.app__collection-nav-btn:focus-visible{outline:.125rem solid var(--focus-ring);outline-offset:.1875rem}.app--leaderboard-open .app__collection-nav{display:none}.app__scroll-hint{position:fixed;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));z-index:12;display:flex;justify-content:center;pointer-events:none;color:var(--fg-muted);transform:translate(-50%);animation:app-scroll-hint-fade-in .45s ease-out both}.app__scroll-hint-icon{inline-size:1.15rem;block-size:1.15rem;display:block;animation:app-scroll-hint-bounce 1.6s ease-in-out infinite}@keyframes app-scroll-hint-fade-in{0%{opacity:0}to{opacity:1}}@keyframes app-scroll-hint-bounce{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(.2rem)}}.app--leaderboard-open .app__scroll-hint,.app--leaderboard-open .feed-progress{display:none}@media(prefers-reduced-motion:reduce){.app__scroll-hint,.app__scroll-hint-icon{animation:none}}.app__swipe-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;display:flex;align-items:center;justify-content:space-between;padding:0 .5rem;pointer-events:auto;animation:app-swipe-hint-fade-in .45s ease-out both}.app__swipe-hint-edge{display:flex;align-items:center;gap:.1rem;padding:.9rem .55rem;border-radius:999rem;background:linear-gradient(to right,#0000,#0000002e 60%,#00000047);color:var(--fg-strong, #fff);font-size:2.4rem;line-height:1;font-weight:700;text-shadow:0 .0625rem .25rem rgba(0,0,0,.4)}.app__swipe-hint-edge--start{background:linear-gradient(to left,#0000,#0000002e 60%,#00000047);animation:app-swipe-hint-nudge-start 1.6s ease-in-out infinite}.app__swipe-hint-edge--end{animation:app-swipe-hint-nudge-end 1.6s ease-in-out infinite}.app__swipe-hint-chevron{display:inline-block;opacity:.55;animation:app-swipe-hint-chevron-pulse 1.6s ease-in-out infinite}.app__swipe-hint-chevron:nth-child(2){animation-delay:.2s}.app__swipe-hint-label{position:absolute;top:50%;left:50%;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:999rem;background:#0000008c;color:#fff;font-family:Noto Naskh Arabic,system-ui,sans-serif;font-size:.92rem;font-weight:600;white-space:nowrap;transform:translate(-50%,-50%);pointer-events:none;animation:app-swipe-hint-label 2.6s ease-in-out infinite}.app__swipe-hint-arrow{display:inline-block;font-size:1.05rem;animation:app-swipe-hint-arrow 1.6s ease-in-out infinite}.app__swipe-hint-arrow:last-child{animation-delay:.4s}@keyframes app-swipe-hint-fade-in{0%{opacity:0}to{opacity:1}}@keyframes app-swipe-hint-nudge-start{0%,to{transform:translate(0)}50%{transform:translate(-.55rem)}}@keyframes app-swipe-hint-nudge-end{0%,to{transform:translate(0)}50%{transform:translate(.55rem)}}@keyframes app-swipe-hint-chevron-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes app-swipe-hint-label{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(.98)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.02)}}@keyframes app-swipe-hint-arrow{0%,to{transform:translate(0);opacity:.7}50%{transform:translate(.25rem);opacity:1}}@media(prefers-reduced-motion:reduce){.app__swipe-hint,.app__swipe-hint-edge,.app__swipe-hint-edge--start,.app__swipe-hint-edge--end,.app__swipe-hint-chevron,.app__swipe-hint-label,.app__swipe-hint-arrow{animation:none}}.feed{height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.feed::-webkit-scrollbar{display:none}.app--video-feed .app__header{background:linear-gradient(180deg,rgb(0 0 0 / .55) 0%,transparent 100%)}.app--video-feed .app__counter,.app--video-feed .app__theme-toggle,.app--video-feed .app__rank-badge{color:#fff;text-shadow:0 1px 6px rgb(0 0 0 / .45)}.app--video-feed .feed-progress__beads:before{background:#ffffff38}.app--video-feed .feed-progress__bead--passed{background:#ffffff80}.app--video-feed .feed-progress__bead--active{background:#fff;box-shadow:0 0 10px #ffffff8c}.app--video-feed .feed-progress__bead--upcoming{background:#fff3}.video-feed-status{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:100%;min-height:100%;scroll-snap-align:start;padding:2rem;text-align:center;font-size:1.05rem;color:var(--text-muted, #888)}.video-feed-status--error{color:#e57373;line-height:1.5}.video-reel{position:relative;flex-shrink:0;height:100%;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;background:#000;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.video-reel__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.video-reel__poster{pointer-events:none}.video-reel__placeholder{background:#111}.video-reel--buffering .video-reel__media{opacity:.35}.video-reel__gradient{position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(180deg,transparent 0%,rgb(0 0 0 / .72) 100%);pointer-events:none}.video-reel__progress{position:absolute;inset-inline:0;bottom:env(safe-area-inset-bottom,0);z-index:4;height:3px;background:#ffffff38;pointer-events:none}.video-reel__progress-fill{display:block;height:100%;width:100%;background:#fff;transform:scaleX(var(--video-progress, 0));transform-origin:left center;will-change:transform}.video-reel:not(.video-reel--active) .video-reel__progress-fill{transform:scaleX(0)}.video-reel--active.video-reel--paused .video-reel__progress-fill{transition:none}.video-reel--active:not(.video-reel--paused) .video-reel__progress-fill{transition:transform 80ms linear}.video-reel__sound-cue{position:absolute;inset-inline:1.25rem;bottom:max(5rem,calc(env(safe-area-inset-bottom) + 4.25rem));z-index:3;margin:0;padding:.55rem 1rem;border:none;border-radius:999px;background:#0000008c;color:#fff;font-size:.9rem;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.video-reel__sound-cue:hover,.video-reel__sound-cue:focus-visible{background:#000000b3}.video-reel__actions{position:absolute;inset-inline-end:max(.85rem,env(safe-area-inset-right));bottom:max(5.5rem,calc(env(safe-area-inset-bottom) + 4.75rem));z-index:3;display:flex;flex-direction:column;gap:.75rem}.video-reel__mute{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:none;border-radius:50%;background:#00000061;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.video-reel__mute svg{width:1.35rem;height:1.35rem}.video-reel__mute:hover,.video-reel__mute:focus-visible{background:#00000085}.video-reel__play-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.video-reel__play-hint svg{width:4.5rem;height:4.5rem;padding:1rem;border-radius:50%;background:#00000073;color:#fff}.reel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;height:100%;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;padding:max(5rem,calc(env(safe-area-inset-top) + 4rem)) 1.75rem max(4rem,calc(env(safe-area-inset-bottom) + 3.25rem));background:var(--bg);overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.reel--intro{padding-top:max(4.5rem,calc(env(safe-area-inset-top) + 3.5rem));padding-bottom:max(3.5rem,calc(env(safe-area-inset-bottom) + 2.75rem))}.reel--intro .reel__content{position:relative;max-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-inline-end:.45rem;scrollbar-width:thin;scrollbar-color:var(--fg-dim) var(--border-soft)}.reel--intro .reel__content--more-below:before{position:absolute;inset-inline:0;bottom:0;z-index:1;height:5.5rem;pointer-events:none;content:"";background:var(--scrim-grad)}.reel__scroll-cue{position:absolute;inset-inline:0;bottom:.35rem;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.3rem;pointer-events:none;color:var(--fg-muted)}.reel__scroll-cue-text{font-size:.78rem;letter-spacing:.08em}.reel__scroll-cue-arrow{font-size:.95rem;line-height:1}.reel--intro .reel__content::-webkit-scrollbar{width:5px}.reel--intro .reel__content::-webkit-scrollbar-track{margin-block:.35rem;background:var(--surface-1);border-radius:999px}.reel--intro .reel__content::-webkit-scrollbar-thumb{background:var(--progress-fill);border-radius:999px;border:1px solid var(--border-soft)}.reel--intro .reel__content::-webkit-scrollbar-thumb:hover{background:var(--progress-fill);filter:brightness(1.1)}.reel--intro .reel__quote{font-size:clamp(1rem,min(4.4vw,3.1dvh),1.42rem);line-height:1.8}.reel__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(100%,36rem);max-height:100%;min-height:0;overflow:hidden;text-align:center;opacity:.28;transform:scale(.94) translateY(1rem);transition:opacity .18s ease,transform .3s cubic-bezier(.16,1,.3,1)}.reel__content--scrollable{justify-content:flex-start;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-block:.35rem;scrollbar-width:thin;scrollbar-color:var(--fg-dim) transparent}.reel__content--scrollable::-webkit-scrollbar{inline-size:.22rem}.reel__content--scrollable::-webkit-scrollbar-thumb{border-radius:999rem;background:color-mix(in srgb,var(--fg-dim) 72%,transparent)}.reel--active .reel__content{opacity:1;transform:scale(1)}.reel__quote{margin:0;width:100%;max-width:100%;font-family:var(--font-quote);font-size:clamp(1.55rem,min(6.2vw,4.8dvh),2.85rem);font-weight:400;line-height:1.9;letter-spacing:0;overflow-wrap:normal}.reel--verse .reel__quote{font-size:clamp(1.22rem,min(5.4vw,4.1dvh),2.05rem);line-height:1.72}.reel__line+.reel__line{margin-top:.28em}.reel--verse .reel__line+.reel__line{margin-top:.18em}.reel__line{margin:0;opacity:1}.reel__line--gap{block-size:.72em;margin:0;pointer-events:none}.reel--verse .reel__line--gap{block-size:.95em}.reel__word{display:inline-block;opacity:0;transform:translateY(.45em)}.reel:not(.reel--active) .reel__word{animation:none}.reel--active .reel__word{animation:ink-word-reveal .72s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(18ms * var(--word-index))}.reel__saved-burst{position:absolute;top:50%;left:50%;z-index:2;color:var(--fg-strong);font-family:system-ui,sans-serif;font-size:clamp(4rem,18vw,7rem);line-height:1;opacity:0;pointer-events:none;text-shadow:0 0 34px var(--saved-burst-shadow);transform:translate(-50%,-50%) scale(.35)}.reel--saved.reel--active .reel__saved-burst{animation:save-pop .74s cubic-bezier(.16,1,.3,1) both}.reel__share{position:absolute;inset-block-end:max(2.85rem,calc(env(safe-area-inset-bottom) + 2rem));inset-inline-end:max(1.1rem,calc(env(safe-area-inset-right) + .6rem));z-index:3;display:inline-flex;align-items:center;justify-content:center;inline-size:2.6rem;block-size:2.6rem;padding:0;border:.0625rem solid var(--border-2);border-radius:999rem;background:var(--surface-2);color:var(--fg-muted);cursor:pointer;pointer-events:auto;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s cubic-bezier(.16,1,.3,1)}.reel__share:hover,.reel__share:focus-visible{border-color:var(--border-strong);background:var(--surface-3);color:var(--fg);transform:scale(1.04)}.reel__share:active{transform:scale(.94)}.reel__share:focus-visible{outline:.125rem solid var(--focus-ring);outline-offset:.1875rem}.reel__share--whatsapp{border-color:#25d36673;background:#25d36629;color:#25d366}.reel__share--whatsapp:hover,.reel__share--whatsapp:focus-visible{border-color:#25d366bf;background:#25d36642;color:#25d366}.reel__share-icon{inline-size:1.15rem;block-size:1.15rem;display:block}.reel__auto-progress{position:absolute;bottom:max(3.15rem,calc(env(safe-area-inset-bottom) + 2.25rem));left:50%;z-index:1;width:min(58vw,15rem);height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--border-2),transparent),var(--surface-track);box-shadow:0 0 18px var(--surface-track),inset 0 0 8px var(--border-soft);opacity:0;overflow:visible;pointer-events:none;contain:layout style;transform:translate(-50%) translateY(.35rem);transition:opacity .28s ease,transform .28s ease}.reel__auto-progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--auto-progress-fill);box-shadow:0 0 14px var(--auto-progress-shadow-1),0 0 32px var(--auto-progress-shadow-2);transform:scaleX(0);transform-origin:right center}.reel__auto-progress-fill:after{position:absolute;top:-.42rem;right:0;bottom:-.42rem;left:0;border-radius:999px;background:radial-gradient(circle at 12% 50%,var(--auto-progress-spark-radial),transparent 26%);content:"";opacity:.34;transform:translate(.35rem) scaleY(.7)}.reel__auto-progress-spark{position:absolute;top:50%;left:0;width:1.5px;height:1.5px;border-radius:999px;background:var(--auto-progress-spark);box-shadow:0 0 4px var(--auto-progress-spark-glow-1),0 0 9px var(--auto-progress-spark-glow-2);opacity:0;transform:translate(-50%,-50%) scale(.2)}.reel__auto-progress-spark:nth-of-type(1){--spark-delay: 0ms;--spark-x: -.7rem;--spark-y: -1.15rem}.reel__auto-progress-spark:nth-of-type(2){--spark-delay: 90ms;--spark-x: .58rem;--spark-y: -.92rem}.reel__auto-progress-spark:nth-of-type(3){--spark-delay: .18s;--spark-x: -.95rem;--spark-y: .32rem}.reel__auto-progress-spark:nth-of-type(4){--spark-delay: .27s;--spark-x: .74rem;--spark-y: .78rem}.reel--intro:not(.reel--intro-ready) .reel__auto-progress{opacity:0}.reel--intro.reel--intro-ready .reel__auto-progress{opacity:1}.reel--active .reel__auto-progress{opacity:1;transform:translate(-50%)}.reel--intro:not(.reel--intro-ready) .reel__auto-progress-fill,.reel--intro:not(.reel--intro-ready) .reel__auto-progress-fill:after,.reel--intro:not(.reel--intro-ready) .reel__auto-progress-spark{animation:none}.reel--active .reel__auto-progress-fill{animation:auto-progress-burn var(--auto-progress-duration, 5s) linear forwards;will-change:transform}.reel--active.reel--intro:not(.reel--intro-ready) .reel__auto-progress{opacity:0}.reel--active .reel__auto-progress-fill:after{animation:auto-progress-shimmer .9s steps(2,end) infinite;will-change:opacity,transform}.reel--active .reel__auto-progress-spark{animation:auto-progress-spark-pop .76s ease-out infinite;animation-delay:var(--spark-delay);will-change:opacity,transform}.reel--active.reel--intro:not(.reel--intro-ready) .reel__auto-progress-fill,.reel--active.reel--intro:not(.reel--intro-ready) .reel__auto-progress-fill:after,.reel--active.reel--intro:not(.reel--intro-ready) .reel__auto-progress-spark{animation:none}.reel--intro.reel--intro-ready .reel__auto-progress-fill{animation:auto-progress-burn var(--auto-progress-duration, 5s) linear forwards}.reel--intro.reel--intro-ready .reel__auto-progress-fill:after{animation:auto-progress-shimmer .9s steps(2,end) infinite}.reel--intro.reel--intro-ready .reel__auto-progress-spark{animation:auto-progress-spark-pop .76s ease-out infinite;animation-delay:var(--spark-delay)}.progress{position:fixed;right:max(.75rem,env(safe-area-inset-right));top:50%;z-index:10;transform:translateY(-50%);pointer-events:none}.feed-progress{position:fixed;inset-inline-end:max(.65rem,env(safe-area-inset-inline-end,env(safe-area-inset-right)));top:50%;z-index:10;transform:translateY(-50%);pointer-events:none}.feed-progress__beads{position:relative;display:flex;flex-direction:column;align-items:center;gap:.14rem;margin:0;padding:.28rem 0;list-style:none;max-height:min(44vh,11rem)}.feed-progress__beads:before{content:"";position:absolute;inset-block:.45rem;inset-inline-end:50%;inline-size:1px;transform:translate(50%);background:linear-gradient(180deg,transparent,var(--feed-bead-string) 12%,var(--feed-bead-string) 88%,transparent);opacity:.55;pointer-events:none}.feed-progress__bead{position:relative;z-index:1;inline-size:.28rem;block-size:.28rem;margin:0;border-radius:999rem;border:1px solid var(--feed-bead-ring);background:transparent;opacity:.34;transform:scale(1);transition:opacity .24s ease,transform .24s cubic-bezier(.16,1,.3,1),background .24s ease,box-shadow .24s ease}.feed-progress__bead--passed{opacity:.72;border-color:transparent;background:var(--feed-bead-fill)}.feed-progress__bead--active{opacity:1;inline-size:.38rem;block-size:.38rem;border-color:transparent;background:radial-gradient(circle at 35% 30%,var(--feed-bead-active-highlight),var(--feed-bead-fill) 68%);box-shadow:0 0 0 1px color-mix(in srgb,var(--feed-bead-fill) 40%,transparent),0 0 10px var(--feed-bead-glow);transform:scale(calc(1 + var(--bead-fill, 0) * .08));animation:feed-bead-pulse 2.4s ease-in-out infinite}.feed-progress__bead--upcoming{opacity:.28}@keyframes feed-bead-pulse{0%,to{box-shadow:0 0 0 1px color-mix(in srgb,var(--feed-bead-fill) 36%,transparent),0 0 8px var(--feed-bead-glow)}50%{box-shadow:0 0 0 1px color-mix(in srgb,var(--feed-bead-fill) 52%,transparent),0 0 14px var(--feed-bead-glow)}}@media(prefers-reduced-motion:reduce){.feed-progress__bead{transition:none}.feed-progress__bead--active{animation:none}}.progress__track{position:relative;width:4px;height:min(44vh,11rem);border-radius:999px;background:var(--progress-track);overflow:visible}.progress__fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--progress-fill);transform-origin:top center;transform:scaleY(calc(var(--progress, 0) * 1));will-change:transform}.progress__thumb{display:none}@keyframes ink-word-reveal{0%{opacity:0;transform:translateY(.45em)}45%{opacity:.72}to{opacity:1;transform:translateY(0)}}@keyframes save-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.32)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}58%{opacity:.82;transform:translate(-50%,-50%) scale(.92)}to{opacity:0;transform:translate(-50%,-62%) scale(1.18)}}@keyframes auto-progress-burn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes auto-progress-shimmer{0%{opacity:.2;transform:translate(.18rem) scaleY(.58)}50%{opacity:.44;transform:translate(-.08rem) scaleY(.72)}to{opacity:.28;transform:translate(.08rem) scaleY(.64)}}@keyframes auto-progress-spark-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}12%{opacity:1;transform:translate(-50%,-50%) scale(.62)}56%{opacity:.82;transform:translate(calc(-50% + var(--spark-x)),calc(-50% + var(--spark-y))) scale(.46)}to{opacity:0;transform:translate(calc(-50% + var(--spark-x)),calc(-50% + var(--spark-y))) scale(.1)}}.welcome{display:flex;align-items:center;justify-content:center;min-height:100%;padding:max(2rem,env(safe-area-inset-top)) 1.25rem max(2rem,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 0%,var(--welcome-radial),transparent 38%),var(--bg);direction:rtl}.welcome__panel{width:min(100%,31rem);text-align:center}.welcome__eyebrow{margin-bottom:1rem;font-family:var(--font-quote);font-size:1.25rem;color:var(--fg-soft)}.welcome__title{font-family:var(--font-quote);font-size:clamp(2rem,9vw,3.4rem);font-weight:400;line-height:1.6}.welcome__choices{display:grid;gap:.85rem}.welcome__choice{display:flex;flex-direction:column;gap:.35rem;width:100%;border:1px solid var(--border-2);border-radius:1.25rem;padding:1rem 1.1rem;background:var(--surface-2);color:var(--fg);font:inherit;text-align:right;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.welcome__choice:hover,.welcome__choice:focus-visible{border-color:var(--border-strong);background:var(--surface-hover);transform:translateY(-1px)}.welcome__choice:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.welcome__choice-title{font-family:var(--font-quote);font-size:1.3rem;line-height:1.7;white-space:pre-line}@media(max-width:430px){.reel{padding:max(4.25rem,calc(env(safe-area-inset-top) + 3.35rem)) 1rem max(4.35rem,calc(env(safe-area-inset-bottom) + 3.35rem))}.reel__content{width:min(100%,24rem);max-height:100%}.reel__quote{font-size:clamp(1.18rem,min(6.2vw,3.55dvh),1.7rem);line-height:1.78}.reel--verse .reel__quote{font-size:clamp(1.05rem,min(5.2vw,3.35dvh),1.55rem);line-height:1.62}.reel__line+.reel__line{margin-top:.22em}.reel--verse .reel__line+.reel__line{margin-top:.14em}.reel__auto-progress{bottom:max(3rem,calc(env(safe-area-inset-bottom) + 2.2rem));width:min(70vw,15rem)}.reel__share{inset-block-end:max(2.6rem,calc(env(safe-area-inset-bottom) + 1.8rem));inset-inline-end:max(.9rem,calc(env(safe-area-inset-right) + .5rem));inline-size:2.4rem;block-size:2.4rem}.reel__share-icon{inline-size:1.05rem;block-size:1.05rem}}@media(max-width:360px),(max-height:680px){.reel{padding-top:max(3.9rem,calc(env(safe-area-inset-top) + 3rem));padding-bottom:max(3.75rem,calc(env(safe-area-inset-bottom) + 2.85rem))}.reel__content{width:min(100%,21rem);max-height:100%}.reel__quote{font-size:clamp(1rem,min(5.7vw,3.15dvh),1.42rem);line-height:1.68}.reel--verse .reel__quote{font-size:clamp(.95rem,min(4.8vw,3dvh),1.35rem);line-height:1.55}.reel__line+.reel__line{margin-top:.16em}.reel--verse .reel__line+.reel__line{margin-top:.12em}.reel__auto-progress{bottom:max(2.75rem,calc(env(safe-area-inset-bottom) + 2rem))}.reel__share{inset-block-end:max(2.35rem,calc(env(safe-area-inset-bottom) + 1.6rem));inline-size:2.25rem;block-size:2.25rem}}@media(min-width:768px){.reel{padding-inline:3rem}.progress{right:1.5rem}.feed-progress{inset-inline-end:1.35rem}.welcome{padding-inline:3rem}}.startup{display:flex;align-items:center;justify-content:center;height:100%;background:var(--bg)}.startup__symbols{font-size:clamp(2rem,8vw,3.5rem);line-height:1;color:var(--fg-strong);animation:startup-fade 1.4s ease-in-out forwards}@keyframes startup-fade{0%{opacity:0;transform:scale(.96)}20%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:.85}}.leaderboard{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;height:100%;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-left)) max(1.5rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-right));background:radial-gradient(circle at 50% 0%,var(--welcome-radial),transparent 38%),var(--bg);direction:rtl;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none}.leaderboard::-webkit-scrollbar{display:none}.progress--leaderboard{z-index:21}.leaderboard__header{position:relative;text-align:center;padding-top:2.5rem}.leaderboard__back{position:absolute;top:0;right:0;border:1px solid var(--border-2);border-radius:999px;padding:.45rem .8rem;background:var(--surface-2);color:var(--fg);font-family:system-ui,sans-serif;font-size:.8rem;cursor:pointer}.leaderboard__back:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.leaderboard__eyebrow{margin-bottom:.75rem;font-family:var(--font-quote);font-size:1.1rem;color:var(--fg-soft)}.leaderboard__title{font-family:var(--font-quote);font-size:clamp(1.8rem,8vw,2.8rem);font-weight:400;line-height:1.6}.leaderboard__intro{margin:.75rem auto;max-width:24rem;color:var(--fg-soft);font-family:system-ui,sans-serif;font-size:.92rem;line-height:1.7}.online-indicator{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;margin:0 auto 1.5rem;color:var(--fg-muted);font-family:var(--font-numeric),var(--font-ui),system-ui,sans-serif;font-size:.86rem;font-variant-numeric:tabular-nums;line-height:1.4}.online-indicator__dot{flex-shrink:0;width:.55rem;height:.55rem;border-radius:50%;background:#34d399;box-shadow:0 0 0 2px #34d39938;animation:online-pulse 2s ease-in-out infinite}@keyframes online-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.72;transform:scale(.92)}}.leaderboard__summary{margin:0 auto 1.25rem;width:min(100%,31rem);border:1px solid var(--border-1);border-radius:1.1rem;padding:1rem 1.1rem;background:var(--surface-2);text-align:center}.leaderboard__summary-label{color:var(--fg-soft);font-family:system-ui,sans-serif;font-size:.82rem}.leaderboard__summary-value{margin-top:.35rem;font-family:var(--font-numeric),var(--font-ui),system-ui,sans-serif;font-size:1.15rem;font-variant-numeric:tabular-nums;line-height:1.5}.leaderboard__summary-meta{margin-top:.25rem;color:var(--fg-muted);font-family:var(--font-numeric),var(--font-ui),system-ui,sans-serif;font-size:.85rem;font-variant-numeric:tabular-nums}.leaderboard__list-wrap{width:min(100%,31rem);margin:0 auto}.leaderboard__status{padding:1.5rem 0;color:var(--fg-soft);font-family:system-ui,sans-serif;font-size:.92rem;text-align:center;line-height:1.7}.leaderboard__retry{margin-top:.75rem;border:1px solid var(--border-2);border-radius:999px;padding:.45rem .9rem;background:var(--surface-2);color:var(--fg);font-family:system-ui,sans-serif;font-size:.82rem;cursor:pointer}.leaderboard__hint{margin-bottom:.85rem;color:var(--fg-soft);font-family:system-ui,sans-serif;font-size:.86rem;line-height:1.6;text-align:center}.leaderboard__scope-block{margin-bottom:.85rem}.leaderboard__scope{margin-bottom:.65rem;color:var(--fg-soft);font-family:var(--font-numeric),var(--font-ui),system-ui,sans-serif;font-size:.82rem;font-variant-numeric:tabular-nums;line-height:1.5;text-align:center}.leaderboard__countries{display:flex;flex-wrap:wrap;justify-content:center;gap:.22rem;list-style:none}.leaderboard__country-stat{display:inline-flex;align-items:center;border:1px solid var(--border-1);border-radius:999px;padding:.2rem .4rem;background:var(--surface-1)}.leaderboard__country-stat-label{color:var(--fg-strong);font-family:var(--font-numeric),var(--font-ui),system-ui,sans-serif;font-size:.62rem;font-variant-numeric:tabular-nums;line-height:1.35;text-transform:lowercase}.leaderboard__pinned{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-1)}.leaderboard__pinned-label{margin-bottom:.65rem;color:var(--fg-soft);font-family:system-ui,sans-serif;font-size:.78rem;text-align:center}.leaderboard__row--pinned{border-style:dashed}.leaderboard__list{display:grid;gap:.55rem;list-style:none}.leaderboard__row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;border:1px solid var(--border-1);border-radius:.95rem;padding:.75rem .9rem;background:var(--surface-1);font-family:system-ui,sans-serif}.leaderboard__identity{display:flex;align-items:center;gap:.5rem;min-width:0}.leaderboard__who{display:flex;flex-direction:column;gap:.1rem;min-width:0}.leaderboard__flag{flex:0 0 auto;font-size:1.15rem;line-height:1}.leaderboard__row--me{border-color:var(--border-strong);background:var(--surface-3)}.leaderboard__rank{min-width:1.5rem;color:var(--fg-muted);font-family:var(--font-numeric);font-variant-numeric:tabular-nums}.leaderboard__name{text-align:right}.leaderboard__country{color:var(--fg-dim);font-size:.68rem;line-height:1.2;letter-spacing:.01em;text-transform:lowercase;text-align:right}.leaderboard__score{color:var(--fg-muted);font-family:var(--font-numeric),var(--font-ui),system-ui,sans-serif;font-size:.82rem;font-variant-numeric:tabular-nums;white-space:nowrap}