*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0f0a1a;--surface: #1a1225;--surface-light: #241a32;--pink: #ff7eb3;--pink-soft: #ffb6c1;--pink-glow: rgba(255, 126, 179, .35);--rose: #ff5e8a;--rose-light: #ff8fab;--red-valentine: #e63956;--blush: #ffd6e0;--warm-white: #fff5f7;--text: #fff0f3;--text-muted: #ffd6e0;--shadow-dark: rgba(0, 0, 0, .55);--shadow-light: rgba(255, 126, 179, .12)}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Quicksand,sans-serif;background:var(--bg);color:var(--text)}body{overflow:hidden}.galaxy-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:auto}.content-layer{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.content-layer>*{pointer-events:auto}.card{background:#fff;border-radius:32px;padding:56px 48px 48px;max-width:580px;width:92%;text-align:center;box-shadow:0 8px 40px #00000059,0 2px 8px #0000002e;border:none;animation:fadeScaleIn .6s cubic-bezier(.22,1,.36,1) both}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.card h1{font-family:Dancing Script,cursive;font-size:2.6rem;color:var(--rose);margin-bottom:12px;text-shadow:none}.card p{font-size:1.4rem;line-height:1.8;color:#555;margin-bottom:32px;white-space:pre-line}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 44px;font-family:Quicksand,sans-serif;font-weight:600;font-size:1rem;border:none;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.btn-primary{background:#ff99ac;color:#fff;font-size:1.25rem;padding:16px 54px;box-shadow:0 4px 16px #ff99ac80}.btn-primary:hover{transform:translateY(-2px);background:#ff7a94;box-shadow:0 6px 24px #ff99aca6}.btn-primary:active{transform:translateY(1px)}.question-title{font-family:Dancing Script,cursive;font-size:7rem;color:var(--rose);margin-bottom:16px;text-shadow:none;line-height:1.1}.gif-container{width:140px;height:140px;margin:12px auto;border-radius:0;overflow:hidden;box-shadow:none}.gif-container img{width:100%;height:100%;object-fit:cover}.options{display:flex;gap:60px;justify-content:center;align-items:center;margin-top:32px;min-height:80px;position:relative}.btn-yes{background:#ff99ac;color:#fff;padding:16px 44px;border-radius:16px;font-family:Quicksand,sans-serif;font-weight:700;font-size:1.25rem;border:none;cursor:pointer;transition:all .4s cubic-bezier(.22,1,.36,1);box-shadow:0 4px 18px #ff99ac80;position:relative;z-index:2}.btn-yes:hover{background:#ff7a94;box-shadow:0 6px 28px #ff99aca6}.btn-no-wrapper{position:relative;transition:all .35s cubic-bezier(.22,1,.36,1);z-index:2}.btn-no{background:#f5f5f5;color:#888;padding:16px 40px;border-radius:16px;font-family:Quicksand,sans-serif;font-weight:600;font-size:1.25rem;border:1px solid #e0e0e0;cursor:pointer;transition:all .35s cubic-bezier(.22,1,.36,1);box-shadow:0 4px 14px #0000001a;position:relative;overflow:hidden;animation:subtleShake 2.5s ease-in-out infinite}.btn-no:after{content:"";position:absolute;top:-50%;left:-60%;width:40%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:skew(-20deg);animation:shine 2.5s ease-in-out infinite;pointer-events:none}@keyframes shine{0%,to{left:-60%}50%{left:120%}}@keyframes subtleShake{0%,to{transform:translate(0)}15%{transform:translate(-3px) rotate(-.5deg)}30%{transform:translate(3px) rotate(.5deg)}45%{transform:translate(-2px)}60%{transform:translate(2px)}75%{transform:translate(0)}}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0a0a14b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .4s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-card{background:#fff;border-radius:28px;padding:48px 40px 40px;max-width:460px;width:90%;text-align:center;box-shadow:0 8px 40px #00000059,0 2px 8px #0000002e;border:none;animation:popIn .5s cubic-bezier(.22,1,.36,1) both}@keyframes popIn{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-card h2{font-family:Dancing Script,cursive;font-size:2.2rem;color:var(--rose);margin-bottom:20px;text-shadow:none}.gift-btn{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;border:none;cursor:pointer;font-size:2rem;background:#fff0f3;box-shadow:4px 4px 14px var(--shadow-dark),-3px -3px 10px var(--shadow-light),inset 0 1px #ffffff0f;transition:all .4s cubic-bezier(.22,1,.36,1);animation:giftPulse 1.5s ease-in-out infinite;margin-top:8px}.gift-btn:hover{transform:scale(1.12);box-shadow:6px 6px 20px var(--shadow-dark),-4px -4px 14px var(--shadow-light)}@keyframes giftPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.gift-text-fadeout{animation:fadeOut .4s ease both}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.gift-reveal{animation:giftReveal .8s cubic-bezier(.22,1,.36,1) both}@keyframes giftReveal{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.gift-reveal p{font-family:Dancing Script,cursive;font-size:1.6rem;color:var(--rose);line-height:1.6;text-shadow:none}.footer{position:fixed;bottom:16px;left:0;right:0;text-align:center;z-index:2;pointer-events:none;font-size:.85rem;color:#c4b5a873;font-family:Quicksand,sans-serif;letter-spacing:.5px}.footer span{color:var(--pink)}@media(max-width:500px){.card{padding:36px 24px 30px}.question-title{font-size:3.5rem}.gif-container{width:120px;height:120px}.options{gap:36px}}