body{text-align:center;color:#fff;background-image:linear-gradient(#ffffff4d,#ffffff4d),url(/hearts_bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;margin:0;padding:50px;font-family:Comic Sans MS,cursive,sans-serif;position:relative;overflow-x:hidden}.page{z-index:1;animation:1.5s fadeIn;position:relative}h1{margin-bottom:10px;font-size:2.5rem}p{color:#a61e4d;font-size:1.1rem}.message-box{background:#fff9;border-radius:15px;max-width:600px;margin:20px auto;padding:20px}.gif-container{justify-content:center;gap:20px;margin-bottom:30px;display:flex}.gif-card{background:#fff;border-radius:15px;padding:10px;box-shadow:0 4px 8px #0000001a}.gif-card iframe{border-radius:10px;width:120px;height:120px}.buttons{margin-top:30px}button{cursor:pointer;border:none;border-radius:25px;margin:0 10px;padding:15px 30px;font-size:1.2rem;font-weight:700;transition:transform .2s}button:hover{transform:scale(1.1)}.btn-yes{color:#fff;background-color:#f03e3e;box-shadow:0 4px 15px #f03e3e66}.btn-no{color:#fff;background-color:#845ef7;box-shadow:0 4px 15px #845ef766}.video-container{background:#fff;border-radius:20px;max-width:700px;margin:30px auto;padding:15px;box-shadow:0 10px 20px #00000026}video{border-radius:10px;outline:none;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.emoji-rain{pointer-events:none;z-index:9999;font-size:35px;animation:3s linear forwards fall;position:fixed;top:-50px}@keyframes fall{to{transform:translateY(110vh)}}.music-btn{color:#fff;cursor:pointer;z-index:10000;background:linear-gradient(135deg,#1e90ff,#005cbf);border:none;border-radius:25px;justify-content:center;align-items:center;width:auto;height:45px;margin:0;padding:0 20px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 4px 20px #1e90ff99}.music-btn:hover{transform:scale(1.1);box-shadow:0 6px 30px #1e90ffcc}.music-btn.playing{animation:1.5s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%,to{box-shadow:0 4px 20px #1e90ff99}50%{box-shadow:0 4px 35px #1e90ff}}@media (width<=600px){body{padding:20px 15px}h1{font-size:1.8rem}p{font-size:1rem}.gif-container{flex-wrap:wrap;gap:10px}.gif-card{width:100px;height:100px;padding:5px}.gif-card iframe{width:100%;height:100%}button{width:100%;max-width:280px;margin:5px 0;padding:12px 20px;font-size:1rem}.buttons{flex-direction:column;align-items:center;margin-top:20px;display:flex}.music-btn{width:auto;max-width:none;height:40px;margin:0;padding:0 15px;font-size:14px;bottom:15px;right:15px}.message-box{margin:10px auto;padding:15px}}.modal-overlay{z-index:100000;background:#00000080;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{color:#a61e4d;text-align:center;background:#fff;border-radius:20px;max-width:400px;padding:30px;animation:.3s forwards popIn;transform:scale(.9);box-shadow:0 10px 30px #0003}.modal-content h2{color:#ff3385;margin-top:0}.modal-content button{color:#fff;cursor:pointer;background:#ff3385;border:none;border-radius:25px;margin-top:20px;padding:10px 25px;font-size:1.1rem;font-weight:700;transition:transform .2s}.modal-content button:hover{transform:scale(1.1)}@keyframes popIn{to{transform:scale(1)}}
