.screen{display:none;text-align:center;max-width:420px;width:100%;animation:fadeIn .5s ease}.screen.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1{font-family:Playfair Display,serif;color:#8b2942;font-size:1.8rem;margin-bottom:1.5rem;line-height:1.3;word-wrap:break-word}.question{font-size:1.15rem;color:#5c2a3a;margin-bottom:1.5rem;font-weight:600;line-height:1.45;word-wrap:break-word}@media(max-width:480px){h1{font-size:1.5rem;margin-bottom:1.25rem}.question{font-size:1.05rem;margin-bottom:1.25rem}.hearts{font-size:1.75rem;margin:.75rem 0}.final-message{font-size:1.1rem}.quiz-feedback-msg{font-size:1.25rem}.quiz-feedback-hearts{font-size:2rem}}.options{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@media(max-width:480px){.options{gap:10px}.options .btn-quiz{width:100%;min-height:52px;padding:16px 20px}}.quiz-feedback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:#ffb6c1d9;animation:feedbackBgIn .35s ease}@keyframes feedbackBgIn{0%{opacity:0}to{opacity:1}}.quiz-feedback-hearts{font-size:2.5rem;letter-spacing:.2em;animation:feedbackPop .5s ease .1s both}.quiz-feedback-msg{font-size:1.4rem;font-weight:600;color:#8b2942;margin:0;animation:feedbackPop .5s ease .2s both}@keyframes feedbackPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.btn{font-family:Quicksand,sans-serif;font-size:1rem;font-weight:600;padding:14px 28px;min-height:48px;min-width:48px;border:none;border-radius:50px;cursor:pointer;transition:transform .2s,box-shadow .2s;touch-action:manipulation}.btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #00000026}@media(hover:none){.btn:hover{transform:none}.btn:active{transform:scale(.98)}}.btn-quiz{background:#fff;color:#8b2942;border:2px solid #e8a0b5}.btn-yes{background:linear-gradient(135deg,#e91e63,#f06292);color:#fff;font-size:1.2rem;padding:18px 40px;position:relative;z-index:10}.btn-no-wrapper{position:relative;min-height:60px;min-width:140px;display:inline-block}@media(max-width:480px){.btn-no-wrapper .btn-no{min-height:52px;min-width:120px;padding:16px 28px;font-size:1.1rem}}.btn-no-wrapper--runaway{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5}.btn-no-wrapper .btn-no{pointer-events:auto}.btn-no{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:#8b2942;border:2px solid #e8a0b5;transition:none}.btn-no-wrapper--runaway .btn-no{position:fixed}.valentine-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center;margin-top:2rem;min-height:120px}@media(max-width:480px){.valentine-buttons{flex-direction:column;gap:16px;min-height:140px}.valentine-buttons .btn-yes,.valentine-buttons .btn-no-wrapper{min-width:200px}.btn-yes{min-height:56px;padding:18px 44px;font-size:1.25rem}}.no-escape-msg{font-size:.95rem;color:#8b2942;margin-top:1rem;min-height:1.5em;font-style:italic}.hearts{font-size:2rem;margin:1rem 0;letter-spacing:.3em}.final-message{font-size:1.2rem;color:#5c2a3a;line-height:1.6;margin-top:1rem}.start-btn{background:linear-gradient(135deg,#e91e63,#f06292);color:#fff;font-size:1.2rem;padding:18px 45px}.confetti{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:10}.confetti-piece{position:absolute;width:10px;height:10px;background:#e91e63;animation:confetti-fall 3s ease-out forwards}@keyframes confetti-fall{to{transform:translateY(100vh) rotate(720deg);opacity:0}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;min-height:100dvh;font-family:Quicksand,sans-serif;font-size:16px;background:linear-gradient(135deg,#ff9a9e,#fecfef,#fad0c4);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom));padding-top:max(20px,env(safe-area-inset-top));overflow-x:hidden;-webkit-tap-highlight-color:transparent}#root{width:100%;max-width:100%;display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh}