@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Onest:wght@300;400;500;600;700&display=swap";:root{--bg-0: #0F0A1A;--bg-1: #151028;--bg-2: #1B1433;--bg-3: #21183D;--ink: #EEEAFD;--ink-dim: #C7BEEB;--ink-fade: rgba(238, 234, 253, .55);--gold-1: #E6994D;--gold-2: #F3B76A;--purp-1: #6E4BFF;--purp-2: #5A3FD1;--purp-soft: #8A6BFF;--serif: "Lora", serif;--sans: "Onest", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#060410;overflow:hidden}body{font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased}#root,.world{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:var(--bg-0)}.cosmos{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(ellipse 60% 40% at 50% 20%,rgba(110,75,255,.18),transparent 70%),radial-gradient(ellipse 80% 50% at 50% 110%,rgba(243,183,106,.08),transparent 70%),radial-gradient(ellipse at 20% 80%,#1B1433 0%,transparent 60%),radial-gradient(ellipse at 80% 30%,#21183D 0%,transparent 55%),linear-gradient(180deg,#0f0a1a,#151028,#0f0a1a);pointer-events:none;transition:transform 1.4s cubic-bezier(.7,.02,.25,1)}.cosmos:before,.cosmos:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:repeat;background-image:radial-gradient(1px 1px at 20px 30px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 80px 90px,rgba(255,255,255,.35),transparent),radial-gradient(1.5px 1.5px at 140px 200px,rgba(238,234,253,.6),transparent),radial-gradient(1px 1px at 250px 60px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 320px 280px,rgba(243,183,106,.5),transparent),radial-gradient(1.2px 1.2px at 50px 350px,rgba(255,255,255,.5),transparent);background-size:360px 400px;animation:starDrift 90s linear infinite;opacity:.85}.cosmos:after{background-size:220px 280px;animation-duration:130s;animation-direction:reverse;opacity:.5;filter:blur(.4px)}@keyframes starDrift{0%{transform:translateZ(0)}to{transform:translate3d(-360px,-400px,0)}}.stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;transition:transform 1.1s cubic-bezier(.7,.02,.25,1);will-change:transform}.scene{flex:0 0 100%;position:relative;height:100%;overflow:hidden}.particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.particle{position:absolute;width:4px;height:4px;border-radius:999px;background:radial-gradient(circle,#f3b76a,#f3b76a00 70%);filter:blur(.4px);opacity:.8;animation:floatUp linear infinite}.particle.purple{background:radial-gradient(circle,#8a6bff,#8a6bff00 70%)}.particle.white{background:radial-gradient(circle,#fff,#fff0 70%);width:2px;height:2px}@keyframes floatUp{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.85}90%{opacity:.6}to{transform:translateY(-110vh) translate(20px);opacity:0}}.brand{position:absolute;top:28px;left:28px;display:flex;align-items:center;gap:10px;z-index:50;font-family:var(--serif);font-style:italic;font-size:18px;letter-spacing:1px;color:var(--ink)}.brand .mark{width:22px;height:22px;background:url(/assets/asteria-logo.png) center / contain no-repeat;filter:drop-shadow(0 0 6px rgba(243,183,106,.55)) drop-shadow(0 0 14px rgba(110,75,255,.45));animation:brandFloat 6s ease-in-out infinite}@keyframes brandFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}.progress{position:absolute;top:32px;right:28px;display:flex;align-items:center;gap:10px;z-index:50}.progress .pip{width:22px;height:2px;border-radius:2px;background:#eeeafd2e;cursor:pointer;transition:all .4s ease}.progress .pip.on{background:linear-gradient(90deg,var(--gold-2),var(--purp-soft));width:36px;box-shadow:0 0 10px #f3b76a80}.progress .ct{font-family:var(--serif);font-style:italic;font-size:13px;color:var(--ink-fade);margin-left:8px;min-width:32px}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid rgba(238,234,253,.16);background:#0f0a1a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);font-size:18px;display:grid;place-items:center;cursor:pointer;z-index:50;transition:all .3s ease}.nav-arrow:hover{border-color:#f3b76a99;background:#6e4bff2e}.nav-arrow:disabled{opacity:0;pointer-events:none}.nav-arrow.left{left:28px}.nav-arrow.right{right:28px}@media (max-width: 720px){.nav-arrow{display:none}}.swipe-hint{position:absolute;bottom:26px;left:50%;transform:translate(-50%);font-family:var(--sans);font-size:10px;letter-spacing:4px;color:var(--ink-fade);z-index:30;pointer-events:none;text-transform:uppercase}.swipe-hint span{animation:pulseRight 2.6s ease infinite;display:inline-block}@keyframes pulseRight{0%,to{opacity:.35;transform:translate(0)}50%{opacity:.85;transform:translate(6px)}}.kicker{font-family:var(--sans);font-size:11px;letter-spacing:5px;text-transform:uppercase;color:var(--gold-2)}.headline{font-family:var(--serif);font-style:italic;font-weight:500;letter-spacing:-.01em;line-height:1.05;color:var(--ink);text-wrap:balance}.gold-text{background:linear-gradient(180deg,#fff1d8,#f3b76a 90%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(243,183,106,.25)}.s1-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% 60%,rgba(243,183,106,.18),transparent 60%),radial-gradient(ellipse 70% 60% at 50% 35%,rgba(110,75,255,.22),transparent 65%)}.s1-mountains{position:absolute;left:0;right:0;bottom:0;height:30%;pointer-events:none}.s1-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.arch-wrap{position:relative;width:min(78%,460px);aspect-ratio:1 / 1.7;cursor:pointer;transition:transform 1.4s cubic-bezier(.7,.02,.25,1),opacity 1.4s ease}.arch-wrap.entered{transform:scale(2.4);opacity:0}@media (min-width: 900px){.arch-wrap{width:min(38%,540px)}}.arch-smoke{position:absolute;border-radius:50%;pointer-events:none;mix-blend-mode:screen;filter:blur(40px)}.smoke-1{top:-8%;right:-22%;bottom:-2%;left:-22%;background:radial-gradient(40% 50% at 20% 40%,rgba(138,93,255,.55),transparent 70%),radial-gradient(40% 50% at 80% 60%,rgba(110,75,255,.45),transparent 70%);animation:smokeDrift 12s ease-in-out infinite}.smoke-2{top:10%;right:-15%;bottom:10%;left:-15%;background:radial-gradient(50% 40% at 30% 50%,rgba(186,140,255,.4),transparent 70%),radial-gradient(50% 40% at 70% 40%,rgba(90,63,209,.5),transparent 70%);animation:smokeDrift 16s ease-in-out infinite -4s;filter:blur(30px)}.smoke-3{top:-15%;right:0%;bottom:0%;left:0%;background:radial-gradient(60% 35% at 50% 25%,rgba(243,183,106,.18),transparent 70%);animation:smokeDrift 20s ease-in-out infinite -8s;filter:blur(28px)}@keyframes smokeDrift{0%,to{transform:translate(0) scale(1);opacity:.85}33%{transform:translate(-3%,2%) scale(1.04);opacity:1}66%{transform:translate(3%,-2%) scale(.98);opacity:.9}}.arch-pillars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;filter:drop-shadow(0 20px 30px rgba(0,0,0,.5))}.arch-svg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;filter:drop-shadow(0 30px 60px rgba(110,75,255,.45))}.arch-doors{position:absolute;left:21%;top:12.5%;right:21%;bottom:0;z-index:3;perspective:1200px;border-radius:200px 200px 4px 4px;overflow:hidden}.arch-door{position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(135deg,#2d1f5a,#1d1340,#120c2a);box-shadow:inset 0 0 60px #6e4bff2e,inset 0 -30px 50px #0006;transition:transform .9s cubic-bezier(.7,.02,.25,1),opacity .9s ease;transform-origin:var(--orig)}.arch-door.left{left:0;--orig: left center;border-radius:200px 4px 0 0}.arch-door.right{right:0;--orig: right center;border-radius:4px 200px 0 0}.arch-doors.open .arch-door.left{transform:perspective(1200px) rotateY(-92deg);opacity:.1}.arch-doors.open .arch-door.right{transform:perspective(1200px) rotateY(92deg);opacity:.1}.door-face{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:inherit;background:linear-gradient(140deg,#8a5dff14,#0000 60%);border:1px solid rgba(186,140,255,.18);box-shadow:inset 0 0 30px #0006,inset 0 0 60px #6e4bff1f;display:flex;flex-direction:column;padding:14px 10px;gap:10px}.door-panel{flex:1 1 0;border-radius:50% 50% 4px 4px/30% 30% 4px 4px;background:linear-gradient(180deg,#00000059,#6e4bff0d);border:1px solid rgba(186,140,255,.22);box-shadow:inset 0 4px 14px #0000008c,inset 0 -2px 6px #ba8cff1f;position:relative}.door-panel.pnl-top{flex:1.6}.door-panel.pnl-mid{flex:1.1;border-radius:4px}.door-panel.pnl-btm{flex:.9;border-radius:4px}.door-handle{position:absolute;top:52%;width:14px;height:26px;border-radius:4px;background:linear-gradient(180deg,#c89060,#a0683f,#6a4528);box-shadow:0 0 8px #f3b76a80,inset 0 1px 2px #ffdcb499,inset 0 -1px 2px #0006}.arch-door.left .door-handle{right:6px}.arch-door.right .door-handle{left:6px}.arch-portal-light{position:absolute;left:50%;top:50%;width:130%;height:90%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(243,183,106,.7) 0%,rgba(138,107,255,.4) 30%,transparent 70%);filter:blur(20px);opacity:0;transition:opacity 1.2s ease .4s;pointer-events:none}.arch-doors.open~.arch-portal-light{opacity:1}.arch-pulse{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:50% 50% 8px 8px;border:1px solid rgba(243,183,106,.4);animation:tapPulse 2.5s ease-out infinite;pointer-events:none}@keyframes tapPulse{0%{transform:translate(-50%,-50%) scale(.95);opacity:.6}80%,to{transform:translate(-50%,-50%) scale(1.15);opacity:0}}.guide{position:absolute;pointer-events:none;transition:transform 1.2s cubic-bezier(.7,.02,.25,1),opacity 1.2s ease;z-index:5}.guide-wrap{position:relative;width:100%;aspect-ratio:1504 / 1984}.guide-img{position:absolute;left:0;top:0;width:100%;height:auto;display:block;z-index:3;filter:drop-shadow(0 30px 50px rgba(0,0,0,.55))}.guide-legs{position:absolute;left:50%;top:100%;transform:translate(-50%);width:0;height:0;display:none}@keyframes legsSway{0%,to{transform:translate(-50%) rotate(-.3deg)}50%{transform:translate(-50%) rotate(.3deg)}}.guide-mobile{bottom:-4%;left:50%;transform:translate(-50%);width:78%;max-width:360px}.guide-desktop{display:none}@media (min-width: 900px){.guide-mobile{display:none}.guide-desktop{display:block;bottom:-2%;left:2%;width:200px;opacity:.97}}.guide-breathe{animation:breathe 6s ease-in-out infinite}@keyframes breathe{0%,to{transform:translate(-50%) translateY(0) scale(1)}50%{transform:translate(-50%) translateY(-6px) scale(1.012)}}@media (min-width: 900px){@keyframes breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.012)}}}.guide-sway{animation:guideSway 7s ease-in-out infinite;transform-origin:50% 25%}@keyframes guideSway{0%,to{transform:rotate(-.4deg) translateY(0)}50%{transform:rotate(.4deg) translateY(-3px)}}.guide-aura{position:absolute;left:-8%;right:-8%;top:5%;height:75%;background:radial-gradient(50% 45% at 50% 55%,rgba(110,75,255,.35),transparent 70%),radial-gradient(35% 30% at 50% 30%,rgba(243,183,106,.18),transparent 70%);filter:blur(20px);z-index:1;animation:auraPulse 8s ease-in-out infinite}@keyframes auraPulse{0%,to{opacity:.85}50%{opacity:1}}.guide-wing{position:absolute;top:8%;width:38%;height:42%;z-index:2;pointer-events:none;opacity:.55;mix-blend-mode:screen}.wing-l{left:-6%;transform:rotate(-12deg)}.wing-r{right:-6%;transform:rotate(12deg) scaleX(-1)}.wing-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 80% at 0% 20%,rgba(180,220,255,.55),transparent 60%),radial-gradient(70% 60% at 30% 60%,rgba(140,200,255,.45),transparent 70%),radial-gradient(40% 50% at 60% 90%,rgba(200,170,255,.4),transparent 70%);border-radius:100% 30% 60% 40%/60% 30% 70% 50%;animation:wingShimmer 4.5s ease-in-out infinite;filter:blur(2px)}.wing-r .wing-shimmer{animation-delay:.6s}@keyframes wingShimmer{0%,to{opacity:.7;transform:scale(1) translateY(0)}50%{opacity:1;transform:scale(1.04) translateY(-3px)}}.guide-lotus-glow{position:absolute;left:12%;top:38%;width:18%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,200,220,.7),rgba(255,150,200,.3) 50%,transparent 75%);filter:blur(6px);z-index:4;pointer-events:none;animation:lotusGlow 3.5s ease-in-out infinite;mix-blend-mode:screen}@keyframes lotusGlow{0%,to{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}.guide-card-glow{position:absolute;right:16%;top:36%;width:14%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(243,183,106,.6),rgba(230,153,77,.25) 60%,transparent 80%);filter:blur(5px);z-index:4;pointer-events:none;animation:cardGlow 4s ease-in-out infinite .4s;mix-blend-mode:screen}@keyframes cardGlow{0%,to{opacity:.55;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}}.guide-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.g-spark{position:absolute;width:3px;height:3px;border-radius:50%;background:radial-gradient(circle,#fff 0%,rgba(255,230,180,.6) 50%,transparent 80%);box-shadow:0 0 6px #ffe6b4e6,0 0 12px #f3b76a66;animation:gSpark 4s ease-in-out infinite;opacity:0}@keyframes gSpark{0%{opacity:0;transform:translateY(0) scale(.6)}30%{opacity:1;transform:translateY(-6px) scale(1)}70%{opacity:1;transform:translateY(-14px) scale(1.1)}to{opacity:0;transform:translateY(-22px) scale(.6)}}.s1-headline{position:absolute;left:0;right:0;top:10%;display:flex;justify-content:space-between;align-items:baseline;padding:0 6%;z-index:6;pointer-events:none;text-align:left}.s1-headline .hl-word{font-family:var(--serif);font-style:italic;font-weight:600;font-size:clamp(40px,11vw,72px);line-height:1;letter-spacing:-.01em;display:inline-block}.s1-sub{position:absolute;left:6%;right:6%;bottom:11%;margin:0;font-family:var(--sans);font-size:13px;letter-spacing:.3px;color:var(--ink-dim);max-width:none;line-height:1.55;text-align:center;text-wrap:balance;z-index:6;pointer-events:none}@media (min-width: 900px){.s1-headline{top:13%;padding:0 7%}.s1-headline .hl-word{font-size:clamp(64px,7.5vw,108px)}.s1-sub{left:7%;right:7%;bottom:13%;font-size:15px;max-width:none}}.tap-hint{position:absolute;left:50%;bottom:20%;transform:translate(-50%);display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--ink-fade);z-index:6}.tap-hint .dot{width:6px;height:6px;border-radius:50%;background:var(--gold-2);box-shadow:0 0 8px var(--gold-2);animation:pulseDot 1.6s ease-in-out infinite}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.5}}.s2-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 50% at 50% 50%,rgba(243,183,106,.12) 0%,transparent 60%),radial-gradient(ellipse 70% 50% at 50% 90%,rgba(138,107,255,.18),transparent 70%)}.s2-clouds{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.7}.s2-cloud{position:absolute;border-radius:50%;filter:blur(30px);background:radial-gradient(circle,rgba(138,107,255,.4),rgba(110,75,255,.05) 60%,transparent);animation:cloudDrift 32s ease-in-out infinite}@keyframes cloudDrift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px) scale(1.08)}}.s2-layout{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:100px 22px 60px}@media (min-width: 900px){.s2-layout{grid-template-columns:1.1fr .9fr;align-items:center;padding:0 8%}}.moon-stage{position:relative;width:min(72vw,420px);aspect-ratio:1;cursor:pointer;z-index:4}@media (min-width: 900px){.moon-stage{width:min(40vw,520px)}}.moon{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fffaebf2,#fffaeb00 32%),radial-gradient(circle at 70% 65%,#6e4bff66,#6e4bff00 50%),radial-gradient(circle at 50% 50%,#e8dfc5,#b9a98c 55%,#6e5a8c);box-shadow:0 0 80px 10px #f3b76a52,0 0 160px 20px #8a6bff47,inset -20px -30px 60px #28145099,inset 18px 20px 40px #fffaeb40;animation:moonRotate 80s linear infinite}.moon-craters{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;background:radial-gradient(circle at 40% 42%,rgba(80,55,120,.45) 0%,transparent 6%),radial-gradient(circle at 60% 35%,rgba(80,55,120,.35) 0%,transparent 4%),radial-gradient(circle at 35% 65%,rgba(80,55,120,.4) 0%,transparent 5%),radial-gradient(circle at 70% 70%,rgba(80,55,120,.3) 0%,transparent 4%);pointer-events:none;animation:moonRotate 80s linear infinite}@keyframes moonRotate{to{transform:rotate(360deg)}}.moon-orbit{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px dashed rgba(243,183,106,.3);animation:moonRotate 50s linear infinite reverse;pointer-events:none}.moon-orbit:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;top:-4px;left:50%;transform:translate(-50%);background:var(--gold-2);box-shadow:0 0 10px var(--gold-2)}.moon-orbit-2{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;border-radius:50%;border:1px solid rgba(110,75,255,.18);animation:moonRotate 100s linear infinite;pointer-events:none}.moon-orbit-2:after{content:"";position:absolute;width:12px;height:12px;top:50%;right:-6px;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle at 30% 30%,#f3b76a,#6e4bff 80%);box-shadow:0 0 12px #f3b76a80}.moon-preview{position:absolute;right:-8%;bottom:-6%;width:60%;border-radius:22px;padding:14px;background:linear-gradient(160deg,#6e4bff2e,#151028d9);border:1px solid rgba(243,183,106,.18);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 60px #00000073;font-family:var(--sans);transition:transform 1.1s cubic-bezier(.7,.02,.25,1),opacity .8s ease;transform:translate(40%,20%) scale(.7);opacity:0;pointer-events:none}.moon-stage.revealed .moon-preview{transform:translate(0) scale(1);opacity:1}.mp-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px;flex-wrap:wrap}.mp-head .day{font-family:var(--serif);font-style:italic;font-size:12px;color:var(--gold-2)}.mp-head .pill{font-size:8px;letter-spacing:1px;padding:3px 7px;border-radius:999px;background:linear-gradient(135deg,#f3b76a,#e6994d);color:#1b1433;border:1px solid rgba(243,183,106,.5);font-weight:600;white-space:nowrap}.mp-strip{display:flex;gap:5px;margin-bottom:10px}.mp-strip .d{flex:1;aspect-ratio:.7;border-radius:9px;border:1px solid rgba(238,234,253,.07);background:#1b143380;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:7px;letter-spacing:.5px;color:var(--ink-dim);text-transform:uppercase}.mp-strip .d.on{border-color:#f3b76a8c;background:linear-gradient(180deg,#f3b76a2e,#6e4bff2e);color:var(--ink)}.mp-strip .d .num{font-family:var(--serif);font-size:10px}.mp-strip .d .mm{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#e8dfc5,#6e5a8c)}.mp-name{font-family:var(--serif);font-style:italic;font-size:13px;margin-bottom:4px}.mp-text{font-size:10px;color:var(--ink-dim);line-height:1.4}.scene-meta{text-align:center;z-index:5}@media (min-width: 900px){.scene-meta{text-align:left;max-width:420px}}.scene-meta .kicker{display:block;margin-bottom:12px}.scene-meta h2{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(28px,5vw,52px);line-height:1.05;letter-spacing:-.01em;margin-bottom:14px}.scene-meta p{font-size:14px;line-height:1.55;color:var(--ink-dim);max-width:380px;margin:0 auto}@media (min-width: 900px){.scene-meta p{margin:0}}.scene-meta .feature-list{margin-top:18px;display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--ink-dim);max-width:380px;margin-left:auto;margin-right:auto}@media (min-width: 900px){.scene-meta .feature-list{margin-left:0}}.scene-meta .feature-list li{list-style:none;display:flex;align-items:center;gap:10px}.scene-meta .feature-list li:before{content:"✦";color:var(--gold-2);font-size:11px}.s2-layout .scene-meta{order:-1;margin-bottom:24px}@media (min-width: 900px){.s2-layout .scene-meta{order:1;margin-bottom:0}.s2-layout .moon-stage{justify-self:center}}.s3-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 50% 45%,rgba(110,75,255,.18),transparent 60%),radial-gradient(ellipse at 20% 90%,rgba(243,183,106,.06),transparent 60%)}.s3-layout{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:100px 22px 60px}@media (min-width: 900px){.s3-layout{grid-template-columns:.9fr 1.1fr;align-items:center;padding:0 8%}}.natal-stage{position:relative;width:min(72vw,440px);aspect-ratio:1;cursor:pointer;z-index:4}@media (min-width: 900px){.natal-stage{width:min(42vw,540px)}}.natal-circle{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(243,183,106,.4),transparent 40%),radial-gradient(circle at 50% 50%,rgba(110,75,255,.5) 0%,rgba(110,75,255,.15) 60%,transparent 80%);box-shadow:0 0 80px #6e4bff66,inset 0 0 40px #6e4bff66;animation:slowSpin 100s linear infinite}.natal-ring{position:absolute;border-radius:50%;border:1px solid rgba(243,183,106,.25)}.natal-ring.r1{top:-2%;right:-2%;bottom:-2%;left:-2%;animation:slowSpin 70s linear infinite}.natal-ring.r2{top:8%;right:8%;bottom:8%;left:8%;border-color:#eeeafd1f;animation:slowSpin 100s linear infinite reverse}.natal-ring.r3{top:18%;right:18%;bottom:18%;left:18%;border:1px dashed rgba(243,183,106,.18);animation:slowSpin 120s linear infinite}@keyframes slowSpin{to{transform:rotate(360deg)}}.natal-glyphs{position:absolute;top:0;right:0;bottom:0;left:0;animation:slowSpin 110s linear infinite}.natal-glyph{position:absolute;left:50%;top:50%;width:28px;height:28px;margin-left:-14px;margin-top:-14px;display:grid;place-items:center;font-size:14px;color:var(--gold-2);text-shadow:0 0 8px rgba(243,183,106,.6);font-family:var(--serif)}.natal-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.4),transparent 40%),radial-gradient(circle,#f3b76a,#e6994d 60%,#6e4bff);box-shadow:0 0 50px #f3b76ab3,inset -8px -10px 20px #3c1e0a80;display:grid;place-items:center;animation:pulseGlow 4s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 50px #f3b76ab3,inset -8px -10px 20px #3c1e0a80}50%{box-shadow:0 0 80px #f3b76ae6,inset -8px -10px 20px #3c1e0a80}}.natal-center span{font-family:var(--serif);font-style:italic;font-size:26px;color:#3b2255}.natal-preview{position:absolute;left:-10%;bottom:-4%;width:56%;border-radius:20px;padding:14px;background:linear-gradient(160deg,#6e4bff2e,#151028d9);border:1px solid rgba(243,183,106,.18);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 60px #00000073;transition:transform 1.1s cubic-bezier(.7,.02,.25,1),opacity .8s ease;transform:translate(-30%,20%) scale(.7);opacity:0;pointer-events:none}.natal-stage.revealed .natal-preview{transform:translate(0) scale(1);opacity:1}.np-head{display:flex;gap:10px;align-items:center;margin-bottom:10px}.np-glyph{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-style:italic;font-size:16px;color:var(--gold-2);background:radial-gradient(circle at 30% 30%,#f3b76a80,#6e4bff33);border:1px solid rgba(243,183,106,.4)}.np-head .who{font-family:var(--serif);font-style:italic;font-size:13px}.np-head .who .lab{font-family:var(--sans);font-style:normal;font-size:9px;letter-spacing:2px;color:var(--ink-fade);display:block}.np-text{font-size:10px;color:var(--ink-dim);line-height:1.45}.s3-layout .scene-meta{order:-1;margin-bottom:24px}@media (min-width: 900px){.s3-layout .scene-meta{order:0}.s3-layout .natal-stage{order:1;justify-self:center}}.s4-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(110,75,255,.3),transparent 60%),radial-gradient(ellipse 90% 50% at 50% 100%,rgba(243,183,106,.1),transparent 60%)}.s4-layout{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:100px 22px 60px}@media (min-width: 900px){.s4-layout{grid-template-columns:1fr 1fr;align-items:center;padding:0 8%}}.sphere-stage{position:relative;width:min(72vw,380px);aspect-ratio:1;cursor:pointer;z-index:4}@media (min-width: 900px){.sphere-stage{width:min(38vw,460px)}}.sphere{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffffffb3,#fff0 28%),radial-gradient(circle at 70% 75%,#28145080,#28145000 50%),radial-gradient(circle at 50% 50%,#f3b76a,#8a6bff 50%,#5a3fd1 90%);box-shadow:0 0 80px 8px #f3b76a73,0 0 160px 30px #6e4bff66,inset -16px -22px 50px #140a2873,inset 16px 18px 40px #ffffff2e;animation:spherePulse 4.5s ease-in-out infinite}@keyframes spherePulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.sphere-aura{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(243,183,106,.2);animation:slowSpin 25s linear infinite;pointer-events:none}.sphere-aura:after{content:"";position:absolute;width:6px;height:6px;top:-3px;left:50%;transform:translate(-50%);border-radius:50%;background:var(--gold-2);box-shadow:0 0 8px var(--gold-2)}.sphere-aura.r2{top:-8%;right:-8%;bottom:-8%;left:-8%;border-color:#6e4bff29;animation-duration:40s;animation-direction:reverse}.sphere-aura.r2:after{background:var(--purp-soft);box-shadow:0 0 8px var(--purp-soft)}.sphere-logo{position:absolute;left:50%;top:50%;width:42%;aspect-ratio:599 / 515;transform:translate(-50%,-50%);z-index:3;pointer-events:none;background:radial-gradient(120% 120% at 30% 25%,#ffe3b5,#f3b76a 35%,#e6994d 60%,#8a6bff 88%,#5a3fd1);-webkit-mask:url(/assets/logo.svg) no-repeat center / contain;mask:url(/assets/logo.svg) no-repeat center / contain;filter:drop-shadow(0 0 16px rgba(243,183,106,.85)) drop-shadow(0 0 32px rgba(110,75,255,.6)) drop-shadow(0 6px 12px rgba(0,0,0,.45));animation:logoFloat 6s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-52%) scale(1.03)}}.satellite{position:absolute;width:64px;height:64px;border-radius:18px;background:linear-gradient(160deg,#6e4bff2e,#151028b3);border:1px solid rgba(238,234,253,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .38s cubic-bezier(.7,.02,.25,1);text-align:center;z-index:5}.satellite:hover,.satellite.active{border-color:#f3b76a99;transform:scale(1.06);box-shadow:0 12px 30px #6e4bff66}.satellite .ic{font-family:var(--serif);font-size:18px;color:var(--gold-2)}.satellite .lab{font-size:8px;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-dim);font-family:var(--sans)}.satellite.active .lab{color:var(--gold-2)}.sat-tarot{left:-4%;top:8%}.sat-runes{right:-4%;top:8%}.sat-dream{left:-4%;bottom:8%}.sat-comp{right:-4%;top:45%}.sphere-preview{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70%;border-radius:22px;padding:12px;background:linear-gradient(160deg,#6e4bff33,#151028e0);border:1px solid rgba(243,183,106,.22);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 60px #00000073;transition:transform .8s cubic-bezier(.7,.02,.25,1),opacity .6s ease;transform:translate(-50%,-50%) scale(.6);opacity:0}.sphere-stage.revealed .sphere-preview{transform:translate(-50%,-50%) scale(1);opacity:1}.sp-bubble{padding:10px 12px;border-radius:14px;font-size:11px;line-height:1.4;margin-bottom:6px}.sp-bubble.ai{background:linear-gradient(140deg,#f3b76a29,#6e4bff1f);border:1px solid rgba(243,183,106,.18);border-bottom-left-radius:4px;color:var(--ink)}.sp-bubble.me{background:#6e4bff38;border:1px solid rgba(110,75,255,.35);border-bottom-right-radius:4px;color:var(--ink);width:fit-content;margin-left:auto}.s4-layout .scene-meta{order:-1;margin-bottom:24px}@media (min-width: 900px){.s4-layout .scene-meta{order:1;margin-bottom:0}.s4-layout .sphere-stage{justify-self:center}}.sphere-stage.ai-mode .sphere{opacity:.25;filter:blur(2px);transition:opacity .6s ease,filter .6s ease}.sphere-stage.ai-mode .sphere-aura,.sphere-stage.ai-mode .sphere-aura.r2{opacity:.45;transition:opacity .6s ease}.ai-mockup-frame{position:absolute;left:50%;top:50%;width:440px;height:860px;transform:translate(-50%,-50%);pointer-events:none;z-index:6;animation:aiFrameIn .7s cubic-bezier(.2,.7,.2,1) both}@keyframes aiFrameIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.ai-mockup-scale{width:440px;height:860px;transform-origin:center center;transform:scale(.42)}@media (max-width: 899px){.ai-mockup-scale{transform:scale(.55)}}@media (max-width: 380px){.ai-mockup-scale{transform:scale(.46)}}@media (min-width: 900px){.ai-mockup-scale{transform:scale(.62)}}@media (min-width: 1280px){.ai-mockup-scale{transform:scale(.68)}}.compat-mockup-scale{transform:scale(.38)}@media (max-width: 899px){.compat-mockup-scale{transform:scale(.5)}}@media (max-width: 380px){.compat-mockup-scale{transform:scale(.42)}}@media (min-width: 900px){.compat-mockup-scale{transform:scale(.57)}}@media (min-width: 1280px){.compat-mockup-scale{transform:scale(.62)}}.tarot-mockup-scale{transform:scale(.38)}@media (max-width: 899px){.tarot-mockup-scale{transform:scale(.5)}}@media (max-width: 380px){.tarot-mockup-scale{transform:scale(.42)}}@media (min-width: 900px){.tarot-mockup-scale{transform:scale(.57)}}@media (min-width: 1280px){.tarot-mockup-scale{transform:scale(.62)}}.s5-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 45%,rgba(243,183,106,.18),transparent 55%),radial-gradient(ellipse 90% 50% at 50% 100%,rgba(110,75,255,.18),transparent 70%)}.s5-layout{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 22px 60px;text-align:center;z-index:5}.candle-stage{position:relative;width:min(60vw,220px);height:min(60vw,220px);flex:0 0 auto;margin-bottom:36px}@media (min-width: 900px){.candle-stage{width:180px;height:180px;margin-bottom:44px}}.candle-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,rgba(243,183,106,.55) 0%,rgba(243,183,106,.18) 30%,transparent 70%);filter:blur(10px);animation:flicker 3.5s ease-in-out infinite}@keyframes flicker{0%,to{transform:scale(1);opacity:.95}35%{transform:scale(1.06);opacity:1}60%{transform:scale(.97);opacity:.85}}.candle-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffffe6,#fff0 30%),radial-gradient(circle,#fff1d8,#f3b76a,#e6994d);box-shadow:0 0 60px #f3b76ab3,inset -8px -12px 18px #783c1466;animation:flicker 3s ease-in-out infinite}.s5-affirm{font-family:var(--serif);font-style:italic;font-size:clamp(20px,3vw,28px);font-weight:500;line-height:1.3;background:linear-gradient(180deg,#fff1d8,#f3b76a);-webkit-background-clip:text;background-clip:text;color:transparent;text-wrap:balance;max-width:520px;margin-bottom:16px}.s5-headline{font-family:var(--serif);font-style:italic;font-size:clamp(28px,4.6vw,48px);font-weight:500;line-height:1.05;letter-spacing:-.01em;margin-bottom:14px;text-wrap:balance}.s5-sub{font-size:14px;color:var(--ink-dim);max-width:460px;line-height:1.55;margin-bottom:28px}.cta-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.store-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;border:1px solid rgba(238,234,253,.18);background:#0f0a1ab3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;text-decoration:none;color:var(--ink);transition:all .3s ease;font-family:var(--sans)}.store-btn:hover{border-color:#f3b76a80;background:#6e4bff2e;transform:translateY(-2px)}.store-btn .glyph{width:24px;height:24px;display:grid;place-items:center;color:var(--ink);font-size:18px}.store-btn .stk{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.store-btn .stk .small{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-fade)}.store-btn .stk .big{font-size:14px;font-weight:500}.s5-foot{margin-top:26px;font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--ink-fade)}.tweak-panel{z-index:200}.apple-glyph{width:18px;height:22px}.google-glyph{width:20px;height:22px}