:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{margin:0;padding:0;min-height:100vh}*{box-sizing:border-box}*{margin:0;padding:0;box-sizing:border-box}body{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}.app{min-height:100vh;background:linear-gradient(135deg,#ffe5ec,#ffb3c6,#ff8fa3);display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.question-container{text-align:center;padding:40px;max-width:600px}.question{font-size:3rem;font-weight:700;color:#8b0000;margin-bottom:20px;text-shadow:3px 3px 6px rgba(0,0,0,.1);line-height:1.3}.no-message{font-size:1.5rem;font-weight:700;color:#ff1493;margin:20px 0;padding:15px 30px;background:#fff;border-radius:20px;box-shadow:0 4px 15px #ff14934d;animation:bounce .5s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.heart-emoji{font-size:6rem;margin:30px 0;display:inline-block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.buttons-container{display:flex;gap:30px;justify-content:center;margin-top:40px;flex-wrap:wrap}button{padding:20px 50px;font-size:1.5rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;color:#fff;box-shadow:0 8px 20px #00000040;transition:all .3s ease;min-width:140px}.yes-button{background:linear-gradient(135deg,#ff1493,#ff69b4)}.yes-button:hover{box-shadow:0 12px 30px #ff149366}.no-button{background:linear-gradient(135deg,#ffb6c1,pink)}.no-button:hover{box-shadow:0 12px 30px #ffb6c166}.result-container{text-align:center;padding:40px;position:relative;z-index:10}.result-emoji{font-size:10rem;margin-bottom:30px;display:inline-block;filter:drop-shadow(0 8px 16px rgba(0,0,0,.2))}.uploaded-image-container{margin-bottom:30px;background:#fff;border-radius:25px;padding:10px;display:flex;justify-content:center;align-items:center}.uploaded-image{width:300px;height:300px;object-fit:cover;border-radius:20px;box-shadow:0 10px 40px #0000004d;border:5px solid white;display:block;background-color:#f0f0f0}.upload-button,.change-photo-button{margin-top:30px;padding:15px 35px;font-size:1.2rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;color:#fff;background:linear-gradient(135deg,#ff1493,#ff69b4);box-shadow:0 8px 20px #ff14934d;transition:all .3s ease}.upload-button:hover,.change-photo-button:hover{box-shadow:0 12px 30px #ff149380}.change-photo-button{margin-top:20px;background:linear-gradient(135deg,#ffb6c1,pink);box-shadow:0 8px 20px #ffb6c14d;font-size:1rem;padding:12px 30px}.result-text{color:#8b0000;font-weight:700}.result-text h2{font-size:3rem;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.result-text p{font-size:1.8rem;line-height:2;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.hearts-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-heart{position:absolute;font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@media(max-width:768px){.question{font-size:2rem}.heart-emoji{font-size:4rem}button{padding:15px 35px;font-size:1.2rem;min-width:120px}.result-emoji{font-size:6rem}.uploaded-image{width:250px;height:250px}.result-text h2{font-size:2rem}.result-text p{font-size:1.3rem}.upload-button{font-size:1rem;padding:12px 25px}}@media(max-width:480px){.question-container{padding:20px}.question{font-size:1.5rem}.heart-emoji{font-size:3rem}.buttons-container{gap:20px}button{padding:12px 25px;font-size:1rem;min-width:100px}.result-emoji{font-size:5rem}.uploaded-image{width:200px;height:200px}.result-text h2{font-size:1.5rem}.result-text p{font-size:1.1rem;line-height:1.6}.floating-heart{font-size:1.5rem}.upload-button,.change-photo-button{font-size:.9rem;padding:10px 20px}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.result-container:before{content:"✨";position:absolute;top:10%;left:10%;font-size:3rem;animation:twinkle 2s infinite}.result-container:after{content:"✨";position:absolute;top:10%;right:10%;font-size:3rem;animation:twinkle 2s infinite .5s}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}