*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;overflow-x:hidden;position:relative}.container{width:100%;max-width:500px;padding:20px;position:relative}.screen{display:none;animation:fadeIn .5s ease-in}.screen.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hearts-bg{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.heart{position:absolute;font-size:30px;opacity:0;animation:float 6s infinite}.heart:before{content:"❤️"}.heart:nth-child(1){left:10%;animation-delay:0s;font-size:40px}.heart:nth-child(2){left:25%;animation-delay:1.5s;font-size:25px}.heart:nth-child(3){left:50%;animation-delay:3s;font-size:35px}.heart:nth-child(4){left:70%;animation-delay:4.5s;font-size:30px}.heart:nth-child(5){left:85%;animation-delay:2s;font-size:45px}@keyframes float{0%{bottom:-100px;opacity:0;transform:translate(0) rotate(0)}50%{opacity:.8;transform:translate(100px) rotate(180deg)}to{bottom:100vh;opacity:0;transform:translate(-100px) rotate(360deg)}}#question-screen{background:#fff;border-radius:30px;padding:40px 30px;box-shadow:0 20px 60px #0000004d;text-align:center;position:relative;z-index:1}.title{font-size:2rem;margin-bottom:30px;color:#e91e63;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.question{font-size:1.5rem;margin-bottom:40px;color:#333;font-weight:500}.funny-message{min-height:30px;margin-bottom:20px;font-size:1.1rem;color:#e91e63;font-weight:600;animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.buttons-container{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;position:relative;min-height:120px;align-items:center}.btn{padding:15px 40px;border:none;border-radius:50px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.btn-yes{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;transition:all .3s ease}.btn-yes:hover{transform:scale(1.1);box-shadow:0 6px 20px #f5576c66}.btn-yes:active{transform:scale(1.05)}.btn-no{background:#e0e0e0;color:#666;position:absolute;transition:all .2s ease}.btn-no.shrinking{animation:shrink .3s ease forwards}@keyframes shrink{to{transform:scale(.9)}}#answer-screen{background:#fff;border-radius:30px;padding:40px 30px;box-shadow:0 20px 60px #0000004d;text-align:center;position:relative;z-index:1}.celebration-title{font-size:2.5rem;color:#e91e63;margin-bottom:20px;animation:bounce 1s ease}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.celebration-message{font-size:1.2rem;color:#333;margin-bottom:30px;line-height:1.8}.romantic-text{display:block;margin-top:15px;font-size:1.1rem;color:#e91e63;font-weight:600;font-style:italic}.photo-gallery{margin-top:40px}.gallery-title{font-size:1.5rem;color:#e91e63;margin-bottom:20px}.photos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:20px}.photo-item{border-radius:15px;overflow:hidden;box-shadow:0 4px 15px #0003;animation:fadeInUp .6s ease backwards;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.photo-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000004d}.photo-item img{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.photo-item:hover img{transform:scale(1.1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.photo-item:nth-child(1){animation-delay:.1s}.photo-item:nth-child(2){animation-delay:.2s}.photo-item:nth-child(3){animation-delay:.3s}.photo-item:nth-child(4){animation-delay:.4s}.photo-item:nth-child(5){animation-delay:.5s}.photo-item:nth-child(6){animation-delay:.6s}.lightbox{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000000f2;animation:fadeIn .3s ease}.lightbox.active{display:flex;align-items:center;justify-content:center}.lightbox-content{max-width:90%;max-height:90%;object-fit:contain;border-radius:10px;animation:zoomIn .3s ease}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-close{position:absolute;top:20px;right:35px;color:#fff;font-size:40px;font-weight:700;cursor:pointer;transition:.3s;z-index:10000}.lightbox-close:hover{color:#e91e63}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:30px;font-weight:700;cursor:pointer;padding:15px 20px;background:#00000080;border:none;border-radius:5px;transition:.3s;z-index:10000}.lightbox-prev:hover,.lightbox-next:hover{background:#e91e63cc}.lightbox-prev{left:20px}.lightbox-next{right:20px}@media (max-width: 480px){.title{font-size:1.5rem}.question{font-size:1.2rem}.btn{padding:12px 30px;font-size:1rem}.celebration-title{font-size:2rem}.photos-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.photo-item img{height:150px}.lightbox-prev,.lightbox-next{font-size:24px;padding:10px 15px}.lightbox-close{top:10px;right:15px;font-size:35px}}