:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;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}}*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0a;font-family:Segoe UI,Arial,sans-serif;overflow:hidden}#intro{z-index:1000;background:#000;justify-content:center;align-items:center;width:100%;height:100vh;animation:1s fadeIn;display:flex;position:fixed;top:0;left:0}#intro h1{color:#fff;text-shadow:0 0 20px #ffffff80;letter-spacing:2px;text-align:center;word-wrap:break-word;max-width:90%;padding:20px;font-size:clamp(2rem,8vw,4rem);font-weight:600}.cursor{color:#ff6b6b;margin-left:2px;font-weight:300;animation:1s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#fireworks{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;top:0;left:0}#mainPage{z-index:10;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f1f) 0 0/300% 300%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;animation:10s infinite gradientShift;display:flex;position:fixed;top:0;left:0}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.title{color:#fff;text-align:center;text-shadow:0 0 20px #ff6b6b,0 0 40px #ff4757,0 0 60px #ffa502;letter-spacing:2px;z-index:20;margin-bottom:3rem;padding:0 20px;font-size:clamp(1.8rem,6vw,3.5rem);animation:2s ease-in-out infinite titleGlow;position:relative}@keyframes titleGlow{0%,to{text-shadow:0 0 20px #ff6b6b,0 0 40px #ff4757,0 0 60px #ffa502;transform:scale(1)}50%{text-shadow:0 0 30px #ff4757,0 0 60px #ff6b6b,0 0 90px #ff9ff3;transform:scale(1.02)}}.gift{cursor:pointer;z-index:30;width:200px;height:200px;margin:40px auto;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);animation:3s ease-in-out infinite giftFloat;position:relative}@keyframes giftFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.gift:hover{filter:drop-shadow(0 0 30px #ff6b6bb3);transform:scale(1.1)translateY(-10px)}.gift-box{background:linear-gradient(145deg,#ff6b6b,#ff4757);border-radius:15px 15px 25px 25px;width:100%;height:85%;position:absolute;bottom:0;overflow:hidden;box-shadow:0 10px #c0392b,0 20px 30px #0000004d}.gift-lid{transform-origin:bottom;z-index:2;background:linear-gradient(145deg,#ff9ff3,#ff6b6b);border-radius:20px 20px 5px 5px;width:110%;height:25%;transition:transform .6s cubic-bezier(.68,-.55,.265,1.55);position:absolute;top:-20px;left:-10px;box-shadow:0 5px #c0392b,0 10px 20px #0003}.gift.open .gift-lid{transform:translateY(-120px)rotate(10deg)}.ribbon-vertical{z-index:3;background:linear-gradient(135deg,#feca57,#ff9f43);width:25px;height:100%;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset -2px -2px 5px #0000001a}.ribbon-horizontal{z-index:3;background:linear-gradient(135deg,#feca57,#ff9f43);width:100%;height:25px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:inset -2px -2px 5px #0000001a}.gift:before{content:"🎁";opacity:0;pointer-events:none;font-size:30px;transition:opacity .3s;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.gift:hover:before{opacity:1;animation:.5s infinite bounce}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-10px)}}.cake{z-index:40;width:300px;height:200px;margin-top:50px;animation:1s cubic-bezier(.68,-.55,.265,1.55) cakeAppear;position:relative}@keyframes cakeAppear{0%{opacity:0;transform:scale(.5)translateY(100px)}to{opacity:1;transform:scale(1)translateY(0)}}.plate{background:linear-gradient(145deg,#e0e0e0,#b0b0b0);border-radius:50%;width:350px;height:30px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%);box-shadow:0 10px 20px #0000004d}.layer{border-radius:15px 15px 5px 5px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 5px #0003}.layer-bottom{background:linear-gradient(145deg,#d4a5a5,#b5838d);width:280px;height:80px;bottom:20px}.layer-middle{background:linear-gradient(145deg,#e5989b,#c06c84);width:240px;height:70px;bottom:90px}.layer-top{background:linear-gradient(145deg,#ffb4a2,#e5989b);width:200px;height:60px;bottom:150px}.icing{background:linear-gradient(145deg,#ffe5d9,#ffd7ba);border-radius:10px 10px 0 0;width:220px;height:20px;position:absolute;bottom:200px;left:50%;transform:translate(-50%);box-shadow:0 -5px #0000001a}.candles{justify-content:center;gap:20px;width:200px;display:flex;position:absolute;bottom:210px;left:50%;transform:translate(-50%)}.candle{background:linear-gradient(145deg,#f8c291,#f5ab7e);border-radius:5px 5px 0 0;width:15px;height:50px;animation:2s ease-in-out infinite candleFlicker;position:relative}@keyframes candleFlicker{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.05)}}.candle:before{content:"";background:linear-gradient(145deg,#ffd93e,#ffb347);border-radius:50% 50% 0 0;width:8px;height:20px;animation:.3s ease-in-out infinite flameFlicker;position:absolute;top:-15px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #ff9f43}@keyframes flameFlicker{0%,to{opacity:.9;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.2)}}.candle:after{content:"";filter:blur(3px);background:radial-gradient(circle,#fff5b0,#ffd93e);border-radius:50%;width:12px;height:12px;animation:1s ease-in-out infinite glowPulse;position:absolute;top:-20px;left:50%;transform:translate(-50%)}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.3)}}.confetti{pointer-events:none;z-index:5;width:100%;height:100%;position:fixed;top:0;left:0}.conf{pointer-events:none;background:linear-gradient(45deg,#ff6b6b,#ffd93e,#6b5bff,#ff9ff3);border-radius:2px;width:10px;height:10px;animation:linear infinite elegantFall;position:absolute;box-shadow:0 0 10px}@keyframes elegantFall{0%{opacity:1;transform:translateY(-10vh)rotate(0)}to{opacity:.8;transform:translateY(110vh)rotate(720deg)}}@keyframes fall{0%{opacity:1;transform:translateY(-50px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(360deg)}}.music-hint{color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;letter-spacing:.5px;background:#0009;border:1px solid #ff6b6b80;border-radius:30px;padding:12px 24px;font-size:14px;font-weight:500;animation:2s ease-in-out infinite pulse;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 15px #0000004d}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.birthday-rain{pointer-events:none;z-index:2;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.rain-item{filter:drop-shadow(0 0 5px #ffffff80);-webkit-user-select:none;user-select:none;font-size:26px;animation:linear infinite rainFall;position:absolute;top:-50px}@keyframes rainFall{0%{opacity:1;transform:translateY(-50px)rotate(0)scale(1)}75%{opacity:.9}to{opacity:0;transform:translateY(110vh)rotate(360deg)scale(.8)}}.gift.hide{opacity:0;pointer-events:none;transition:all .8s cubic-bezier(.68,-.55,.265,1.55);transform:translateY(120px)scale(.7)rotate(10deg)}@keyframes sparkle{0%{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1)rotate(180deg)}to{opacity:0;transform:scale(0)rotate(360deg)}}.sparkle{pointer-events:none;background:#fff;border-radius:50%;width:10px;height:10px;animation:1s ease-out forwards sparkle;position:absolute}@media (width<=768px){.gift{width:150px;height:150px}.cake{margin-top:30px;transform:scale(.8)}.music-hint{padding:8px 15px;font-size:12px;bottom:10px;right:10px}.title{margin-bottom:2rem;font-size:1.8rem}.rain-item{font-size:20px}}@media (width<=480px){.cake{margin-top:20px;transform:scale(.6)}.title{margin-bottom:1.5rem;padding:0 10px;font-size:1.5rem}.gift{width:120px;height:120px;margin:20px auto}.music-hint{padding:6px 12px;font-size:10px}.rain-item{font-size:18px}}#mainPage,#intro,#fireworks,.confetti,.birthday-rain{will-change:transform, opacity}.gift:active{transform:scale(.95)translateY(-5px)}.gift,.cake,.title{transition:all .3s}#mainPage{text-align:center;padding:20px}