*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-overflow-scrolling:touch;overscroll-behavior:none;-webkit-user-select:none;user-select:none;background-color:#000;width:100%;height:100%;position:fixed;overflow:hidden}body{perspective:1500px;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;background:#000 radial-gradient(#0a0a0a 0%,#000 100%);font-family:Orbitron,Courier New,monospace}body:active{cursor:grabbing}.galaxy-container{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(0)rotateY(0)scale(1)}.text-particle{color:#fff;white-space:nowrap;text-shadow:0 0 10px,0 0 20px,0 0 30px,2px 2px 4px #000c;transform-style:preserve-3d;pointer-events:none;letter-spacing:1px;will-change:transform, opacity;-webkit-backface-visibility:visible;backface-visibility:visible;font-size:14px;font-weight:600;position:absolute;transform:translateZ(0)}@media (max-width:768px){.text-particle{text-shadow:0 0 5px,0 0 10px,1px 1px 2px #000c;letter-spacing:.5px}}@media (max-width:480px){.text-particle{text-shadow:0 0 3px,1px 1px 2px #000c;letter-spacing:.3px;font-weight:500}}.text-particle.love{color:#ff6b9d;text-shadow:0 0 15px,0 0 25px,0 0 35px,2px 2px 6px #000000e6}.text-particle.birthday{color:#4ecdc4;text-shadow:0 0 15px,0 0 25px,0 0 35px,2px 2px 6px #000000e6}.text-particle.date{color:#c534ed;text-shadow:0 0 20px,0 0 30px,0 0 40px,2px 2px 6px #000000e6}.text-particle.special{color:#f34bce;text-shadow:0 0 15px,0 0 25px,0 0 35px,2px 2px 6px #000000e6}.text-particle.heart{color:#ff69b4;text-shadow:0 0 20px,0 0 30px,0 0 40px,3px 3px 8px #000000e6}.star{will-change:opacity;background:#fff;border-radius:50%;width:2px;height:2px;animation:3s infinite twinkle;position:absolute;box-shadow:0 0 10px #fff}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.loading-screen{z-index:1000;color:#fff;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#16213e 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-family:Orbitron,sans-serif;display:flex;position:fixed;top:0;left:0}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#4ecdc4;border-radius:50%;width:60px;height:60px;margin-bottom:2rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-screen{z-index:1000;color:#fff;text-align:center;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#16213e 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;font-family:Orbitron,sans-serif;display:none;position:fixed;top:0;left:0}.error-icon{margin-bottom:1rem;font-size:4rem}.back-home{color:#fff;touch-action:auto;-webkit-tap-highlight-color:#ff6b9d66;z-index:2000;background:linear-gradient(45deg,#ff6b9d,#4ecdc4);border-radius:50px;margin-top:2rem;padding:1rem 2rem;font-weight:700;text-decoration:none;transition:all .3s;position:relative}.back-home:hover{transform:translateY(-3px);box-shadow:0 15px 30px #ff6b9d66}.back-home:active{transform:translateY(2px)}.image-particle{will-change:transform, opacity;z-index:2;transition:opacity .3s}@media (max-width:768px){body,.galaxy-container{perspective:800px;transform:translateZ(0)}.audio-control{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff26;width:45px;height:45px;font-size:1.3rem;top:15px;right:15px}.star{width:1.5px;height:1.5px;animation:none}.text-particle,.image-particle{-webkit-backface-visibility:visible;backface-visibility:visible;transform:translateZ(0)}}@media (max-width:480px){.audio-control{width:40px;height:40px;font-size:1.1rem;top:10px;right:10px}.star{width:1px;height:1px}}@media (max-height:500px) and (orientation:landscape){.text-particle{font-size:10px}.text-particle.heart{font-size:12px}}.audio-control{z-index:1000;cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#fff3;border:2px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;transition:all .3s;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #0000004d}.audio-control:hover{background:#ffffff4d;border-color:#fff9;transform:scale(1.1)}.audio-control:active{transform:scale(.95)}.audio-control.muted{background:#f003;border-color:#ff000080}