*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--rose: #e91e63;--blush: #fde4ee;--cream: #fff0f7;--dark: #3a0f2b;--pink: #ff7ab6;--soft: #ffd0e5;--gold: #f4b33f}html,body{min-height:100vh;font-family:Caveat,cursive;background:radial-gradient(1200px 800px at 10% 10%,#ffe9f3,#fff7fb 35%,#ffe1ef 65%,#ffd4e9);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(180px 180px at 80% 20%,rgba(255,122,182,.18),transparent 70%),radial-gradient(220px 220px at 20% 70%,rgba(233,30,99,.12),transparent 70%),radial-gradient(140px 140px at 70% 80%,rgba(244,179,63,.1),transparent 70%);pointer-events:none;z-index:0}.hearts-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.heart-float{position:absolute;bottom:-80px;animation:floatUp linear infinite;opacity:0}@keyframes floatUp{0%{transform:translateY(0) rotate(-10deg);opacity:0}10%{opacity:.55}90%{opacity:.35}to{transform:translateY(-110vh) rotate(15deg);opacity:0}}.page{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem}.card{background:#fff;border-radius:2.5rem;padding:2.8rem 2.4rem 2.2rem;max-width:520px;width:100%;box-shadow:0 0 0 7px #ffd0e5e6,0 30px 70px #e91e632e,0 6px 20px #3a0f2b14;text-align:center;position:relative;animation:cardIn .8s cubic-bezier(.34,1.56,.64,1) both}@keyframes cardIn{0%{transform:scale(.7) rotate(-3deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.card:before{content:"";position:absolute;inset:-3px;border-radius:2.7rem;background:linear-gradient(135deg,#ff4f9a,#ff7ab6,#ffd1e7);z-index:-1;opacity:.3}.ribbon{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff4f9a,#ff7ab6);color:#fff;font-family:Caveat,cursive;font-size:1rem;padding:4px 20px;border-radius:20px;white-space:nowrap;letter-spacing:.04em}.emoji-row{font-size:2rem;margin-bottom:.4rem;letter-spacing:.3rem;animation:wiggle 2.2s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.progress-row{display:flex;justify-content:center;gap:.5rem;margin:.8rem 0 1.2rem}.prog-heart{font-size:1.7rem;transition:transform .35s cubic-bezier(.34,1.56,.64,1),filter .35s;filter:grayscale(1) opacity(.3);transform:scale(.8)}.prog-heart.lit{filter:grayscale(0) opacity(1);transform:scale(1.15)}.prog-heart.pulse{animation:heartPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes heartPop{0%{transform:scale(.8)}60%{transform:scale(1.5)}to{transform:scale(1.15)}}.stage-label{font-size:.95rem;color:#bbb;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.2rem}h1{font-family:Playfair Display,serif;font-size:2.2rem;color:var(--dark);line-height:1.2;margin-bottom:.3rem;min-height:2.8rem}h1 span{color:var(--rose);font-style:italic}.bear{font-size:5.5rem;margin:.8rem 0;display:block;cursor:default;filter:drop-shadow(0 4px 10px rgba(232,38,90,.18))}.bear:hover{transform:scale(1.1) rotate(-5deg)}.bear.bounce{animation:bearBounce .5s cubic-bezier(.34,1.56,.64,1)}@keyframes bearBounce{0%{transform:scale(1)}50%{transform:scale(1.25) rotate(8deg)}to{transform:scale(1)}}.message{font-size:1.45rem;color:var(--dark);margin:.8rem 0 1.8rem;line-height:1.5;min-height:4.5rem}.fade-me{opacity:0!important;transform:scale(.94) translateY(6px)!important;transition:opacity .32s ease,transform .32s ease!important}.show-me{opacity:1!important;transform:scale(1) translateY(0)!important;transition:opacity .32s ease,transform .32s ease!important}.btn-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{padding:.85rem 2.2rem;border:none;border-radius:50px;font-family:Caveat,cursive;font-size:1.4rem;font-weight:700;cursor:pointer;position:relative;overflow:visible;transition:transform .15s,box-shadow .15s}.btn:after{content:"";position:absolute;inset:0;border-radius:50px;background:#ffffff38;opacity:0;transition:opacity .2s}.btn:hover:after{opacity:1}.btn-yes{background:linear-gradient(135deg,#ff3b8d,#ff7ab6);color:#fff;box-shadow:0 8px 24px #e91e6366}.btn-yes:hover{transform:scale(1.08) rotate(-1deg);box-shadow:0 10px 28px #e8265a73}.btn-yes:active{transform:scale(.97)}.btn-no{background:#ffe5f1;color:#d81b60;border:2px solid #ff9ac6}.btn-no:hover{background:var(--blush);transform:scale(1.04)}.btn-no:active{transform:scale(.97)}.no-badge{position:absolute;top:-9px;right:-9px;background:var(--rose);color:#fff;border-radius:50%;width:26px;height:26px;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0);transition:opacity .3s,transform .3s;pointer-events:none}.no-badge.show{opacity:1;transform:scale(1)}.shake{animation:shakeBtn .45s ease}@keyframes shakeBtn{0%,to{transform:translate(0)}20%{transform:translate(-9px) rotate(-2deg)}40%{transform:translate(9px) rotate(2deg)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.confetti-layer{position:fixed;inset:0;pointer-events:none;z-index:200;overflow:hidden}.conf-piece{position:absolute;animation:confDrop linear forwards;opacity:0}@keyframes confDrop{0%{transform:translateY(-30px) rotate(0) scale(0);opacity:0}8%{opacity:1;transform:translateY(10px) rotate(25deg) scale(1.1)}to{transform:translateY(110vh) rotate(400deg) scale(.4);opacity:0}}.final-overlay{position:fixed;inset:0;z-index:150;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff4f9a,#e91e63,#b0004a);opacity:0;pointer-events:none;transition:opacity .7s;padding:2rem;text-align:center}.final-overlay.show{opacity:1;pointer-events:all}.final-emoji{font-size:5rem;margin-bottom:1rem;animation:wiggle 1.2s ease-in-out infinite}.final-title{font-family:Playfair Display,serif;font-size:3.2rem;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.2);line-height:1.2}.final-sub{font-size:1.8rem;color:#ffffffe6;margin-top:.8rem}.final-note{margin-top:1.5rem;font-size:1.3rem;color:#ffffffc7;max-width:320px;line-height:1.6}.final-hearts-row{font-size:2.5rem;letter-spacing:.4rem;margin-top:1.2rem;animation:wiggle 1.5s ease-in-out infinite}.firework-ring{position:fixed;border-radius:50%;border:3px solid rgba(255,255,255,.55);animation:fireworkExpand .9s ease-out forwards;pointer-events:none;z-index:210}@keyframes fireworkExpand{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@media(max-width:480px){.page{padding:1.4rem .9rem}.card{padding:2.1rem 1.2rem 1.8rem;border-radius:2rem}.ribbon{font-size:.95rem;padding:4px 16px}.emoji-row{font-size:1.7rem;letter-spacing:.2rem}.progress-row{gap:.35rem;margin:.6rem 0 1rem}.prog-heart{font-size:1.4rem}.stage-label{font-size:.8rem}h1{font-size:1.8rem;min-height:2.2rem}.bear{font-size:4.2rem}.message{font-size:1.2rem;min-height:3.8rem}.btn{font-size:1.2rem;padding:.7rem 1.8rem}.btn-group{gap:.7rem}.final-title{font-size:2.2rem}.final-sub{font-size:1.4rem}.final-note{font-size:1.1rem}.final-hearts-row{font-size:2rem;letter-spacing:.3rem}}@media(max-width:360px){.card{padding:1.8rem 1rem 1.6rem}.ribbon{font-size:.85rem}h1{font-size:1.6rem}.bear{font-size:3.8rem}.btn{font-size:1.1rem;padding:.65rem 1.5rem}}body.theme-horror{font-family:Creepster,Playfair Display,serif;background:radial-gradient(900px 700px at 15% 15%,#1a0a10,#0b090b 45%,#060506)}body.theme-horror:before{background:radial-gradient(220px 220px at 80% 20%,rgba(209,47,59,.18),transparent 70%),radial-gradient(280px 280px at 20% 70%,rgba(155,16,32,.14),transparent 70%),radial-gradient(160px 160px at 70% 80%,rgba(181,91,29,.12),transparent 70%)}body.theme-horror .card{background:#0c080aeb;box-shadow:0 0 0 7px #3a1016d9,0 30px 70px #9b102047,0 6px 20px #00000080}body.theme-horror .card:before{background:linear-gradient(135deg,#7a0c18,#d12f3b,#2b0c12)}body.theme-horror .ribbon{background:linear-gradient(135deg,#7a0c18,#d12f3b);font-family:Creepster,Playfair Display,serif;font-size:1.05rem}body.theme-horror h1{font-family:Creepster,Playfair Display,serif;color:#f7e9ef}body.theme-horror h1 span{color:#ff4f6a}body.theme-horror .message{color:#f2dbe4}body.theme-horror .bear{filter:drop-shadow(0 8px 14px rgba(155,16,32,.35))}body.theme-horror .btn-yes{background:linear-gradient(135deg,#7a0c18,#d12f3b);box-shadow:0 8px 24px #9b102073}body.theme-horror .btn-no{background:#1a0b10;color:#f5dbe2;border:2px solid #7a0c18}body.theme-horror .final-overlay{background:linear-gradient(135deg,#2b0c12,#7a0c18,#b0002d)}body.theme-horror .final-title{color:#f7e9ef}body.theme-horror .final-sub{color:#f7e9efe6}body.theme-horror .final-note{color:#f7e9efc7}