@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Outfit:wght@300;500&display=swap");:root{--rose:#e8a0a8;--rose-deep:#c76b7a;--blush:#f5d7dc;--cream:#fef8f9;--ink:#3d2c2e;--gold:#c9a962}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:Outfit,sans-serif;background:linear-gradient(160deg,var(--cream) 0,var(--blush) 50%,#f0c8d0 100%);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;color:var(--ink);overflow-x:hidden}@media (min-width:768px){body{padding:2rem}}@media (min-width:1024px){body{padding:2.5rem}}.heart-float{position:fixed;font-size:1rem;opacity:.4;pointer-events:none;animation:float 6s ease-in-out infinite}@media (min-width:768px){.heart-float{font-size:1.25rem}}@media (min-width:1024px){.heart-float{font-size:1.4rem}}.heart-float:first-child{left:10%;top:20%;animation-delay:0s}.heart-float:nth-child(2){left:85%;top:15%;animation-delay:1s}.heart-float:nth-child(3){left:70%;top:70%;animation-delay:2s}.heart-float:nth-child(4){left:15%;top:60%;animation-delay:1.5s}.heart-float:nth-child(5){left:50%;top:85%;animation-delay:.5s}.mute-btn{width:2.75rem;height:2.75rem;border:none;border-radius:50%;background:hsla(0,0%,100%,.95);box-shadow:0 4px 16px rgba(195,107,122,.25);cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .2s ease,box-shadow .2s ease}.mute-btn:hover{transform:scale(1.08);box-shadow:0 6px 20px rgba(195,107,122,.35)}.mute-btn:active{transform:scale(.96)}.mute-btn-icon{font-size:1.25rem;line-height:1}@media (min-width:768px){.mute-btn{width:3rem;height:3rem}.mute-btn-icon{font-size:1.4rem}.card .mute-btn{bottom:1.25rem;right:1.25rem}}@keyframes float{0%,to{transform:translateY(0) scale(1);opacity:.4}50%{transform:translateY(-15px) scale(1.1);opacity:.7}}.card{background:hsla(0,0%,100%,.9);border-radius:20px;padding:2rem;max-width:420px;width:100%;box-shadow:0 20px 60px rgba(195,107,122,.2);text-align:center;position:relative;z-index:1}.card .mute-btn{position:absolute;bottom:1rem;right:1rem;z-index:2}@media (min-width:768px){.card{border-radius:24px;padding:2.5rem 3rem;max-width:480px;box-shadow:0 24px 64px rgba(195,107,122,.22)}}@media (min-width:1024px){.card{padding:3rem 3.5rem;max-width:520px}}.card h1{font-family:Cormorant Garamond,serif;font-weight:600;font-size:clamp(1.6rem,5vw,2.2rem);color:var(--rose-deep);margin-bottom:.5rem}@media (min-width:768px){.card h1{font-size:clamp(1.8rem,4vw,2.4rem)}}.sub{font-weight:300;font-size:.95rem;color:var(--ink);opacity:.85;margin-bottom:1.5rem}@media (min-width:768px){.sub{font-size:1.05rem;margin-bottom:2rem}}.choices{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem;margin-bottom:1.5rem}@media (min-width:768px){.choices{gap:1rem;margin-bottom:2rem}}.choice{background:var(--cream);border:2px solid var(--blush);border-radius:14px;padding:1rem .75rem;min-height:56px;cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:.95rem;color:var(--ink);-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (min-width:768px){.choice{padding:1.25rem 1rem;min-height:64px;font-size:1rem;border-radius:16px}}.choice:hover{border-color:var(--rose);background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px rgba(232,160,168,.25)}.choice:active{transform:translateY(0)}.choice.selected{border-color:var(--rose-deep);background:linear-gradient(135deg,#fce8ec,#f5d7dc);color:var(--rose-deep)}.choice .icon{display:block;font-size:1.5rem;margin-bottom:.25rem}@media (min-width:768px){.choice .icon{font-size:1.8rem;margin-bottom:.35rem}}.step{display:none}.step.active{display:block;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}15%{transform:translateX(-8px) rotate(-1deg)}30%{transform:translateX(8px) rotate(1deg)}45%{transform:translateX(-6px) rotate(-.5deg)}60%{transform:translateX(6px) rotate(.5deg)}75%{transform:translateX(-3px)}}.question-box{margin:1.5rem 0}@media (min-width:768px){.question-box{margin:2rem 0}}.angry-message{font-family:Outfit,sans-serif;font-weight:500;font-size:clamp(1rem,2.5vw,1.2rem);color:var(--rose-deep);background:rgba(199,107,122,.12);border:2px solid var(--rose);border-radius:12px;padding:.6rem 1rem;margin-bottom:1rem;animation:angryPop .35s ease-out}@keyframes angryPop{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.03)}to{transform:scale(1);opacity:1}}.question-box .big{font-family:Cormorant Garamond,serif;font-size:clamp(1.5rem,4vw,1.9rem);font-weight:600;color:var(--rose-deep);margin-bottom:1.25rem;line-height:1.35}@media (min-width:768px){.question-box .big{font-size:clamp(1.7rem,3.5vw,2.1rem);margin-bottom:1.5rem}}.btn-row{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;position:relative}@media (min-width:768px){.btn-row{gap:1rem}}.btn{padding:.9rem 1.75rem;min-height:48px;min-width:100px;border:none;border-radius:999px;font-family:inherit;font-size:1.05rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (min-width:768px){.btn{padding:1rem 2rem;min-height:52px;font-size:1.1rem}}.btn-yes{background:linear-gradient(135deg,var(--rose-deep),var(--rose));color:#fff;box-shadow:0 6px 20px rgba(199,107,122,.4)}.btn-yes:hover{transform:scale(1.05);box-shadow:0 8px 28px rgba(199,107,122,.5)}.btn-yes:active{transform:scale(.98)}.btn-no{background:var(--cream);color:var(--ink);border:2px solid var(--blush);position:relative}.btn-no:hover{border-color:var(--rose);background:#fff}.btn-no.runaway{transition:left .2s ease,top .2s ease}.next-btn{margin-top:.5rem}@media (min-width:768px){.next-btn{margin-top:.75rem}}.next-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.result{display:none;padding:1rem 0}.result.show{display:block;animation:fadeIn .6s ease}.result-image-wrap{margin-bottom:1rem;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px rgba(195,107,122,.25);background:var(--cream)}.result-image{width:100%;height:auto;display:block;object-fit:cover;max-height:50vh}.result .message{font-family:Cormorant Garamond,serif;font-size:clamp(1.5rem,4vw,1.85rem);font-weight:600;color:var(--rose-deep);margin-bottom:.5rem}@media (min-width:768px){.result .message{font-size:1.9rem}}.result .detail{font-size:.95rem;color:var(--ink);opacity:.9;line-height:1.5}@media (min-width:768px){.result .detail{font-size:1rem}}.confetti{position:fixed;inset:0;pointer-events:none;z-index:10;overflow:hidden}.confetti span{position:absolute;width:10px;height:10px;background:var(--rose);animation:confetti-fall 3s ease-out forwards}.confetti span:nth-child(odd){background:var(--rose-deep)}.confetti span:nth-child(3n){background:var(--gold);border-radius:50%}@keyframes confetti-fall{0%{transform:translateY(-10vh) rotate(0deg);opacity:1}to{transform:translateY(110vh) rotate(2turn);opacity:0}}