.card{width:min(90%,500px);padding:clamp(30px,5vw,50px);background:#ffffffbf;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;text-align:center;box-shadow:0 30px 80px #00000040,inset 0 0 0 1px #fff6;position:relative;animation:cardIn 1.1s ease;max-height:90vh;overflow-y:auto}@keyframes cardIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:30px;background:linear-gradient(120deg,#ff4d6d,#ff9a9e,#fbc2eb);z-index:-1;filter:blur(20px);opacity:.7}.emoji{font-size:clamp(48px,10vw,68px);margin-bottom:12px;animation:heartbeat 1.8s infinite}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.08)}50%{transform:scale(1)}75%{transform:scale(1.12)}}h2{font-family:Playfair Display,serif;font-size:clamp(22px,5vw,28px);color:#4a1c2f;margin-bottom:30px;line-height:1.35;padding:0 10px}.buttons{position:relative;height:clamp(60px,15vw,80px);margin:20px 0}button{position:absolute;padding:clamp(12px,2.5vw,16px) clamp(24px,5vw,40px);border-radius:40px;border:none;font-size:clamp(14px,3vw,16px);font-weight:500;cursor:pointer;transition:all .25s ease;box-shadow:0 10px 25px #00000026;white-space:nowrap}button:active{transform:scale(.94)}#yes{left:5%;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#ff4d6d,#ff758f);color:#fff;box-shadow:0 15px 35px #ff4d6d8c}#yes:hover{transform:translateY(calc(-50% - 3px));box-shadow:0 20px 40px #ff4d6db3}#no{right:5%;top:50%;transform:translateY(-50%);background:#ffffffe6;color:#777;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.hint{margin-top:20px;font-size:clamp(11px,2.5vw,13px);color:#6b6b6b;font-style:italic;padding:0 10px}.heart{position:absolute;bottom:-20px;animation:floatUp linear forwards;pointer-events:none;filter:blur(.3px);z-index:0}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-120vh) scale(1.8);opacity:0}}.success-card{min-height:auto;max-height:90vh;display:flex;flex-direction:column;justify-content:center;animation:successIn .8s cubic-bezier(.34,1.56,.64,1)}@keyframes successIn{0%{transform:scale(.8) rotate(-5deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.success-content{position:relative;z-index:1}.celebration-emoji{font-size:clamp(50px,12vw,80px);animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.gif-container{margin:20px 0;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0003}.celebration-gif{width:100%;max-width:clamp(200px,60vw,350px);height:auto;display:block;margin:0 auto;border-radius:16px}.success-message{font-size:clamp(14px,3vw,16px);color:#4a1c2f;line-height:1.6;margin-top:20px;padding:0 15px;font-weight:400}@media (max-width: 480px){.card{width:95%;padding:25px 20px;border-radius:20px}.buttons{height:50px}#yes,#no{font-size:14px;padding:10px 20px}#yes{left:3%}#no{right:3%}}@media (max-width: 350px){h2{font-size:18px}.emoji{font-size:40px}button{font-size:13px;padding:8px 16px}.hint{font-size:11px}}@media (min-width: 768px) and (max-height: 600px){.card{max-height:85vh;padding:20px}.emoji{font-size:50px;margin-bottom:8px}h2{font-size:22px;margin-bottom:15px}}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(-45deg,#ff9a9e,#fad0c4,#fbc2eb,#a18cd1);background-size:400% 400%;animation:bgMove 12s ease infinite;font-family:Poppins,sans-serif;overflow:hidden}@keyframes bgMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#root{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}