@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Fraunces:opsz,wght,SOFT,WONK@9..144,600..900,80,1&display=swap";:root{color-scheme:light;--cream: #f7efe3;--cloud: #fff8f2;--ivory: #f6ebdd;--ink: #241a4b;--muted: #655c78;--orange: #f78a1e;--orange-hot: #ff9d35;--violet: #8d6bea;--lavender: #b598ff;--blue: #4eb5e7;--sky: #dceeff;--green: #80c657;--pink: #f37aae;--gold: #f9c76e;--night: #101741;--turquoise: #56d4d5;--glass: rgba(255, 248, 242, .68);--glass-border: rgba(36, 26, 75, .14);--shadow: 0 22px 70px rgba(68, 43, 22, .14);--beat-intensity: .66;font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--cream);color:var(--ink);scroll-behavior:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-width:320px;background:var(--cream);scrollbar-width:none}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 12% 10%,rgba(255,255,255,.88),transparent 32rem),radial-gradient(circle at 82% 12%,rgba(220,238,255,.72),transparent 28rem),linear-gradient(115deg,#f7efe3,#fff8f2 42%,#f6ebdd)}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.42;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.5) 0 1px,transparent 1.5px),radial-gradient(circle at 60% 70%,rgba(36,26,75,.12) 0 1px,transparent 1.6px);background-size:46px 46px,62px 62px;mix-blend-mode:soft-light}body[data-section=night]{background:radial-gradient(circle at 72% 24%,rgba(141,107,234,.3),transparent 23rem),radial-gradient(circle at 38% 80%,rgba(249,199,110,.16),transparent 18rem),linear-gradient(120deg,#101741,#151149 58%,#24134a);color:#fff8f2}body[data-section=water]{background:radial-gradient(circle at 70% 30%,rgba(86,212,213,.36),transparent 24rem),linear-gradient(115deg,#f7f1e8,#effbfb 64%,#fff8f2)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}.app{position:relative;min-height:100vh;isolation:isolate}.reference-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;background:#f7efe3;pointer-events:none}.reference-backdrop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:translateZ(0);transition:opacity .62s ease;-webkit-user-select:none;user-select:none}.reference-backdrop img.is-active{opacity:1}.site-header{position:fixed;top:18px;left:clamp(18px,3vw,56px);right:clamp(18px,3vw,56px);z-index:40;display:grid;grid-template-columns:minmax(120px,1fr) auto minmax(160px,1fr);align-items:center;min-height:58px;padding:9px 12px 9px 18px;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:#fff8f23d;box-shadow:0 16px 48px #3d281e14;-webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%);transition:transform .42s cubic-bezier(.22,1,.36,1),background .42s ease,min-height .42s ease}.site-header--compact{min-height:50px;background:#fff8f2b8;transform:translateY(-6px) scale(.985)}body[data-section=night] .site-header{border-color:#ffffff29;background:#1017417a;color:#fff8f2}.brand{font-family:Fraunces,Georgia,serif;font-size:clamp(1.25rem,1.6vw,1.85rem);font-weight:850;letter-spacing:0;color:var(--ink)}body[data-section=night] .brand{color:#fff8f2}.main-nav{display:flex;align-items:center;gap:clamp(20px,3vw,42px);font-size:.82rem;font-weight:700}.main-nav a{position:relative;padding:10px 0;opacity:.78}.main-nav a:after{content:"";position:absolute;left:50%;bottom:2px;width:5px;height:5px;border-radius:50%;background:var(--orange);transform:translate(-50%) scale(0);transition:transform .26s cubic-bezier(.34,1.56,.64,1)}.main-nav a.is-active{opacity:1}.main-nav a.is-active:after,.main-nav a:hover:after{transform:translate(-50%) scale(1)}.header-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.header-cta,.sound-toggle{border:1px solid rgba(36,26,75,.12);background:#fff8f2b8;box-shadow:inset 0 1px 1px #ffffffb3}.header-cta{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 18px;border-radius:999px;font-size:.86rem;font-weight:700}.sound-toggle{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;cursor:pointer}body[data-section=night] .header-cta,body[data-section=night] .sound-toggle{border-color:#ffffff29;background:#fff8f21a}.scene-shell{position:fixed;inset:0;z-index:1;pointer-events:auto}@media(min-width:861px){.app--reference-locked .site-header,.app--reference-locked .scene-shell,.app--reference-locked .progress-rail,.app--reference-locked .memory-particles,.app--reference-locked .soft-cursor{opacity:0;pointer-events:none}.app--reference-locked .story-section{min-height:100vh;padding:0}.app--reference-locked .section-copy,.app--reference-locked .floor-nav,.app--reference-locked .character-cards,.app--reference-locked .lab-panel,.app--reference-locked .dance-mixer,.app--reference-locked .creator-hud,.app--reference-locked .memory-bubbles,.app--reference-locked .finale-form,.app--reference-locked .benefit-bar,.app--reference-locked .scene-play{opacity:0;pointer-events:none}}.scene-shell--loading{background:radial-gradient(circle at 68% 42%,rgba(255,248,242,.85),transparent 18rem),linear-gradient(115deg,#f7efe3,#fff8f2)}.scene-shell:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#f7efe3f7,#f7efe3db 24%,#f7efe329 46%,#f7efe314),radial-gradient(circle at 76% 76%,rgba(255,248,242,.55),transparent 28rem);transition:opacity .6s ease,background .6s ease}body[data-section=night] .scene-shell:after{background:linear-gradient(90deg,#101741fa,#101741d1 28%,#1017410a 58%,#1017413d),radial-gradient(circle at 72% 35%,rgba(181,152,255,.18),transparent 30rem)}.story-stack{position:relative;z-index:10}.story-section{position:relative;display:grid;grid-template-columns:minmax(320px,.44fr) minmax(0,.56fr);min-height:100vh;padding:clamp(104px,12vh,148px) clamp(28px,5vw,86px) clamp(48px,7vh,88px);color:var(--ink)}.story-section--dark{color:#fff8f2}.section-copy{align-self:center;width:min(100%,690px);transform:translateY(30px);opacity:.38;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .7s ease}.story-section.is-active .section-copy{transform:translateY(0);opacity:1}.kicker{margin:0 0 18px;color:var(--orange);font-size:clamp(.68rem,.8vw,.84rem);font-weight:900;letter-spacing:0}.story-section--dark .kicker{color:var(--gold)}h1{max-width:760px;margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(4.1rem,8vw,8.6rem);font-weight:860;line-height:.86;letter-spacing:0}h1 span{color:var(--orange);display:inline-block;transform-origin:40% 70%;animation:softType 5s ease-in-out infinite}.subtitle{max-width:510px;margin:clamp(20px,3vh,34px) 0 0;color:var(--muted);font-size:clamp(1rem,1.1vw,1.16rem);font-weight:600;line-height:1.68}.story-section--dark .subtitle{color:#fff8f2c7}.section-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.clay-button,.orange-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;border-radius:999px;border:0;padding:0 24px;font-size:.95rem;font-weight:800;cursor:pointer;overflow:hidden;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,background .25s ease}.clay-button:before,.orange-pill:before,.clay-press:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.48),transparent 18%);opacity:0;pointer-events:none;transition:opacity .24s ease}.clay-button:hover:before,.orange-pill:hover:before,.clay-press:hover:before{opacity:.72}.clay-button--primary{color:#fff;background:var(--ink);box-shadow:0 14px 28px #241a4b38,inset 0 -4px 14px #ffffff14}.clay-button--secondary{color:var(--ink);border:1px solid rgba(36,26,75,.16);background:#fff8f2b8;box-shadow:inset 0 1px 2px #ffffffc7}.orange-pill{min-height:48px;color:#fff;background:linear-gradient(180deg,var(--orange-hot),var(--orange));box-shadow:0 16px 34px #f78a1e52,inset 0 -5px 14px #7434001a}.clay-press{position:relative;transform:translateZ(0)}.clay-press:hover{transform:translateY(-2px) scale(1.025)}.clay-press:active{transform:translateY(2px) scale(.97)}.clay-panel{border:1px solid var(--glass-border);border-radius:26px;background:var(--glass);box-shadow:var(--shadow),inset 0 1px 1px #ffffffd1;-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%)}body[data-section=night] .clay-panel{border-color:#ffffff1f;background:#11143c7a;box-shadow:0 22px 70px #00000047,inset 0 1px 1px #ffffff14}.progress-rail{position:fixed;left:clamp(18px,3.8vw,72px);bottom:clamp(24px,6vh,80px);z-index:30;display:grid;justify-items:center;gap:10px;color:var(--ink);opacity:.86}body[data-section=night] .progress-rail{color:#fff8f2}.progress-rail span{writing-mode:vertical-rl;rotate:180deg;font-size:.66rem;font-weight:900;letter-spacing:.08em}.rail-line{position:relative;width:2px;height:82px;border-radius:999px;background:#241a4b24;transform-origin:bottom;overflow:hidden}.rail-line i{position:absolute;inset:0;border-radius:inherit;background:currentColor;transform-origin:bottom}.progress-rail strong{font-size:1.1rem;font-weight:900}.progress-rail small{margin-top:-14px;font-size:.74rem;opacity:.58}.floor-nav{position:absolute;right:clamp(28px,5vw,96px);top:50%;z-index:16;display:grid;gap:22px;transform:translateY(-50%)}.floor-nav:before{content:"";position:absolute;left:6px;top:10px;bottom:10px;width:1px;background:#241a4b2e}.floor-nav div{position:relative;display:flex;align-items:center;gap:14px;min-width:185px;color:var(--muted);font-size:.82rem;font-weight:700;opacity:.72;transition:transform .24s ease,opacity .24s ease}.floor-nav div.is-active{color:var(--ink);opacity:1;transform:translate(-8px)}.floor-nav i,.character-card i,.benefit-bar i{width:12px;height:12px;border-radius:50%;background:var(--dot-color);box-shadow:0 0 0 5px color-mix(in srgb,var(--dot-color),transparent 75%);flex:0 0 auto}.character-cards{position:absolute;right:clamp(24px,4.2vw,80px);top:15vh;z-index:15;display:grid;width:min(280px,24vw);gap:14px}.character-card{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;align-items:center;min-height:78px;padding:16px;border:1px solid var(--glass-border);border-radius:22px;background:#fff8f294;box-shadow:0 18px 42px #492f1f1a,inset 0 1px 1px #ffffffc7;cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .24s cubic-bezier(.34,1.56,.64,1),background .24s ease}.character-card:hover,.character-card.is-active{transform:translate(-8px) scale(1.025);background:#fff8f2d6}.character-card strong{font-weight:900;text-transform:uppercase}.character-card span{grid-column:2;color:var(--muted);font-size:.8rem;font-weight:700}.lab-panel{position:absolute;right:clamp(26px,4.5vw,86px);bottom:18vh;z-index:15;width:min(300px,24vw);padding:20px}.panel-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:14px;color:#fff;border-radius:50%;background:var(--panel-color);box-shadow:0 12px 26px color-mix(in srgb,var(--panel-color),transparent 58%)}.lab-panel p,.lab-panel strong,.lab-panel span{display:block;margin:0}.lab-panel p{font-size:.82rem;font-weight:900}.lab-panel strong{margin-top:4px;font-size:1.22rem}.lab-panel span{margin-top:8px;color:var(--muted);font-size:.9rem;font-weight:650;line-height:1.45}.scene-play{position:absolute;right:clamp(28px,5vw,88px);bottom:clamp(34px,8vh,92px);z-index:18;display:grid;place-items:center;width:82px;height:82px;border:1px solid rgba(255,255,255,.34);border-radius:50%;color:var(--orange);background:#241a4bc2;box-shadow:0 22px 62px #241a4b33,inset 0 1px 2px #ffffff29;cursor:pointer}.dance-mixer{position:absolute;right:clamp(28px,5vw,82px);top:20vh;z-index:16;width:min(340px,25vw);padding:22px}.dance-mixer small,.tool-panel small,.world-panel small{display:block;color:var(--muted);font-size:.69rem;font-weight:900;letter-spacing:.08em}.track-row{display:grid;grid-template-columns:48px 1fr 44px;align-items:center;gap:12px;margin:12px 0 22px}.track-icon{display:flex;align-items:end;justify-content:center;gap:4px;width:46px;height:46px;border-radius:16px;background:#fff;box-shadow:inset 0 -3px 10px #241a4b14}.track-icon span{width:7px;border-radius:999px;background:var(--orange);animation:equalize .8s ease-in-out infinite alternate}.track-icon span:nth-child(1){height:18px}.track-icon span:nth-child(2){height:28px;background:var(--blue);animation-delay:.16s}.track-icon span:nth-child(3){height:12px;background:var(--gold);animation-delay:.32s}.track-row strong,.track-row span{display:block}.track-row strong{font-size:.95rem}.track-row span{color:var(--muted);font-size:.8rem;font-weight:700}.round-control{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;color:#fff;background:var(--ink);cursor:pointer}.mixer-sliders{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;min-height:138px;margin-top:16px}.mixer-sliders label{display:grid;justify-items:center;gap:8px;color:var(--muted);font-size:.66rem;font-weight:900}.mixer-sliders input{width:34px;height:96px;accent-color:var(--slider-color);writing-mode:vertical-lr;direction:rtl}.creator-hud{position:absolute;inset:clamp(118px,16vh,152px) clamp(28px,5vw,72px) auto auto;z-index:17;display:flex;gap:18px;align-items:flex-start}.tool-panel,.world-panel{width:min(260px,22vw);padding:18px}.tool-panel{left:clamp(24px,4vw,58px);top:17vh}.tool-panel button,.world-panel div{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;margin-top:8px;border:0;border-radius:15px;background:transparent;color:var(--muted);font-size:.86rem;font-weight:800}.tool-panel button{padding:0 12px;cursor:pointer}.tool-panel button.is-active{color:var(--orange);background:#fff8f2b3;box-shadow:inset 0 0 0 1px #f78a1e2e}.world-panel div{justify-content:space-between;padding:0 10px;border-bottom:1px solid rgba(36,26,75,.06)}.world-panel i{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.4}.world-panel .orange-pill{width:100%;margin-top:14px}.memory-bubbles{position:absolute;right:clamp(34px,6vw,110px);top:22vh;z-index:18;display:grid;gap:18px}.memory-bubbles button{width:116px;height:116px;border:1px solid rgba(255,255,255,.56);border-radius:50%;color:var(--ink);background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.96),transparent 18%),color-mix(in srgb,var(--bubble-color),transparent 56%);box-shadow:0 18px 50px color-mix(in srgb,var(--bubble-color),transparent 55%);font-weight:900;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:bubbleDrift 4.2s ease-in-out infinite;animation-delay:var(--bubble-delay)}.memory-bubbles button.is-collected{transform:scale(.88);opacity:.72}.finale-form{position:absolute;left:clamp(28px,5vw,86px);bottom:clamp(110px,13vh,170px);z-index:20;display:grid;width:min(370px,32vw);gap:12px;padding:22px}.finale-form strong{font-size:1.08rem;font-weight:900}.finale-form label{display:grid;gap:6px}.finale-form label span{color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.finale-form input,.finale-form textarea{width:100%;border:1px solid rgba(36,26,75,.12);border-radius:15px;background:#fff9;padding:12px 13px;color:var(--ink);outline:0;transition:border .22s ease,transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease}.finale-form textarea{resize:vertical;min-height:78px}.finale-form input:focus,.finale-form textarea:focus,.finale-form input:hover,.finale-form textarea:hover{border-color:#f78a1e94;box-shadow:0 10px 24px #f78a1e1f;transform:scale(1.018)}.finale-form .orange-pill{width:100%}.benefit-bar{position:absolute;left:clamp(28px,5vw,86px);right:clamp(28px,5vw,86px);bottom:clamp(26px,5vh,58px);z-index:19;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:18px 22px}.benefit-bar div{display:grid;grid-template-columns:20px 1fr;gap:4px 12px;padding:0 14px}.benefit-bar div+div{border-left:1px solid rgba(36,26,75,.1)}.benefit-bar strong{font-size:.88rem;font-weight:900}.benefit-bar span{grid-column:2;color:var(--muted);font-size:.78rem;font-weight:700;line-height:1.4}.memory-particles{position:fixed;right:24px;top:50%;z-index:32;display:grid;gap:8px;pointer-events:none;transform:translateY(-50%)}.memory-particles span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:28px;padding:0 10px;border-radius:999px;background:#fff8f2c7;box-shadow:0 12px 24px #241a4b1f;color:var(--ink);font-size:.68rem;font-weight:900;animation:memoryFloat 3.8s ease-in-out infinite;animation-delay:calc(var(--particle-index) * .18s)}.soft-cursor{position:fixed;left:var(--pointer-x, -100px);top:var(--pointer-y, -100px);z-index:35;width:140px;height:140px;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(255,248,242,.18),transparent 68%);filter:blur(2px);transform:translate(-50%,-50%);mix-blend-mode:soft-light}@keyframes softType{0%,to{transform:scale(1) rotate(0)}42%{transform:scale(1.015,.985) rotate(-.45deg)}62%{transform:scale(.992,1.018) rotate(.28deg)}}@keyframes equalize{0%{transform:scaleY(.55)}to{transform:scaleY(calc(.85 + var(--beat-intensity) * .55))}}@keyframes bubbleDrift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-10px,-18px,0) scale(1.04)}}@keyframes memoryFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(-7px,-10px,0)}}@media(max-width:1180px){.site-header{grid-template-columns:auto 1fr auto}.main-nav{gap:22px;justify-content:center}h1{font-size:clamp(3.6rem,8vw,6.5rem)}.character-cards,.dance-mixer,.world-panel{width:270px}.tool-panel{width:230px}}@media(max-width:860px){body{background:radial-gradient(circle at 60% 18%,rgba(220,238,255,.8),transparent 17rem),linear-gradient(180deg,#f7efe3,#fff8f2)}.site-header{top:10px;left:10px;right:10px;grid-template-columns:1fr auto;min-height:54px;padding:8px 10px 8px 14px}.main-nav{display:none}.brand{font-size:1.34rem}.header-cta{display:none}.scene-shell{height:54vh;bottom:auto}.scene-shell:after{background:linear-gradient(180deg,#f7efe30a,#f7efe38f 67%,#f7efe3)}.story-section{display:block;min-height:112vh;padding:54vh 18px 54px}.section-copy{width:100%;padding:22px;border:1px solid rgba(36,26,75,.1);border-radius:28px;background:#fff8f2b8;box-shadow:0 20px 58px #412a191f,inset 0 1px 1px #ffffffc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.story-section--dark .section-copy{background:#101741ad}h1{font-size:clamp(2.55rem,11.3vw,3.05rem);line-height:.92;overflow-wrap:normal}.subtitle{font-size:.98rem;line-height:1.58}.section-actions{gap:10px}.clay-button{min-height:48px;padding:0 18px}.progress-rail{display:none}.floor-nav,.character-cards,.lab-panel,.dance-mixer,.creator-hud,.tool-panel,.world-panel,.memory-bubbles,.finale-form,.benefit-bar,.scene-play{position:relative;inset:auto;width:100%;transform:none;margin-top:18px}.floor-nav{padding:18px;border:1px solid rgba(36,26,75,.1);border-radius:24px;background:#fff8f2ad;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.floor-nav:before{display:none}.character-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.character-card{min-height:68px}.lab-panel,.dance-mixer,.tool-panel,.world-panel,.finale-form{padding:18px}.creator-hud{display:grid}.memory-bubbles{display:flex;gap:12px}.memory-bubbles button{width:92px;height:92px}.benefit-bar{grid-template-columns:1fr;gap:10px}.benefit-bar div{padding:10px 0}.benefit-bar div+div{border-left:0;border-top:1px solid rgba(36,26,75,.1)}.memory-particles,.soft-cursor{display:none}}@media(max-width:520px){.story-section{min-height:122vh;padding-inline:12px}.section-copy{padding:18px}.kicker{font-size:.62rem;line-height:1.4}h1{font-size:clamp(2.35rem,11vw,2.95rem)}.section-actions{display:grid}.clay-button{width:100%}.character-cards{grid-template-columns:1fr}.mixer-sliders{grid-template-columns:repeat(5,minmax(38px,1fr));overflow:hidden}.memory-bubbles{justify-content:space-between}.memory-bubbles button{width:86px;height:86px;font-size:.78rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.soft-cursor{display:none}}@media(min-width:861px){.app--reference-locked .site-header,.app--reference-locked .scene-shell,.app--reference-locked .progress-rail,.app--reference-locked .memory-particles,.app--reference-locked .soft-cursor,.app--reference-locked .section-copy,.app--reference-locked .floor-nav,.app--reference-locked .character-cards,.app--reference-locked .lab-panel,.app--reference-locked .dance-mixer,.app--reference-locked .creator-hud,.app--reference-locked .memory-bubbles,.app--reference-locked .finale-form,.app--reference-locked .benefit-bar,.app--reference-locked .scene-play{opacity:0!important;pointer-events:none!important}.app--reference-locked .story-section{min-height:100vh!important;padding:0!important}}