*{box-sizing:border-box;margin:0;padding:0}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;display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fce4ec}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;max-width:430px;max-height:932px;background-color:#fff0f5;background-image:url(/background.png);background-size:cover;background-position:center;overflow:hidden;position:relative;text-align:center;padding:20px;box-sizing:border-box}.content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;margin-bottom:100px}.text{font-size:2.5rem;color:#ff85a2;text-shadow:2px 2px 4px rgba(0,0,0,.2);margin-bottom:30px;animation:fadeIn 2s ease-in-out}.success-text{position:relative;top:100px}.kiss{height:150px;margin-bottom:20px}.buttons{display:flex;flex-direction:column;gap:20px;margin-top:20px;width:90%;max-width:350px}.button{border:none;padding:15px 30px;font-size:16px;cursor:pointer;border-radius:12px;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;width:100%;box-sizing:border-box}.button.yes{background-color:#a7e9afb3;color:#fff;font-weight:700}.button.yes:hover{transform:scale(1.02)}.button.no{background-color:#ffb3c1b3;color:#fff;transition:all .1s ease-out}.yes-gif{max-width:90%;height:auto;margin:20px auto;display:block}img{max-width:80%;height:auto;margin-bottom:20px;animation:fadeIn 2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hearts-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.heart{position:absolute;bottom:-50px;width:20px;height:20px;background-color:#ff85a2;transform:rotate(-45deg);animation:floatUp 5s linear infinite;opacity:.7}.heart:before,.heart:after{content:"";position:absolute;width:20px;height:20px;background-color:#ff85a2;border-radius:50%}.heart:before{top:-10px;left:0}.heart:after{top:0;left:10px}@keyframes floatUp{0%{transform:translateY(0) rotate(-45deg);opacity:.7}to{transform:translateY(-110vh) rotate(-45deg);opacity:0}}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.shake{animation:shake .3s ease-in-out}.container.sad{background-image:url(/background_sad.png)}.flash-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0;pointer-events:none;z-index:99}.flash-overlay.flash-active{animation:flash-effect .6s ease-out}@keyframes flash-effect{0%{opacity:0}50%{opacity:.9}to{opacity:0}}.broken-heart{position:absolute;top:40%;left:50%;z-index:100;transform:translate(-50%,-50%)}.heart-piece{width:80px;height:80px;position:absolute;top:-40px;left:-40px;background-color:#ff85a2;border-radius:40px 40px 0 0;box-shadow:0 4px 8px #0003}.heart-left{transform:rotate(-45deg);transform-origin:0 100%;animation:break-left 1.5s .2s ease-in-out forwards}.heart-right{transform:rotate(45deg);transform-origin:100% 100%;animation:break-right 1.5s .2s ease-in-out forwards}@keyframes break-left{0%{transform:rotate(-45deg);opacity:1}to{transform:rotate(-85deg) translate(-150px,50px);opacity:0}}@keyframes break-right{0%{transform:rotate(45deg);opacity:1}to{transform:rotate(85deg) translate(150px,50px);opacity:0}}.rain-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.raindrop{position:absolute;top:-50px;width:2px;height:15px;background-color:#a9def9;border-radius:1px;animation:fallDown 1s linear infinite;opacity:.6}@keyframes fallDown{0%{transform:translateY(0);opacity:.6}to{transform:translateY(110vh);opacity:0}}