*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #faf8f5;--card-bg: #ffffff;--text-dark: #333333;--text-light: #666666;--pink-primary: #ff6b9d;--pink-secondary: #ffc0e0;--pink-light: #ffe0f0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#faf8f5,#f5f0ea);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden;position:relative;color:var(--text-dark)}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(255,192,224,.1) 0%,transparent 70%);pointer-events:none}.hearts-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.heart{position:absolute;font-size:2rem;opacity:.3;animation:float linear infinite}.heart:nth-child(1){left:10%;animation-duration:15s;animation-delay:0s}.heart:nth-child(2){left:20%;animation-duration:18s;animation-delay:2s}.heart:nth-child(3){left:30%;animation-duration:12s;animation-delay:4s}.heart:nth-child(4){left:40%;animation-duration:20s;animation-delay:1s}.heart:nth-child(5){left:50%;animation-duration:16s;animation-delay:3s}.heart:nth-child(6){left:60%;animation-duration:14s;animation-delay:5s}.heart:nth-child(7){left:70%;animation-duration:19s;animation-delay:2.5s}.heart:nth-child(8){left:85%;animation-duration:17s;animation-delay:4.5s}@keyframes float{0%{top:110%;transform:translate(0) rotate(0)}50%{transform:translate(30px) rotate(180deg)}to{top:-10%;transform:translate(0) rotate(360deg)}}.card-container{position:relative;z-index:1;width:100%;max-width:500px}.card{background:var(--card-bg);border-radius:20px;padding:50px 40px;box-shadow:0 20px 60px #0000001a,0 8px 20px #0000000f;transform:rotate(-1deg);transition:transform .3s ease;position:relative;min-height:400px}.card:hover{transform:rotate(-.5deg)}.view{display:none}.view.active{display:block}.title{font-family:Dancing Script,cursive;font-size:clamp(2rem,5vw,2.8rem);color:var(--pink-primary);margin-bottom:15px;line-height:1.2}.subtitle{font-size:1.1rem;color:var(--text-light);margin-bottom:40px}.buttons-container{position:relative;min-height:200px;display:flex;align-items:center;justify-content:center;gap:15px}.btn{border:none;border-radius:50px;font-family:Inter,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;outline:none;white-space:nowrap}.btn:active{transform:scale(.95)}.btn-yes{background:linear-gradient(135deg,#ff6b9d,#ff8fab);color:#fff;padding:16px 40px;box-shadow:0 8px 25px #ff6b9d66;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;z-index:2}.btn-yes:hover{box-shadow:0 12px 35px #ff6b9d80;transform:translateY(-2px) scale(1.02)}.btn-no{background:var(--pink-light);color:var(--text-dark);padding:12px 30px;position:relative;transition:all .3s ease;z-index:1}.btn-no:hover{background:var(--pink-secondary);transform:translateY(-1px)}.gif-container{margin:30px 0;border-radius:15px;overflow:hidden;box-shadow:0 8px 20px #0000001a}.gif-container img{width:100%;height:auto;display:block;max-height:400px;object-fit:contain}.success-message{text-align:center;margin:25px 0}.message-main{font-size:1.1rem;color:var(--text-dark);margin-bottom:12px;line-height:1.6}.message-sub{font-size:1.1rem;color:var(--pink-primary);margin-bottom:15px}.message-note{font-size:.9rem;color:var(--text-light);font-style:italic;margin-bottom:20px}.message-footer{font-size:1rem;color:var(--text-dark);margin-top:20px}.btn-replay{background:linear-gradient(135deg,#ff6b9d,#ff8fab);color:#fff;padding:14px 35px;margin-top:20px;box-shadow:0 6px 20px #ff6b9d4d}.btn-replay:hover{box-shadow:0 8px 25px #ff6b9d66;transform:translateY(-2px)}@media (max-width: 600px){.card{padding:40px 30px}.title{font-size:2rem}.subtitle{font-size:1rem}.btn-yes{padding:14px 30px}.btn-no{padding:10px 24px;font-size:.9rem}.heart{font-size:1.5rem}}@media (max-width: 400px){.card{padding:30px 20px}.buttons-container{min-height:180px}}