*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh;min-width:100vw;font-family:Georgia,Times New Roman,serif,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh;min-width:100vw}.valentine-container{min-height:100vh;min-width:100vw;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff69b440,#ffb6c126,#ff14934d),linear-gradient(180deg,#1a0a0fd9,#2d1b2ee6,#1a0a14e6),url(https://images.unsplash.com/photo-1518199266791-5375a83190b7?w=1920) center/cover no-repeat}.valentine-container:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,105,180,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,182,193,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,20,147,.05) 0%,transparent 70%);pointer-events:none}.back-button{position:fixed;top:1rem;left:1rem;z-index:20;padding:.5rem 1rem;font-size:.95rem;font-family:Georgia,serif;color:#ffb6c1;background:#2d1b2ecc;border:1px solid rgba(255,182,193,.4);border-radius:50px;cursor:pointer;transition:background .2s ease,color .2s ease,transform .15s ease}.back-button:hover{background:#ff69b440;color:#fff;transform:scale(1.03)}.background-heart{position:absolute;inset:0;margin:auto;width:min(85vmin,650px);height:min(75vmin,580px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 90'%3E%3Cpath fill='rgba(255,105,180,0.12)' d='M50 85 C20 60 0 35 0 20 C0 0 25 0 50 25 C75 0 100 0 100 20 C100 35 80 60 50 85Z'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none;z-index:0;animation:backgroundHeartbeat 1.2s ease-in-out infinite}@keyframes backgroundHeartbeat{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.92}}.background-overlay{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ff69b4' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2.5rem;padding:2rem;text-align:center}@keyframes beat{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.heart-wrapper{filter:drop-shadow(0 0 30px rgba(255,105,180,.4));transition:filter .3s ease}.heart-wrapper.heart-glowing{filter:drop-shadow(0 0 50px rgba(255,105,180,.8)) drop-shadow(0 0 80px rgba(255,20,147,.5))}.heart{position:relative;width:auto;height:auto;min-height:80px;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:beat var(--beat-duration, 1.2s) ease-in-out infinite}@keyframes heartSplit{0%{transform:translate(-100%) rotate(-45deg)}to{transform:translate(-150%) rotate(-60deg)}}@keyframes heartSplitRight{0%{transform:translate(0) rotate(45deg)}to{transform:translate(50%) rotate(60deg)}}.heart-wrapper.heart-splitting .heart{animation:none}.heart-wrapper.heart-splitting .heart:before{animation:heartSplit .5s ease-out forwards}.heart-wrapper.heart-splitting .heart:after{animation:heartSplitRight .5s ease-out forwards}.heart-wrapper.heart-celebrated{opacity:.4;pointer-events:none;transition:opacity .5s ease}.heart:before,.heart:after{display:none}.heart-text{position:relative;z-index:2;font-family:Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.2);max-width:200px;line-height:1.4;padding:0 1rem}.buttons-container{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;position:relative;min-height:80px}.buttons-row{display:flex;gap:2rem;align-items:center;justify-content:center;flex-wrap:nowrap;flex-direction:row}.no-message{font-size:1.1rem;color:#ffb6c1;margin:0;animation:messagePop .4s ease-out;white-space:normal;text-align:center;max-width:320px;line-height:1.5;word-spacing:normal;letter-spacing:normal}@keyframes messagePop{0%{opacity:0;transform:scale(.8) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.btn-trick{background:#ff69b433;color:#ffb6c1;border:1px dashed rgba(255,182,193,.5);animation:trickPulse 1.5s ease-in-out infinite}@keyframes trickPulse{0%,to{opacity:.7}50%{opacity:1}}.btn-trick-yes{background:linear-gradient(135deg,#ff6b9d,#ff1493);color:#fff;box-shadow:0 6px 25px #ff69b480}.btn-trick-yes:hover{transform:scale(1.08);box-shadow:0 8px 35px #ff69b499}.btn{padding:1rem 2.5rem;font-size:1.25rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;font-family:Georgia,serif;position:relative}.btn-yes{background:linear-gradient(135deg,#ff6b9d,#ff1493);color:#fff;box-shadow:0 6px 25px #ff69b480}.btn-yes:hover{transform:scale(1.08);box-shadow:0 8px 35px #ff69b499}.btn-yes:active{transform:scale(1.02)}.btn-no{background:linear-gradient(135deg,#4a4a4a,#2d2d2d);color:#ffb6c1;box-shadow:0 4px 15px #0000004d;transition:transform .2s ease-out}.btn-no:hover{background:linear-gradient(135deg,#5a5a5a,#3d3d3d)}.celebration{position:relative;animation:fadeIn .6s ease-out}.floating-hearts{position:fixed;inset:0;pointer-events:none;z-index:10;overflow:hidden}.floating-heart{position:absolute;font-size:1.5rem;opacity:0;animation:floatUp 4s ease-in-out forwards;animation-delay:calc(var(--i) * .35s);animation-fill-mode:both;left:calc(var(--i) * 8.33%);bottom:-2rem}@keyframes floatUp{0%{transform:translateY(0) rotate(0) scale(.8);opacity:0}10%{opacity:.8}90%{opacity:.6}to{transform:translateY(-100vh) rotate(360deg) scale(1.2);opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.celebration-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.celebration-content h2{font-family:Georgia,serif;font-size:2.5rem;color:#ff69b4;text-shadow:0 0 20px rgba(255,105,180,.5);margin:0;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.gif-wrapper{border-radius:16px;overflow:hidden;box-shadow:0 10px 50px #ff69b466;border:4px solid rgba(255,105,180,.5)}.celebration-gif{width:300px;height:auto;display:block}.subtext{font-size:1.25rem;color:#ffb6c1;margin:0;font-style:italic}@media(max-width:480px){.heart{width:260px;height:240px}.heart:before,.heart:after{width:130px;height:210px;border-radius:130px 130px 0 0}.heart-text{font-size:1.2rem;max-width:160px}.buttons-container{gap:.75rem}.buttons-row{gap:1rem}.btn{padding:.9rem 2rem;font-size:1.1rem}}