:root{--ease-out-quart:cubic-bezier(.165, .84, .44, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Fredoka,ui-rounded,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#fff;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#2b0b3f;overflow:hidden}.stage{cursor:pointer;place-items:center;width:100vw;height:100dvh;display:grid;position:relative;overflow:hidden}.backdrop,.backdrop-layer{z-index:0;position:absolute;inset:0}.backdrop:after{content:"";opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.blob{filter:blur(18px);opacity:.5;will-change:transform;border-radius:50%;position:absolute}.particle{will-change:transform;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.scrim{z-index:1;pointer-events:none;background:radial-gradient(58% 34% at 50% 52%,#0006 0%,#00000038 55%,#0000 100%);position:absolute;inset:0}.slide{z-index:2;padding:max(28px, env(safe-area-inset-top)) 26px max(28px, env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(16px,4vh,40px);width:100%;max-width:640px;display:flex;position:relative}.slide-emoji{filter:drop-shadow(0 12px 28px #00000059);will-change:transform;font-size:clamp(64px,18vmin,132px);line-height:1}.slide-text{letter-spacing:-.01em;text-wrap:balance;text-shadow:0 6px 30px #00000059;margin:0;font-weight:600}.slide-text .word{will-change:transform;display:inline-block}.font-display{font-family:Fredoka,ui-rounded,system-ui,sans-serif;font-weight:600}.font-hand{letter-spacing:.01em;font-family:Caveat,Fredoka,cursive;font-weight:700}.len-short{font-size:clamp(56px,19vmin,124px);line-height:1.05}.len-medium{font-size:clamp(34px,11vmin,68px);line-height:1.18}.len-long{font-size:clamp(24px,6.6vmin,46px);line-height:1.28}.progress{z-index:3;bottom:calc(env(safe-area-inset-bottom) + 26px);justify-content:center;gap:8px;display:flex;position:absolute;left:0;right:0}.dot{width:22px;height:6px;transition:background-color .25s ease, width .25s var(--ease-out-quart);background:#ffffff40;border-radius:99px}.dot[data-active=true]{background:#ffffffe6;width:34px}.hint{z-index:3;bottom:calc(env(safe-area-inset-bottom) + 48px);text-align:center;letter-spacing:.08em;text-transform:lowercase;color:#fff9;font-size:13px;position:absolute;left:0;right:0}.rotate-gate{z-index:10;text-align:center;background:#2b0b3f;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;font-size:18px;display:none;position:fixed;inset:0}.rotate-gate .phone{font-size:72px;animation:2.4s cubic-bezier(.645,.045,.355,1) infinite tilt}@keyframes tilt{0%,40%{transform:rotate(90deg)}70%,to{transform:rotate(0)}}@media (orientation:landscape) and (height<=540px){.rotate-gate{display:flex}.stage{display:none}}@media (prefers-reduced-motion:reduce){.rotate-gate .phone{animation:none}.dot{transition:none}}@keyframes float-up{0%{transform:translate3d(0, 12vh, 0) rotate(0deg) scale(var(--s,1));opacity:0}12%{opacity:var(--o,.7)}88%{opacity:var(--o,.7)}to{transform:translate3d(var(--drift,4vw), -112vh, 0) rotate(var(--spin,24deg)) scale(var(--s,1));opacity:0}}.particle{animation:float-up var(--dur,14s) linear var(--delay,0s) infinite;bottom:-14vh}@keyframes blob-drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate3d(var(--bx,6vw), var(--by,-5vh), 0) scale(1.12)}}.blob{animation:blob-drift var(--bdur,18s) cubic-bezier(.455, .03, .515, .955) infinite}@media (prefers-reduced-motion:reduce){.particle{opacity:.4;bottom:var(--rest,40vh);transform:scale(var(--s,1));animation:none}.blob{animation:none}}