.stage{background:linear-gradient(120deg,#ffc9b9,#f6b8e4,#c9b6ff,#a8e6ff,#b5f5d4,#ffe3a3) 0 0/400% 400%;flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:100dvh;padding:2rem 1rem;animation:24s ease-in-out infinite drift-bg;display:flex;position:relative;overflow:hidden}@keyframes drift-bg{0%,to{background-position:0%}50%{background-position:100%}}.blob{aspect-ratio:1;filter:blur(80px);opacity:.7;pointer-events:none;border-radius:50%;width:45vmax;position:absolute}.blob-a{background:#ff9ecf;animation:18s ease-in-out infinite float-a;top:-15vmax;left:-10vmax}.blob-b{background:#8fd3ff;animation:22s ease-in-out infinite float-b;bottom:-20vmax;right:-10vmax}.blob-c{background:#b9a3ff;width:30vmax;animation:26s ease-in-out infinite float-c;top:30%;left:40%}@keyframes float-a{50%{transform:translate(15vw,10vh)scale(1.15)}}@keyframes float-b{50%{transform:translate(-12vw,-12vh)scale(.9)}}@keyframes float-c{50%{transform:translate(-20vw,8vh)scale(1.2)}}.peter-field{pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity 1.5s;position:absolute;inset:0}.peter-field.visible{opacity:1}.card{z-index:1;text-align:center;-webkit-backdrop-filter:blur(28px)saturate(160%);background:#ffffff29;border:1px solid #ffffff73;border-radius:2.5rem;flex-direction:column;align-items:center;gap:1.25rem;width:min(100%,1100px);padding:clamp(2rem,6vw,4.5rem) clamp(1.25rem,5vw,4rem);animation:.9s cubic-bezier(.2,.8,.2,1) both card-in;display:flex;position:relative;box-shadow:0 30px 80px -20px #6e46b459,inset 0 1px #fff9;container-type:inline-size}@keyframes card-in{0%{opacity:0;transform:translateY(40px)scale(.92)}}.card.punch{animation:.9s cubic-bezier(.2,.8,.2,1) both card-in,.7s cubic-bezier(.3,1.6,.5,1) punch}@keyframes punch{0%{transform:scale(1)}25%{transform:scale(1.045);box-shadow:0 0 0 6px #ffffff80,0 0 120px 30px #ffbef0cc,inset 0 1px #fff9}to{transform:scale(1)}}.card.glowing{animation:.9s cubic-bezier(.2,.8,.2,1) both card-in,4s ease-in-out infinite glow}@keyframes glow{50%{box-shadow:0 30px 100px -10px #6e46b473,0 0 60px #ffdcfa73,inset 0 1px #ffffffb3}}.pill{letter-spacing:.02em;color:var(--soft-white);background:#ffffff38;border:1px solid #ffffff80;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;animation:.6s cubic-bezier(.3,1.5,.5,1) both pill-in;display:inline-flex}@keyframes pill-in{0%{opacity:0;transform:scale(.6)}}.pill-dot{background:#7cf5c0;border-radius:50%;width:.5rem;height:.5rem;animation:2s ease-in-out infinite pulse;box-shadow:0 0 10px #7cf5c0}.pill-dot.thinking{background:#c79bff;animation-duration:.6s;box-shadow:0 0 10px #c79bff}@keyframes pulse{50%{opacity:.3}}.dots:after{content:"";text-align:left;width:1.2em;animation:1.2s steps(4,end) infinite dots;display:inline-block}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.label{color:var(--soft-white);text-shadow:var(--glow);flex-wrap:wrap;justify-content:center;gap:0 .3em;margin:0;font-size:clamp(1.1rem,3vw,1.75rem);font-weight:500;display:flex}.word{opacity:.92;animation:.8s cubic-bezier(.2,.8,.2,1) both word-in;animation-delay:calc(.3s + var(--i) * .12s)}@keyframes word-in{0%{opacity:0;filter:blur(8px);transform:translateY(.6em)}}.name-slot{--final-size:min(13rem, calc(150cqi / var(--final-len)));--slot-h:calc(var(--final-size) * 1.1);width:100%;height:var(--slot-h);justify-content:center;align-items:center;display:flex;position:relative}.skeleton{background:linear-gradient(90deg,#ffffff1f 0%,#ffffff73 50%,#ffffff1f 100%) 0 0/200% 100%;border-radius:1.5rem;width:70%;height:70%;animation:1.1s linear infinite skeleton,.6s .4s both fade-in}@keyframes skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes fade-in{0%{opacity:0}}.name{font-size:min(var(--final-size), calc(150cqi / var(--len)));letter-spacing:-.045em;white-space:nowrap;color:var(--soft-white);text-shadow:0 0 40px #ffffff8c,0 6px 40px #7846c859;margin:0;font-weight:800;line-height:1}.reel-window{position:absolute;inset:-20% 0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 32% 68%,#0000);mask-image:linear-gradient(#0000,#000 32% 68%,#0000)}.reel{padding-top:calc(var(--slot-h) * .2);animation:reel-spin var(--roll-ms) cubic-bezier(.12, .62, .18, 1.03) both, reel-blur var(--roll-ms) linear both}@keyframes reel-spin{to{transform:translateY(calc(-1 * var(--steps) * var(--slot-h)))}}@keyframes reel-blur{0%{filter:blur()}10%{filter:blur(5px)}55%{filter:blur(2px)}85%,to{filter:blur()}}.reel-item{height:var(--slot-h);justify-content:center;align-items:center;display:flex}.name.rolling{opacity:.7}.letter{animation:.9s ease-out both letter-pop;animation-delay:calc(var(--i) * 70ms);display:inline-block}@keyframes letter-pop{0%{opacity:.7;transform:none}35%{opacity:1;text-shadow:0 0 60px #fffffff2,0 6px 40px #7846c859;transform:translateY(-.16em)scale(1.22)rotate(3deg)}70%{transform:translateY(.03em)scale(.97)rotate(-1deg)}to{transform:none}}.name.shimmer{cursor:pointer;color:#0000;text-shadow:none;background:linear-gradient(100deg, var(--soft-white) 0% 42%, #ffd2f3 47%, #fff 50%, #c6efff 53%, var(--soft-white) 58% 100%);filter:drop-shadow(0 0 24px #ffffff80)drop-shadow(0 6px 24px #7846c859);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;transition:transform .2s;animation:3.5s ease-in-out infinite shimmer}.name.shimmer:hover{transform:scale(1.03)}@keyframes shimmer{0%{background-position:100% 0}55%,to{background-position:0 0}}.burst{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.burst>*{position:absolute;top:0;left:0;translate:-50% -50%}.flash{aspect-ratio:1;background:radial-gradient(circle,#fff 0%,#ffe6facc 30%,#0000 70%);border-radius:50%;width:60cqi;animation:.9s ease-out both flash}@keyframes flash{0%{opacity:1;transform:scale(.1)}to{opacity:0;transform:scale(2.2)}}.ring{aspect-ratio:1;border:3px solid #ffffffe6;border-radius:50%;width:30cqi;animation:1.2s cubic-bezier(.1,.7,.3,1) both ring;box-shadow:0 0 30px #fffc}.ring-late{border-color:#c8aaffe6;animation-delay:.18s}@keyframes ring{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(5)}}.particle{font-size:var(--size);animation:1.6s cubic-bezier(.1,.8,.3,1) both particle;animation-delay:var(--delay)}@keyframes particle{0%{opacity:1;transform:translate(0)scale(.2)rotate(0)}65%{transform:translate(var(--dx), var(--dy)) scale(1) rotate(var(--spin));opacity:1}to{transform:translate(var(--dx), calc(var(--dy) + 80px)) scale(.8) rotate(var(--spin));opacity:0}}@media (prefers-reduced-motion:reduce){.stage,.blob,.card,.pill,.pill-dot,.word,.skeleton,.name{animation:none!important}}:root{--soft-white:#fffaf6;--glow:0 2px 18px #7846c84d;-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:#f6b8e4;margin:0}