*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(-45deg,#ff6b9d,#c06c84,#f67280,#ff8fab,#ffa6c1);background-size:400% 400%;animation:gradientShift 15s ease infinite;overflow:hidden;position:relative}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#root{width:100%;display:flex;align-items:center;justify-content:center}button{font-family:inherit}.container{position:relative;z-index:1;padding:20px;width:100%;max-width:500px}.card{background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:30px;border:2px solid rgba(255,255,255,.3);padding:40px 30px;box-shadow:0 8px 32px #ff6b9d4d;text-align:center}.title{color:#fff;font-size:clamp(24px,6vw,36px);margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.1);font-weight:700}.emoji{font-size:clamp(60px,15vw,80px);margin:20px 0;animation:pulse 2s infinite}.cat-gif{width:clamp(120px,35vw,200px);height:auto;border-radius:15px;margin:20px 0}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.buttons-container{display:flex;gap:15px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:30px;position:relative;min-height:80px}.btn{padding:15px 40px;font-size:18px;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003;min-width:120px;position:relative}.btn-yes{background:linear-gradient(135deg,#ff6b9d,#ff8fab);color:#fff}.btn-yes:hover{transform:scale(1.05);box-shadow:0 6px 20px #ff6b9d66}.btn-yes:active{transform:scale(.95)}.btn-no{background:#ffffff4d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.5);transition:transform .15s ease}.hearts-background{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}.heart{position:absolute;width:20px;height:20px;background:#ffffff4d;transform:rotate(45deg);animation:float 15s infinite;opacity:0}.heart:before,.heart:after{content:"";position:absolute;width:20px;height:20px;background:#ffffff4d;border-radius:50%}.heart:before{top:-10px;left:0}.heart:after{top:0;left:-10px}.heart:nth-child(1){left:20%;animation-delay:0s}.heart:nth-child(2){left:40%;animation-delay:3s}.heart:nth-child(3){left:60%;animation-delay:6s}.heart:nth-child(4){left:80%;animation-delay:9s}.heart:nth-child(5){left:90%;animation-delay:12s}@keyframes float{0%{bottom:-50px;opacity:0}10%{opacity:1}90%{opacity:1}to{bottom:110%;opacity:0}}.lily{position:absolute;width:30px;height:30px;animation:floatLily 18s infinite;opacity:0}.lily:before{content:"🌸";font-size:24px;position:absolute;filter:hue-rotate(320deg) brightness(1.2)}.lily:nth-child(6){left:15%;animation-delay:2s}.lily:nth-child(7){left:50%;animation-delay:6s}.lily:nth-child(8){left:70%;animation-delay:10s}.lily:nth-child(9){left:85%;animation-delay:14s}.lily:nth-child(10){left:30%;animation-delay:4s}.lily:nth-child(11){left:45%;animation-delay:8s}.lily:nth-child(12){left:65%;animation-delay:12s}.lily:nth-child(13){left:95%;animation-delay:16s}@keyframes floatLily{0%{bottom:-50px;opacity:0;transform:rotate(0) scale(.8)}10%{opacity:.8}50%{transform:rotate(180deg) scale(1)}90%{opacity:.8}to{bottom:110%;opacity:0;transform:rotate(360deg) scale(.8)}}.celebration{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(-45deg,#ff6b9d,#c06c84,#f67280,#ff8fab,#ffa6c1);background-size:400% 400%;animation:fadeIn .5s ease,gradientShift 15s ease infinite;display:flex;align-items:center;justify-content:center;z-index:1000}.celebration-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.celebration-content{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:50px 40px;border-radius:30px;border:2px solid rgba(255,255,255,.3);text-align:center;animation:celebrationPop .6s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1;box-shadow:0 8px 40px #00000026}@keyframes celebrationPop{0%{transform:scale(0) rotate(-5deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.celebration-content h2{color:#fff;font-size:clamp(36px,10vw,56px);margin-bottom:15px;text-shadow:2px 2px 8px rgba(0,0,0,.2);animation:bounceText 1s ease .4s both}@keyframes bounceText{0%{transform:translateY(-20px);opacity:0}50%{transform:translateY(5px)}to{transform:translateY(0);opacity:1}}.dancing-gif{width:clamp(150px,40vw,250px);height:auto;border-radius:15px;margin:15px 0;box-shadow:0 8px 32px #0000004d;animation:gifPop .5s ease .6s both}@keyframes gifPop{0%{transform:scale(0)}70%{transform:scale(1.05)}to{transform:scale(1)}}.celebration-content p{color:#fff;font-size:clamp(20px,5vw,28px);text-shadow:1px 1px 4px rgba(0,0,0,.2);animation:bounceText 1s ease .8s both}.confetti{position:fixed;width:10px;height:10px;top:-10px;border-radius:50%;opacity:1;pointer-events:none;z-index:1001;animation:confettiFall 5s ease-in forwards}@keyframes confettiFall{0%{transform:translateY(0) translate(0) rotate(0);opacity:1}to{transform:translateY(100vh) translate(var(--sway, 0)) rotate(360deg);opacity:0}}@media(max-width:480px){.card{padding:30px 20px}.btn{padding:12px 30px;font-size:16px;min-width:100px}.buttons-container{gap:10px}}@media(hover:none)and (pointer:coarse){.btn-yes:hover{transform:scale(1)}}