*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{width:100%;min-height:100vh}.valentine-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#ff9a9e,#fecfef 25% 50%,#ffc3e1 75%,#ffb3ba);background-size:400% 400%;animation:gradientShift 20s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.characters-background{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.dancing-character{position:absolute;animation:danceAround infinite ease-in-out;opacity:.8;display:flex;align-items:center;justify-content:center;transform-origin:center center}.dancing-character img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}@keyframes danceAround{0%{transform:translate(-50%,-50%) translate(0) rotate(0) scale(1)}10%{transform:translate(-50%,-50%) translate(20px,-30px) rotate(10deg) scale(1.1)}20%{transform:translate(-50%,-50%) translate(-15px,-20px) rotate(-8deg) scale(.95)}30%{transform:translate(-50%,-50%) translate(25px,15px) rotate(12deg) scale(1.05)}40%{transform:translate(-50%,-50%) translate(-20px,25px) rotate(-10deg) scale(1)}50%{transform:translate(-50%,-50%) translate(15px,-15px) rotate(8deg) scale(1.1)}60%{transform:translate(-50%,-50%) translate(-25px,-25px) rotate(-12deg) scale(.95)}70%{transform:translate(-50%,-50%) translate(20px,20px) rotate(10deg) scale(1.05)}80%{transform:translate(-50%,-50%) translate(-15px,15px) rotate(-8deg) scale(1)}90%{transform:translate(-50%,-50%) translate(25px,-20px) rotate(12deg) scale(1.1)}to{transform:translate(-50%,-50%) translate(0) rotate(0) scale(1)}}.content{position:relative;z-index:10;text-align:center;padding:2.5rem;background:#fff8f9;border-radius:24px;box-shadow:0 8px 30px #00000014,0 2px 8px #0000000d;border:1px solid rgba(255,182,193,.2);max-width:600px;width:90%}.title{font-size:3rem;color:#e8a4b8;margin-bottom:1rem;text-shadow:none;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.question{font-size:2rem;color:#d4a5b8;margin-bottom:3rem;text-shadow:none}.buttons-container{position:relative;min-height:200px;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;overflow:visible}.yes-button{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border:none;padding:1.5rem 3rem;font-size:1.5rem;font-weight:700;border-radius:50px;cursor:pointer;box-shadow:0 4px 15px #ff6b6b66;transition:all .3s ease;z-index:5;position:relative}.yes-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #ff6b6b99}.yes-button:active{transform:scale(.95)}.no-button{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff;border:none;padding:1rem 2rem;font-size:1.2rem;font-weight:700;border-radius:50px;cursor:pointer;box-shadow:0 4px 15px #0000004d;transition:all .2s ease;z-index:1}.no-button:hover{box-shadow:0 6px 20px #0006}.random-message{font-size:1.5rem;color:#c99db0;text-shadow:none;margin-top:2rem;animation:fadeIn .5s ease;min-height:2.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.accepted-container{position:relative;z-index:10}.celebration{font-size:2rem;color:#e8a4b8;margin-bottom:1rem;text-shadow:none;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.gooner-gif{max-width:300px;width:100%;height:auto;margin:1.5rem auto;display:block;border-radius:10px;box-shadow:0 4px 15px #0000004d}.celebration-text{font-size:2rem;color:#d4a5b8;margin-bottom:1rem;text-shadow:none;animation:fadeInText .8s ease-in}.celebration-subtext{font-size:1.5rem;color:#c99db0;text-shadow:none;animation:fadeInText .8s ease-in}@keyframes fadeInText{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hearts-explosion{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;overflow:hidden}.heart-emoji{position:absolute;font-size:2rem;animation:explode 3s ease-out forwards}@keyframes explode{0%{transform:translateY(0) scale(0) rotate(0);opacity:1}to{transform:translateY(-200px) scale(1.5) rotate(360deg);opacity:0}}@media(max-width:768px){.title{font-size:2rem}.question{font-size:1.5rem}.yes-button{padding:1rem 2rem;font-size:1.2rem}.no-button{padding:.8rem 1.5rem;font-size:1rem}.random-message{font-size:1.2rem}}