*{margin:0;padding:0;box-sizing:border-box}body{font-family:Dancing Script,cursive;background:linear-gradient(135deg,#ffd1dc,#ffb6c1,#ff69b4);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden}@media (max-width: 768px){body{overflow-y:auto}}.app{position:relative;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center}.floating-heart{position:fixed;font-size:24px;animation:float 6s infinite;opacity:.6;pointer-events:none;z-index:1}@keyframes float{0%{transform:translateY(100vh) rotate(0);opacity:0}50%{opacity:.6}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}.container{text-align:center;background:#fff;padding:60px 40px;border-radius:30px;box-shadow:0 20px 60px #ff69b44d;max-width:600px;position:relative;z-index:10;animation:slideIn .6s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.main-title{font-family:Great Vibes,cursive;font-size:3.5em;color:#d63384;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.1);font-weight:400}.question{font-family:Pacifico,cursive;color:#ff69b4;margin-bottom:15px;font-size:2em;font-weight:400}.signature{font-family:Satisfy,cursive;color:#666;font-size:1.6em;margin-bottom:10px;font-weight:400}.emoji{font-size:100px;margin:30px 0;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.buttons{display:flex;gap:20px;justify-content:center;margin-top:40px;position:relative;min-height:70px}button{padding:18px 45px;font-size:1.4em;border:none;border-radius:50px;cursor:pointer;font-weight:700;transition:all .3s ease;box-shadow:0 4px 15px #0003;font-family:Dancing Script,cursive}.yes-btn{background:linear-gradient(135deg,#ff6b9d,#c44569);color:#fff;position:relative;overflow:hidden}.yes-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.yes-btn:hover:before{width:300px;height:300px}.yes-btn:hover{transform:scale(1.08);box-shadow:0 8px 25px #ff6b9d80}.yes-btn:active{transform:scale(1.02)}.no-btn{background:linear-gradient(135deg,#ddd,#bbb);color:#666;position:absolute;transition:all .2s ease}.no-btn:hover{background:linear-gradient(135deg,#ccc,#aaa)}.celebration{margin-top:30px;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.celebration-text{font-family:Pacifico,cursive;font-size:2.2em;color:#d63384;font-weight:400;animation:bounce .5s;margin-bottom:15px}.love-message{font-family:Great Vibes,cursive;font-size:2em;color:#ff69b4;font-weight:400}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.confetti{position:fixed;width:10px;height:10px;background:#ff69b4;animation:confetti-fall 3s linear forwards;z-index:100}@keyframes confetti-fall{to{transform:translateY(100vh) rotate(360deg);opacity:0}}@media (max-width: 768px){.container{padding:40px 30px;max-width:90%}.main-title{font-size:2.5em}.question{font-size:1.5em}.signature{font-size:1.3em}.emoji{font-size:70px}button{padding:15px 35px;font-size:1.2em}.celebration-text{font-size:1.8em}.love-message{font-size:1.6em}}:root{font-family:Dancing Script,cursive;line-height:1.5;font-weight:400;color-scheme:light;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;margin:0;padding:0}