*,*:before,*:after{box-sizing:border-box}:root{font-family:Cormorant Garamond,Georgia,serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh}#root{min-height:100vh;min-height:100dvh}.valentine-app{--red: #c41e3a;--red-soft: #e63950;--pink: #ff85a2;--pink-light: #ffb3c6;--pink-pale: #ffe4ec;--white: #fffbfc;--shadow: rgba(196, 30, 58, .25);--font-romantic: "Dancing Script", cursive;--font-body: "Cormorant Garamond", Georgia, serif}.valentine-app{min-height:100vh;min-height:100dvh;width:100%;position:relative;overflow:hidden;background:linear-gradient(160deg,var(--pink-pale) 0%,var(--white) 40%,#fff0f4 100%);display:flex;align-items:center;justify-content:center}.bg-hearts{position:absolute;inset:0;pointer-events:none;overflow:hidden}.bg-hearts .heart{position:absolute;font-size:clamp(1.5rem,4vw,3rem);color:var(--pink-light);opacity:.4;animation:bg-float 8s ease-in-out infinite}.heart-1{left:10%;top:15%;animation-delay:0s}.heart-2{right:12%;top:25%;animation-delay:-2s}.heart-3{left:20%;bottom:20%;animation-delay:-4s}.heart-4{right:18%;bottom:15%;animation-delay:-1s}.heart-5{left:50%;top:8%;animation-delay:-3s;font-size:1.2em}@keyframes bg-float{0%,to{transform:translate(0) scale(1);opacity:.4}50%{transform:translate(8px,-10px) scale(1.05);opacity:.55}}.explosion-overlay{position:fixed;inset:0;z-index:100;pointer-events:none;display:flex;align-items:center;justify-content:center;animation:explosion-overlay-fade 1.4s ease-out forwards}@keyframes explosion-overlay-fade{0%,55%{opacity:1}to{opacity:0}}.explosion-heart{position:absolute;left:50%;top:50%;font-size:calc(var(--size, 1) * 1.5rem);color:var(--red);opacity:0;transform:translate(-50%,-50%) scale(.2);animation:heart-explode 1.2s ease-out forwards;animation-delay:var(--delay, 0s);filter:drop-shadow(0 0 6px var(--shadow))}.explosion-heart:nth-child(odd){color:var(--pink)}@keyframes heart-explode{0%{opacity:1;transform:translate(-50%,-50%) scale(.2) rotate(0)}15%{opacity:1;transform:translate(-50%,-50%) scale(var(--size, 1)) rotate(10deg)}to{opacity:0;transform:translate(calc(-50% + var(--tx, 0)),calc(-50% + var(--ty, 0))) scale(var(--size, 1)) rotate(720deg)}}.page{position:relative;z-index:1;width:100%;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem;box-sizing:border-box}.page-question{animation:fadeIn .5s ease-out}.page-confirmation{animation:confirmation-appear .9s ease-out .5s both}@keyframes confirmation-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.question-content{text-align:center;max-width:90vw}.question-text{font-family:var(--font-romantic);font-size:clamp(1.75rem,5vw,2.75rem);font-weight:600;color:var(--red);margin:0 0 2.5rem;line-height:1.3;text-shadow:0 2px 8px var(--shadow);letter-spacing:.02em}.buttons-wrap{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center;position:relative;min-height:3.5rem}.btn{font-family:var(--font-romantic);font-size:1.15rem;font-weight:600;padding:.85rem 2rem;border-radius:999px;cursor:pointer;border:none;transition:transform .2s ease,box-shadow .2s ease;letter-spacing:.03em}.btn:hover{transform:scale(1.05)}.btn:active{transform:scale(.98)}.btn-oui{background:linear-gradient(145deg,var(--red) 0%,var(--red-soft) 100%);color:var(--white);box-shadow:0 4px 20px var(--shadow)}.btn-oui:hover{box-shadow:0 6px 28px #c41e3a66}.btn-non{background:var(--white);color:var(--pink);border:2px solid var(--pink-light)}.btn-non:hover{background:var(--pink-pale);box-shadow:0 2px 12px var(--shadow)}.btn-non.btn-non-escaping{transition:left .35s ease-out,top .35s ease-out;z-index:10}.confirmation-content{text-align:center;max-width:90vw;padding:2rem 1rem}.pulse-heart{font-family:var(--font-romantic);font-size:clamp(4rem,15vw,8rem);color:var(--red);line-height:1;margin-bottom:2.5rem;animation:pulse 1.2s ease-in-out infinite;filter:drop-shadow(0 4px 12px var(--shadow))}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.95}}.confirmation-text{font-family:var(--font-romantic);font-size:clamp(1.1rem,2.5vw,1.35rem);color:#5c3a45;line-height:1.6;margin:0;background:#ffffffb3;padding:1.25rem 1.5rem;border-radius:1rem;border:1px solid var(--pink-light);box-shadow:0 4px 20px var(--shadow)}.confirmation-ourson{display:block;margin:1.5rem auto 0;max-width:min(280px,85vw);height:auto}@media(max-width:480px){.question-text{margin-bottom:2rem}.buttons-wrap{min-height:3rem}.btn{padding:.75rem 1.5rem;font-size:1.05rem}}