:root{font-family:Avenir Next,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-height:100%}.scene{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;width:100%;min-height:100vh;background:radial-gradient(120% 80% at 50% 100%,#e8f7ff,#c5e6ff 40%,#8dc5ec),linear-gradient(180deg,#e7f4ff,#b9dffc)}.aurora{position:absolute;top:-20%;right:-10%;bottom:45%;left:-10%;background:radial-gradient(40% 40% at 20% 20%,rgb(163 248 226 / 55%) 0%,transparent 70%),radial-gradient(40% 50% at 80% 10%,rgb(142 205 255 / 45%) 0%,transparent 70%),radial-gradient(50% 45% at 55% 40%,rgb(200 242 255 / 45%) 0%,transparent 75%);filter:blur(10px);animation:aurora-drift 8s ease-in-out infinite alternate;z-index:-2}.ice{position:absolute;bottom:-7vmin;width:42vmin;height:20vmin;border-radius:50%;background:#f4fcffd1;box-shadow:inset 0 1vmin 1.8vmin #ffffffb3;z-index:-1}.ice-left{left:-6vmin;transform:rotate(-5deg)}.ice-right{right:-6vmin;transform:rotate(7deg)}.hello-panel{position:absolute;top:1rem;left:1rem;display:grid;gap:.45rem;padding:.75rem;max-width:min(88vw,320px);border:1px solid rgb(255 255 255 / 65%);border-radius:.8rem;background:#ebf8ffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 .7rem 1.6rem #26456624;z-index:4}.hello-button{border:0;border-radius:999px;padding:.48rem .95rem;font:inherit;font-weight:600;color:#0a3050;background:linear-gradient(180deg,#f8fdff,#d3ecff);box-shadow:0 .3rem .8rem #335e8a38;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.hello-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 .45rem 1rem #335e8a47}.hello-button:focus-visible{outline:2px solid #0577c5;outline-offset:2px}.hello-button:disabled{opacity:.7;cursor:wait}.hello-status{margin:0;min-height:1.3em;color:#163f63;font-size:.92rem}.burst-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.hand-effect-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.hand-effect{position:absolute}.burst{position:absolute;width:14vmin;height:14vmin;--trail-distance-factor: 1;transform:translate(-50%,-50%);animation:burst-pop 1.1s ease-out forwards}.burst-core{position:absolute;top:40%;right:40%;bottom:40%;left:40%;border-radius:50%;background:#faffffeb;box-shadow:0 0 2.6vmin #b1f4ffdb,0 0 1.2vmin #ffffffe5}.burst-ray{position:absolute;top:50%;left:50%;width:.7vmin;height:3.4vmin;margin-top:-3.4vmin;margin-left:-.35vmin;border-radius:999px;background:linear-gradient(to top,#d2f7ff00,#edffffe0);transform-origin:50% 100%;animation:burst-ray .9s cubic-bezier(.12,.5,.2,1) forwards}.ray-1{transform:rotate(0)}.ray-2{transform:rotate(45deg)}.ray-3{transform:rotate(90deg)}.ray-4{transform:rotate(135deg)}.ray-5{transform:rotate(180deg)}.ray-6{transform:rotate(225deg)}.ray-7{transform:rotate(270deg)}.ray-8{transform:rotate(315deg)}.burst-trails{position:absolute;top:0;right:0;bottom:0;left:0}.trail{position:absolute;top:50%;left:50%;width:var(--trail-size);height:var(--trail-size);transform:translate(-50%,-50%)}.trail-head{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#f5fffff5;box-shadow:0 0 1.2vmin #b9f6ffe5,0 0 .6vmin #fffc}.trail-tail{position:absolute;left:50%;bottom:46%;width:calc(var(--trail-size) * .65);height:calc(var(--trail-distance) * .6);transform:translate(-50%);transform-origin:50% 100%;border-radius:999px;background:linear-gradient(to top,#aaebff00,#d2faff61,#ffffffb8);animation:trail-tail var(--trail-duration) ease-out var(--trail-delay) forwards}.trail-radial{transform:translate(-50%,-50%) rotate(var(--trail-angle));animation:trail-fly var(--trail-duration) cubic-bezier(.12,.58,.2,1) var(--trail-delay) forwards}.trail-homing{animation:trail-home var(--trail-duration) cubic-bezier(.2,.7,.22,1) var(--trail-delay) forwards}.hand-comet{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);animation:hand-comet-flight var(--blob-duration) cubic-bezier(.2,.72,.24,1) var(--blob-delay) forwards}.hand-comet-core{display:block;width:3.2vmin;height:3.2vmin;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fffffff2,#e6fbffe0 38%),radial-gradient(circle at 65% 70%,#a0f0ffcc,#a0f0ff1f 72%);box-shadow:0 0 3.2vmin #bcf5ffdb,0 0 1.2vmin #ffffffb3}.hand-arrival{position:absolute;top:50%;left:50%;width:var(--arrival-size);height:var(--arrival-size);transform:translate(calc(-50% + var(--hand-target-x)),calc(-50% + var(--hand-target-y))) scale(.2)}.hand-arrival:before,.hand-arrival:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.hand-arrival:before{border:1px solid rgb(226 252 255 / 90%);box-shadow:0 0 1.6vmin #bcf8ffc7,inset 0 0 .7vmin #ffffff94;animation:hand-arrival-pop .34s ease-out var(--arrival-delay) forwards}.hand-arrival:after{background:radial-gradient(circle,#ffffffdb,#b6f6ff00 68%);animation:hand-arrival-pop .34s ease-out var(--arrival-delay) forwards}.hand-arrival-spark{position:absolute;top:-38%;right:-38%;bottom:-38%;left:-38%;border-radius:50%;background:conic-gradient(from 0deg,#fff0,#f3ffffeb 24deg,#fff0 52deg,#f3ffffeb 92deg,#fff0 126deg,#f3ffffe0 176deg,#fff0 208deg,#f3ffffe0 260deg,#fff0 360deg);mix-blend-mode:screen;opacity:0;animation:hand-arrival-spark .34s ease-out var(--arrival-delay) forwards}.hand-arrival-glow{position:absolute;top:-78%;right:-78%;bottom:-78%;left:-78%;border-radius:50%;background:radial-gradient(circle,#e9fffff2,#d0faffc2 26%,#aaeeff57,#96e6ff00 82%);filter:blur(4px);box-shadow:0 0 2.8vmin #bef6ffeb,0 0 1.4vmin #e4ffffd6;opacity:0;animation:hand-arrival-glow .68s ease-out var(--arrival-delay) forwards}.penguin-stage{position:relative;display:grid;place-items:center;width:min(70vmin,380px);height:min(70vmin,380px);z-index:2}.penguin{position:relative;width:45%;height:72%;transform-origin:center 85%;animation:penguin-bounce 1.4s ease-in-out infinite;--look-progress: 0;--look-shift-max: 4%;--look-tilt-max: 6deg;--pupil-shift-max: 35%;--look-shift: calc(var(--look-progress) * var(--look-shift-max));--look-tilt: calc(var(--look-progress) * var(--look-tilt-max));--pupil-shift: calc(var(--look-progress) * var(--pupil-shift-max));--react-intensity: 0;--left-arm-weight: 0;--right-arm-weight: 0;--left-raise-angle: 166deg;--right-raise-angle: -166deg;--left-wave-angle: 8deg;--right-wave-angle: -8deg}.head{position:absolute;top:0;left:50%;width:58%;height:32%;transform:translate(calc(-50% + var(--look-shift))) rotate(var(--look-tilt));border-radius:48% 48% 42% 42%;background:#101820;animation:penguin-sway 1.4s ease-in-out infinite}.eye{position:absolute;top:36%;width:11%;height:11%;border-radius:50%;background:#fff}.eye:after{content:"";position:absolute;top:32%;right:32%;bottom:32%;left:32%;border-radius:50%;background:#101820;transform:translate(var(--pupil-shift))}.eye-left{left:30%}.eye-right{right:30%}.beak{position:absolute;left:50%;bottom:22%;width:18%;height:14%;transform:translate(-50%);border-radius:45% 45% 60% 60%;background:#ff9f41}.body{position:absolute;left:50%;bottom:0;width:72%;height:72%;transform:translate(-50%);border-radius:48% 48% 44% 44%;background:#121f2b}.belly{position:absolute;left:50%;top:19%;width:64%;height:67%;transform:translate(-50%);border-radius:48% 48% 44% 44%;background:#f8fdff}.flipper{position:absolute;top:34%;width:30%;height:40%;border-radius:45% 45% 55% 55%;background:#121f2b;transform-origin:top center}.flipper-left{left:-10%;animation:flipper-left 1.4s ease-in-out infinite}.flipper-right{right:-10%;animation:flipper-right 1.4s ease-in-out infinite}.feet{position:absolute;left:50%;bottom:-8%;display:flex;gap:10%;width:56%;height:14%;transform:translate(-50%)}.foot{flex:1;border-radius:55% 55% 45% 45%;background:#ffb357;transform-origin:top center}.foot-left{animation:foot-left .7s ease-in-out infinite alternate}.foot-right{animation:foot-right .7s ease-in-out infinite alternate}@keyframes burst-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}30%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}@keyframes burst-ray{0%{opacity:0;margin-top:-1vmin;height:1vmin}30%{opacity:1;margin-top:-3.6vmin;height:3.6vmin}to{opacity:0;margin-top:-5.2vmin;height:4.2vmin}}@keyframes trail-fly{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--trail-angle)) translateY(0) scale(.35)}14%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--trail-angle)) translateY(calc(var(--trail-distance) * -1 * var(--trail-distance-factor))) scale(.95)}}@keyframes trail-home{0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}20%{opacity:1}58%{transform:translate(calc(-50% + var(--target-x) * .56 + var(--curve-x)),calc(-50% + var(--target-y) * .5 + var(--curve-y))) scale(.95)}to{opacity:0;transform:translate(calc(-50% + var(--target-x)),calc(-50% + var(--target-y))) scale(.55)}}@keyframes trail-tail{0%{opacity:.25;transform:translate(-50%) scaleY(.45)}30%{opacity:.9;transform:translate(-50%) scaleY(1)}to{opacity:0;transform:translate(-50%) scaleY(.3)}}@keyframes hand-comet-flight{0%{opacity:0;transform:translate(-50%,-50%) scale(1)}12%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--hand-target-x)),calc(-50% + var(--hand-target-y))) scale(.22)}}@keyframes hand-arrival-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}42%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.55)}}@keyframes hand-arrival-spark{0%{opacity:0;transform:scale(.3) rotate(0)}36%{opacity:.95;transform:scale(1) rotate(20deg)}to{opacity:0;transform:scale(1.35) rotate(56deg)}}@keyframes hand-arrival-glow{0%{opacity:0;transform:scale(.45)}22%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:scale(1.95)}}@keyframes penguin-bounce{0%,to{transform:translateY(0)}35%{transform:translateY(-2.5%)}70%{transform:translateY(1.5%)}}@keyframes penguin-sway{0%,to{transform:translate(calc(-50% + var(--look-shift))) rotate(calc(-4deg + var(--look-tilt)))}50%{transform:translate(calc(-50% + var(--look-shift))) rotate(calc(5deg + var(--look-tilt)))}}@keyframes flipper-left{0%,to{transform:rotate(calc((1 - var(--react-intensity) * var(--left-arm-weight)) * 14deg + var(--react-intensity) * var(--left-arm-weight) * (var(--left-raise-angle) + var(--left-wave-angle))))}50%{transform:rotate(calc((1 - var(--react-intensity) * var(--left-arm-weight)) * -26deg + var(--react-intensity) * var(--left-arm-weight) * (var(--left-raise-angle) - var(--left-wave-angle))))}}@keyframes flipper-right{0%,to{transform:rotate(calc((1 - var(--react-intensity) * var(--right-arm-weight)) * -14deg + var(--react-intensity) * var(--right-arm-weight) * (var(--right-raise-angle) + var(--right-wave-angle))))}50%{transform:rotate(calc((1 - var(--react-intensity) * var(--right-arm-weight)) * 26deg + var(--react-intensity) * var(--right-arm-weight) * (var(--right-raise-angle) - var(--right-wave-angle))))}}@keyframes foot-left{0%{transform:rotate(-8deg)}to{transform:rotate(8deg) translateY(4%)}}@keyframes foot-right{0%{transform:rotate(8deg) translateY(4%)}to{transform:rotate(-8deg)}}@keyframes aurora-drift{0%{transform:translateY(0) scale(1)}to{transform:translateY(4%) scale(1.04)}}@media(max-width:640px){.hello-panel{top:.75rem;left:.75rem;padding:.65rem}.burst{width:20vmin;height:20vmin;--trail-distance-factor: .75}.penguin-stage{width:min(80vmin,320px);height:min(80vmin,320px)}.ice{width:54vmin;height:24vmin}}@media(prefers-reduced-motion:reduce){.aurora,.penguin,.head,.flipper-left,.flipper-right,.foot-left,.foot-right,.burst,.burst-ray,.trail,.trail-tail,.hand-comet,.hand-arrival,.hand-arrival-spark,.hand-arrival-glow{animation:none}.penguin{--look-shift-max: 2%;--look-tilt-max: 3deg;--pupil-shift-max: 20%}.burst{opacity:0}.burst-core{animation:burst-core-fade .18s ease-out forwards}.burst-ray,.trail{display:none}.hand-comet,.hand-arrival{opacity:0}}@keyframes burst-core-fade{0%{opacity:.8}to{opacity:0}}