@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;--living-drift-x: 0px;--living-drift-y: 0px;--living-tilt-x: 0deg;--living-tilt-y: 0deg;--living-roll: 0deg;--living-rise: 0px;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}.living-world{position:fixed;inset:0;z-index:24;pointer-events:auto;overflow:hidden;perspective:1100px;--mx: 0;--my: 0;--scroll-kick: 0}.living-cutout{position:absolute;left:calc(var(--x) / 1280 * 100vw);top:calc(var(--y) / 720 * 100vh);width:calc(var(--w) / 1280 * 100vw);height:calc(var(--h) / 720 * 100vh);border:0;padding:0;color:transparent;background:transparent;opacity:0;pointer-events:auto;cursor:pointer;transform:translateZ(0);transform-origin:50% 72%;transition:opacity .18s ease,filter .18s ease;will-change:transform,filter,opacity}.living-region{position:absolute;inset:-5%;display:block;border-radius:46% 54% 50% 50%/54% 48% 52% 46%;background-image:var(--ref);background-size:100vw 100vh;background-position:calc(var(--x) / -1280 * 100vw) calc(var(--y) / -720 * 100vh);background-repeat:no-repeat;pointer-events:none;-webkit-user-select:none;user-select:none;transform:translate3d(var(--living-drift-x),calc(var(--living-drift-y) + var(--living-rise)),0) rotateX(var(--living-tilt-x)) rotateY(var(--living-tilt-y)) rotate(var(--living-roll));transform-origin:50% 72%;transition:transform .11s linear,filter .18s ease;filter:saturate(1.05) brightness(1.02) drop-shadow(0 18px 24px rgba(36,26,75,.18));mask-image:radial-gradient(ellipse at 50% 52%,#000 0 57%,rgba(0,0,0,.88) 68%,transparent 82%);-webkit-mask-image:radial-gradient(ellipse at 50% 52%,#000 0 57%,rgba(0,0,0,.88) 68%,transparent 82%)}.living-cutout.is-active,.living-cutout:hover,.living-cutout:focus-visible{opacity:1}.living-cutout.is-active .living-region,.living-cutout:hover .living-region,.living-cutout:focus-visible .living-region{filter:saturate(1.08) brightness(1.035) drop-shadow(0 18px 24px rgba(36,26,75,.2))}.living-cutout:hover,.living-cutout:focus-visible{outline:0;filter:saturate(1.08) brightness(1.035) drop-shadow(0 18px 24px rgba(36,26,75,.18))}.living-world.is-alive .living-cutout--wave,.living-cutout--wave:hover{animation:clayWave 1.15s cubic-bezier(.34,1.56,.64,1) infinite;animation-delay:var(--delay)}.living-world.is-alive .living-cutout--peek,.living-cutout--peek:hover{animation:clayPeek 1.4s ease-in-out infinite;animation-delay:var(--delay)}.living-world.is-alive .living-cutout--wink,.living-cutout--wink:hover{animation:clayWink 1.55s ease-in-out infinite;animation-delay:var(--delay)}.living-world.is-alive .living-cutout--jump,.living-cutout--jump:hover{animation:clayJump 1.05s cubic-bezier(.34,1.56,.64,1) infinite;animation-delay:var(--delay)}.living-world.is-alive .living-cutout--turn,.living-cutout--turn:hover{animation:clayTurn 1.7s ease-in-out infinite;animation-delay:var(--delay)}.living-world.is-alive .living-cutout--point,.living-cutout--point:hover,.living-world.is-alive .living-cutout--pull,.living-cutout--pull:hover{animation:clayPoint 1.25s ease-in-out infinite;animation-delay:var(--delay)}.living-world.is-alive .living-cutout--float,.living-cutout--float:hover{animation:clayFloatCutout 2.4s ease-in-out infinite;animation-delay:var(--delay)}.living-world.is-alive .living-cutout--dance,.living-cutout--dance:hover{animation:clayDance .64s cubic-bezier(.34,1.56,.64,1) infinite;animation-delay:var(--delay)}.living-world.is-alive .living-cutout--nudge,.living-cutout--nudge:hover{animation:clayNudge 1.25s ease-in-out infinite;animation-delay:var(--delay)}.living-world.is-alive .living-cutout--wonder,.living-cutout--wonder:hover{animation:clayWonder 1.8s ease-in-out infinite;animation-delay:var(--delay)}.living-world.is-alive .living-cutout--walk,.living-cutout--walk:hover{animation:clayWalk .9s ease-in-out infinite;animation-delay:var(--delay)}.living-hit-label{position:absolute;left:50%;bottom:-24px;translate:-50% 0;min-width:58px;padding:6px 10px;border-radius:999px;background:#fff8f2b8;box-shadow:0 10px 22px #241a4b24;color:var(--ink);font-size:.68rem;font-weight:900;opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.living-cutout:hover .living-hit-label,.living-cutout:focus-visible .living-hit-label{opacity:1;transform:translateY(0)}.clay-cursor-force{position:absolute;left:var(--cursor-xp, -200px);top:var(--cursor-yp, -200px);width:190px;height:190px;border-radius:50%;translate:-50% -50%;background:radial-gradient(circle,rgba(255,255,255,.16),rgba(255,255,255,.06) 34%,transparent 68%);opacity:0;mix-blend-mode:soft-light;pointer-events:none;transition:opacity .22s ease}.living-world.is-alive .clay-cursor-force{opacity:1}.clay-burst{position:fixed;z-index:24;width:18px;height:18px;border-radius:50%;translate:-50% -50%;background:radial-gradient(circle at 32% 28%,#fff8f2,#f78a1e 62%,#f78a1e00);pointer-events:none;animation:clayBurst .85s ease-out forwards}.living-speech{position:fixed;left:var(--speech-x);top:var(--speech-y);z-index:26;width:min(260px,30vw);padding:16px 18px;color:var(--ink);transform:translate(-50%,-118%) scale(.98);animation:speechPop .34s cubic-bezier(.34,1.56,.64,1) forwards;pointer-events:none}.living-speech strong,.living-speech span{display:block}.living-speech strong{font-size:.92rem;text-transform:uppercase}.living-speech span{margin-top:5px;color:var(--muted);font-size:.84rem;font-weight:700;line-height:1.36}.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)}.mobile-nav{display:none}.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;pointer-events:none}.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)}.mobile-scene-frame{display:none}.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)}}@keyframes clayWave{0%,to{transform:translate3d(calc(var(--mx) * var(--depth) * 10px),calc(var(--my) * var(--depth) * 8px),0) rotate(0) scale(1)}36%{transform:translate3d(calc(var(--mx) * var(--depth) * 14px),calc(var(--my) * var(--depth) * 10px - 5px),32px) rotate(-2.2deg) scale(1.018,.986)}68%{transform:translate3d(calc(var(--mx) * var(--depth) * 9px),calc(var(--my) * var(--depth) * 7px + 2px),0) rotate(1.4deg) scale(.992,1.014)}}@keyframes clayPeek{0%,to{transform:translate3d(calc(var(--mx) * var(--depth) * 12px),calc(var(--my) * var(--depth) * 7px),0) rotateY(0)}50%{transform:translate3d(calc(var(--mx) * var(--depth) * 20px + 8px),calc(var(--my) * var(--depth) * 8px - 4px),45px) rotateY(-7deg)}}@keyframes clayWink{0%,to{transform:translate3d(calc(var(--mx) * var(--depth) * 8px),calc(var(--my) * var(--depth) * 7px),0) rotate(0);filter:saturate(1.04)}44%{transform:translate3d(calc(var(--mx) * var(--depth) * 10px),calc(var(--my) * var(--depth) * 8px - 3px),22px) rotate(1.4deg) scale(1.01,.99);filter:saturate(1.12) brightness(1.04)}}@keyframes clayJump{0%,to{transform:translate3d(calc(var(--mx) * var(--depth) * 8px),calc(var(--my) * var(--depth) * 6px),0) scale(1)}30%{transform:translate3d(calc(var(--mx) * var(--depth) * 12px),calc(var(--my) * var(--depth) * 6px - 16px),52px) scale(.96,1.045)}58%{transform:translate3d(calc(var(--mx) * var(--depth) * 6px),calc(var(--my) * var(--depth) * 5px + 3px),0) scale(1.035,.965)}}@keyframes clayTurn{0%,to{transform:translate3d(calc(var(--mx) * var(--depth) * 9px),calc(var(--my) * var(--depth) * 6px),0) rotateY(0)}50%{transform:translate3d(calc(var(--mx) * var(--depth) * 15px),calc(var(--my) * var(--depth) * 8px - 4px),34px) rotateY(9deg) rotate(1deg)}}@keyframes clayPoint{0%,to{transform:translate3d(calc(var(--mx) * var(--depth) * 8px),calc(var(--my) * var(--depth) * 7px),0) rotate(0)}50%{transform:translate3d(calc(var(--mx) * var(--depth) * 12px + 10px),calc(var(--my) * var(--depth) * 7px - 2px),24px) rotate(-1.6deg) scale(1.012)}}@keyframes clayFloatCutout{0%,to{transform:translate3d(calc(var(--mx) * var(--depth) * 14px),calc(var(--my) * var(--depth) * 12px),0) rotate(0)}50%{transform:translate3d(calc(var(--mx) * var(--depth) * 20px),calc(var(--my) * var(--depth) * 12px - 11px),42px) rotate(1.8deg)}}@keyframes clayDance{0%,to{transform:translate3d(calc(var(--mx) * var(--depth) * 5px),calc(var(--my) * var(--depth) * 4px),0) rotate(-.8deg) scale(1.02,.982)}50%{transform:translate3d(calc(var(--mx) * var(--depth) * 8px),calc(var(--my) * var(--depth) * 5px - 10px),34px) rotate(1.4deg) scale(.982,1.035)}}@keyframes clayNudge{0%,to{transform:translate3d(calc(var(--mx) * var(--depth) * 7px),calc(var(--my) * var(--depth) * 6px),0) rotate(0)}45%{transform:translate3d(calc(var(--mx) * var(--depth) * 9px - 6px),calc(var(--my) * var(--depth) * 6px + 3px),18px) rotate(-1.2deg) scale(1.02,.985)}}@keyframes clayWonder{0%,to{transform:translate3d(calc(var(--mx) * var(--depth) * 7px),calc(var(--my) * var(--depth) * 6px),0) rotate(0);filter:brightness(1)}50%{transform:translate3d(calc(var(--mx) * var(--depth) * 10px),calc(var(--my) * var(--depth) * 7px - 5px),26px) rotate(1deg);filter:brightness(1.08) saturate(1.08)}}@keyframes clayWalk{0%,to{transform:translate3d(calc(var(--mx) * var(--depth) * 6px - 4px),calc(var(--my) * var(--depth) * 4px),0) rotate(-.8deg)}50%{transform:translate3d(calc(var(--mx) * var(--depth) * 8px + 5px),calc(var(--my) * var(--depth) * 5px - 4px),20px) rotate(.9deg)}}@keyframes clayBurst{0%{opacity:.95;transform:scale(.3);box-shadow:0 0 #f78a1e7a}to{opacity:0;transform:scale(9);box-shadow:0 0 0 24px #f78a1e00}}@keyframes speechPop{0%{opacity:0;transform:translate(-50%,-104%) scale(.88)}to{opacity:1;transform:translate(-50%,-118%) scale(1)}}@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)}.reference-backdrop,.scene-shell{display:none}.living-world{z-index:28;pointer-events:none}.living-cutout{display:none}.living-speech{width:min(280px,calc(100vw - 32px))}.site-header{top:10px;left:10px;right:10px;grid-template-columns:1fr auto;gap:8px 10px;min-height:76px;padding:8px 10px 10px 14px;border-radius:26px;background:#fff8f2c2;-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%)}.main-nav{display:none}.mobile-nav{grid-column:1 / -1;display:flex;gap:8px;overflow-x:auto;padding:0 2px 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav a{flex:0 0 auto;min-height:34px;padding:9px 12px;border-radius:999px;color:#241a4bc7;background:#ffffff6b;font-size:.76rem;font-weight:850;white-space:nowrap}.mobile-nav a.is-active{color:#fff;background:var(--ink);box-shadow:0 9px 18px #241a4b2e}.brand{font-size:1.34rem}.header-cta{display:none}.story-section{display:grid;grid-template-columns:1fr;gap:14px;min-height:auto;padding:calc(104px + env(safe-area-inset-top)) 16px 58px;overflow:hidden}.story-section+.story-section{padding-top:34px}.mobile-scene-frame{position:relative;display:block;width:100%;height:clamp(260px,38vh,360px);margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.52);border-radius:30px;background:#fff8f2a3;box-shadow:0 24px 70px #462d1a29,inset 0 1px 1px #fffc;transform:translateZ(0)}.mobile-scene-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0 55%,rgba(247,239,227,.16) 72%,rgba(247,239,227,.48) 100%),radial-gradient(circle at 50% 105%,rgba(255,248,242,.74),transparent 42%)}.mobile-scene-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:62% center;transform:scale(1.02)}.mobile-scene-frame--hero img{object-position:69% center}.mobile-scene-frame--story img,.mobile-scene-frame--lab img{object-position:67% center}.mobile-scene-frame--creator img{object-position:54% center}.mobile-scene-frame--night img{object-position:66% center}.mobile-scene-frame--finale img{object-position:68% center}.section-copy{position:relative;z-index:11;width:100%;padding:20px;border:1px solid rgba(36,26,75,.1);border-radius:26px;background:#fff8f2d1;box-shadow:0 20px 58px #412a191f,inset 0 1px 1px #ffffffc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:none;opacity:1}.story-section--dark .section-copy{background:#101741ad}h1{font-size:clamp(2.26rem,10.4vw,3.12rem);line-height:.96;text-wrap:balance;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.subtitle{margin-top:16px;font-size:.96rem;line-height:1.52}.section-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.clay-button{min-height:50px;padding:0 15px;font-size:.89rem}.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:0;z-index:12}.scene-play{width:17px;height:17px;display:none}.floor-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;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}.floor-nav div{min-width:0;gap:10px;font-size:.76rem}.floor-nav div.is-active{transform:none}.character-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.character-card{min-height:72px;padding:13px}.character-card:hover,.character-card.is-active{transform:translateY(-2px) scale(1.01)}.character-card span{font-size:.72rem}.lab-panel,.dance-mixer,.tool-panel,.world-panel,.finale-form{padding:18px}.creator-hud{display:grid;grid-template-columns:1fr;gap:12px}.memory-bubbles{display:flex;justify-content:space-between;gap:12px}.memory-bubbles button{width:min(28vw,100px);height:min(28vw,100px)}.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}.finale-form input,.finale-form textarea{font-size:16px}}@media(max-width:520px){.story-section{padding:calc(96px + env(safe-area-inset-top)) 12px 48px}.story-section+.story-section{padding-top:28px}.mobile-scene-frame{height:clamp(260px,38vh,330px);border-radius:24px}.mobile-scene-frame img{object-position:74% center}.mobile-scene-frame--hero img,.mobile-scene-frame--finale img{object-position:center}.mobile-scene-frame--story img,.mobile-scene-frame--lab img,.mobile-scene-frame--dance img,.mobile-scene-frame--water img{object-position:82% center}.section-copy{padding:18px;border-radius:24px}.kicker{font-size:.62rem;line-height:1.4}h1{font-size:clamp(2.06rem,10.8vw,2.7rem)}.section-actions{display:grid;grid-template-columns:1fr}.clay-button{width:100%}.character-cards{grid-template-columns:1fr}.mixer-sliders{grid-template-columns:repeat(5,minmax(38px,1fr));overflow:hidden}.floor-nav{grid-template-columns:1fr}.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;pointer-events:none!important}}