:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}.hide{display:none}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#app{max-width:none;width:100vw;height:100vh;overflow:hidden;margin:0;padding:0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.card{padding:2em;display:flex;gap:1.2rem;align-items:center;justify-content:center}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.birthday-page{width:100%}.headline{position:absolute;top:10%;left:50%;transform:translate(-50%);font-size:clamp(2rem,4vw,4rem);text-shadow:0 4px 12px rgba(0,0,0,.25);transform-origin:top center;animation:headline-pulse 4s ease-in-out infinite}@keyframes headline-pulse{0%,to{scale:1;transform:translate(-100%)}25%,75%{scale:1.25;transform:translate(-50)}50%{scale:1;transform:translate(0)}}.marquee{position:fixed;top:0;left:0;width:100%;height:56px;overflow:hidden;background:linear-gradient(90deg,#ff7ab6,#ffd166,#7bdff2);box-shadow:0 2px 6px #00000026;z-index:10;display:flex;align-items:center}.marquee-inner{display:flex;width:max-content;white-space:nowrap;will-change:transform;transform:translate3d(-50%,0,0);animation:marquee-right 12s linear infinite}.marquee-group{display:inline-flex;align-items:center;gap:2rem;flex:0 0 auto}.marquee-text{font-weight:900;letter-spacing:.25em;text-transform:uppercase;color:#1a1a1a;white-space:nowrap;font-size:clamp(1rem,2.2vw,1.5rem);padding:0 2rem}@keyframes marquee-right{0%{transform:translate3d(-50%,0,0)}to{transform:translateZ(0)}}.stage{position:relative;width:100%;height:100vh;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10vh;box-sizing:border-box;background:radial-gradient(1200px 800px at 50% 30%,#fff3,#0003),linear-gradient(180deg,#062743,#0b3b66,#0f4c81)}.confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}.random-text{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;transform-origin:center}.penguin{position:absolute;bottom:10vh;font-size:clamp(48px,10vw,120px);filter:drop-shadow(0 8px 16px rgba(0,0,0,.35));transform-origin:bottom center}.penguin img{height:200px;width:100px;object-fit:contain;display:block}.penguin img{height:200px;width:100px}.penguin.left{left:-50%;animation:slide-in-left 6s ease-in-out forwards,meet-bounce 2s ease-in-out 6s infinite}.penguin.right{right:-50%;animation:slide-in-right 6s ease-in-out forwards,meet-bounce 2s ease-in-out 6s infinite}.penguin.right img{transform:scaleX(-1)}@keyframes slide-in-left{0%{left:-50%;transform:rotate(20deg)}12.5%{transform:rotate(-20deg)}25%{transform:rotate(20deg)}37.5%{transform:rotate(-20deg)}50%{transform:rotate(20deg)}62.5%{transform:rotate(-20deg)}75%{transform:rotate(20deg)}87.5%{transform:rotate(-20deg)}to{left:40%;transform:rotate(0)}}@keyframes slide-in-right{0%{right:-50%;transform:rotate(-20deg)}12.5%{transform:rotate(20deg)}25%{transform:rotate(-20deg)}37.5%{transform:rotate(20deg)}50%{transform:rotate(-20deg)}62.5%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}87.5%{transform:rotate(20deg)}to{right:40%;transform:rotate(0)}}@media (max-width: 600px){.penguin{font-size:clamp(40px,18vw,96px)}.penguin img{height:140px;width:70px}.penguin.left{animation:slide-in-left-sm 6s ease-in-out forwards,meet-bounce 2s ease-in-out 6s infinite}.penguin.right{animation:slide-in-right-sm 6s ease-in-out forwards,meet-bounce 2s ease-in-out 6s infinite}@keyframes slide-in-left-sm{0%{left:-50%;transform:rotate(20deg)}12.5%{transform:rotate(-20deg)}25%{transform:rotate(20deg)}37.5%{transform:rotate(-20deg)}50%{transform:rotate(20deg)}62.5%{transform:rotate(-20deg)}75%{transform:rotate(20deg)}87.5%{transform:rotate(-20deg)}to{left:30%;transform:rotate(0)}}@keyframes slide-in-right-sm{0%{right:-50%;transform:rotate(-20deg)}12.5%{transform:rotate(20deg)}25%{transform:rotate(-20deg)}37.5%{transform:rotate(20deg)}50%{transform:rotate(-20deg)}62.5%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}87.5%{transform:rotate(20deg)}to{right:30%;transform:rotate(0)}}}@keyframes meet-bounce{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-12%) scale(1.02)}60%{transform:translateY(0) scale(1)}}