@import"https://fonts.googleapis.com/css2?family=Pacifico&family=Nunito:wght@400;700;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6b9d,#ff8fab,#ffb3c6 60%,#ffc8dd);font-family:Nunito,sans-serif;overflow:hidden;position:relative}.hearts-bg{position:fixed;inset:0;pointer-events:none;z-index:0}.heart-particle{position:absolute;font-size:1.5rem;animation:floatUp linear infinite;opacity:.6}@keyframes floatUp{0%{transform:translateY(110vh) rotate(0);opacity:.7}to{transform:translateY(-10vh) rotate(360deg);opacity:0}}#app{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:100vh}.card{background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:32px;padding:3rem 3.5rem;text-align:center;box-shadow:0 20px 60px #ff507859,0 0 0 2px #fff9;max-width:520px;width:90%;animation:popIn .7s cubic-bezier(.34,1.56,.64,1) both}@keyframes popIn{0%{transform:scale(.5) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.big-heart{font-size:5rem;display:block;animation:heartbeat 1.2s ease-in-out infinite;margin-bottom:.5rem;filter:drop-shadow(0 4px 12px rgba(255,80,120,.5))}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.18)}28%{transform:scale(1)}42%{transform:scale(1.12)}70%{transform:scale(1)}}.question{font-family:Pacifico,cursive;font-size:clamp(1.6rem,5vw,2.4rem);color:#c9184a;margin:1rem 0 2rem;line-height:1.3;text-shadow:0 2px 8px rgba(201,24,74,.15)}.buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.btn{font-family:Nunito,sans-serif;font-size:1.3rem;font-weight:900;padding:.85rem 2.5rem;border:none;border-radius:50px;cursor:pointer;letter-spacing:.03em;transition:transform .15s,box-shadow .15s}.btn-yes{background:linear-gradient(135deg,#ff4d6d,#c9184a);color:#fff;box-shadow:0 6px 24px #c9184a73}.btn-yes:hover{transform:scale(1.08);box-shadow:0 10px 32px #c9184a8c}.btn-yes:active{transform:scale(.97)}.btn-no-placeholder{display:inline-block;width:140px;height:52px}.btn-no{background:linear-gradient(135deg,#adb5bd,#6c757d);color:#fff;box-shadow:0 6px 20px #6c757d59;position:fixed;z-index:9999;transition:left .15s cubic-bezier(.34,1.56,.64,1),top .15s cubic-bezier(.34,1.56,.64,1)}.success-screen{display:none;flex-direction:column;align-items:center;gap:1rem}.card.answered .question,.card.answered .buttons{display:none}.card.answered .success-screen{display:flex}.success-emoji{font-size:5rem;animation:spinBounce .8s cubic-bezier(.34,1.56,.64,1) both}@keyframes spinBounce{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.success-text{font-family:Pacifico,cursive;font-size:clamp(1.4rem,4vw,2rem);color:#c9184a;animation:fadeSlideUp .6s .3s ease both}.success-sub{font-size:1.1rem;color:#6c757d;animation:fadeSlideUp .6s .5s ease both}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confetti-piece{position:fixed;width:10px;height:10px;border-radius:2px;pointer-events:none;animation:confettiFall 2.5s ease-in forwards;z-index:9998}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}