:root{font-family: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}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}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}}#root{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;background:#0a0a0a;color:#fff}.scene{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.lights-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.light{position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);filter:blur(20px);pointer-events:none}.fireworks-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.center-content{position:relative;z-index:10;text-align:center;pointer-events:none;display:flex;flex-direction:column;gap:30px}.birthday-text{font-family:Impact,Arial Black,sans-serif;font-weight:900;text-transform:uppercase;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.line1{font-size:3rem;color:#d4d4d4;text-shadow:0 0 20px rgba(255,255,255,.3);animation:float 3s ease-in-out infinite;letter-spacing:3px}.line2{font-size:6rem;color:#e8e8e8;text-shadow:0 0 30px rgba(255,255,255,.5),0 0 60px rgba(255,255,255,.3);animation:bounce 1s ease-in-out infinite,glow 1.5s ease-in-out infinite;letter-spacing:5px}.line3{font-size:4rem;animation:spin 2s linear infinite,scale-pulse 1s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,255,255,.5))}.wishes-text{font-family:Arial,serif;font-size:1.3rem;color:#b8b8b8;line-height:1.8;text-shadow:0 0 10px rgba(255,255,255,.2);max-width:600px;margin:0 auto;text-shadow:1px 1px 1px black}.wishes-text p{margin:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}@keyframes glow{0%,to{text-shadow:0 0 30px rgba(255,255,255,.5),0 0 60px rgba(255,255,255,.3)}50%{text-shadow:0 0 40px rgba(255,255,255,.8),0 0 80px rgba(255,255,255,.5)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scale-pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}}.photo-corner{position:absolute;width:280px;height:340px;background:#fff;padding:12px 12px 60px;box-shadow:0 10px 40px #000c;border-radius:4px;z-index:5;transition:transform .3s ease,box-shadow .3s ease;animation:photo-float 3s ease-in-out infinite}.photo-corner:hover{transform:scale(1.15) rotate(0)!important;box-shadow:0 20px 60px #000000e6;z-index:15}.photo-corner img{width:100%;height:260px;object-fit:cover;background-color:#eee;border:1px solid #ddd}.top-left{top:30px;left:30px;transform:rotate(-5deg);animation-delay:0s}.top-right{top:30px;right:30px;transform:rotate(5deg);animation-delay:.5s}.bottom-left{bottom:30px;left:30px;transform:rotate(3deg);animation-delay:1s}.bottom-right{bottom:30px;right:30px;transform:rotate(-3deg);animation-delay:1.5s}@keyframes photo-float{0%,to{transform:translateY(0) rotate(var(--rotation, 0deg))}50%{transform:translateY(-10px) rotate(var(--rotation, 0deg))}}.top-left{--rotation: -5deg}.top-right{--rotation: 5deg}.bottom-left{--rotation: 3deg}.bottom-right{--rotation: -3deg}@media(max-width:768px){.line1{font-size:2rem;letter-spacing:2px}.line2{font-size:4rem;letter-spacing:3px}.line3{font-size:2.5rem}.wishes-text{font-size:1.1rem;line-height:1.6;max-width:90%;padding:0 15px}.center-content{gap:20px}.photo-corner{width:140px;height:175px;padding:8px 8px 30px}.photo-corner img{height:130px}.top-left{top:10px;left:10px}.top-right{inset:10px 10px auto auto}.bottom-left{inset:auto auto 10px 10px}.bottom-right{inset:auto 10px 10px auto}.photo-corner:hover{transform:scale(1.05) rotate(0)!important}.light{width:60px;height:60px}}@media(max-width:480px){.line1{font-size:1.6rem}.line2{font-size:3.2rem}.line3{font-size:2rem}.wishes-text{font-size:.95rem}.photo-corner{width:180px;height:240px;padding:6px 6px 25px}.photo-corner img{height:180px}.top-left{top:5px;left:5px}.top-right{inset:5px 5px auto auto}.bottom-left{inset:auto auto 5px 5px}.bottom-right{inset:auto 5px 5px auto}}