body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;padding:0}*,body{margin:0}body{font-family:Georgia,serif}.App,body{overflow:hidden}.App{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,pink 75%,#ff6b9d);display:flex;justify-content:center;min-height:100vh;position:relative}.valentine-container{padding:2rem;text-align:center;z-index:10}.question{color:#fff;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:1px;margin-bottom:3rem;text-shadow:2px 2px 4px #0000004d}.buttons-container{align-items:center;display:flex;gap:2rem;justify-content:center;margin-bottom:2rem}.no-btn,.yes-btn{border:none;border-radius:50px;box-shadow:0 4px 15px #0003;cursor:pointer;font-size:1.2rem;font-weight:700;padding:1rem 2rem;position:relative;transition:all .3s ease}.yes-btn{background:linear-gradient(45deg,#ff6b9d,pink);color:#fff;overflow:hidden;position:relative}.yes-btn:after{background:linear-gradient(45deg,#0000,#ffffff4d,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);transition:all .5s;width:200%}.yes-btn:hover:after{animation:shimmer .5s ease-in-out}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.yes-btn:hover{box-shadow:0 6px 20px #ff6b9d66;transform:translateY(-2px)}.no-btn{background:linear-gradient(45deg,#8e9eab,#eef2f3);color:#333;overflow:hidden;position:relative}.no-btn:before{background:#ff6b9d1a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.no-btn:hover:before{height:300px;width:300px}.no-btn:hover{box-shadow:0 6px 20px #8e9eab66;transform:translateY(-2px)}.heart-animation{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.heart{filter:drop-shadow(0 0 20px rgba(255,107,157,.6));font-size:4rem}.heart-message{color:#fff;font-size:1.5rem;font-weight:700;text-shadow:2px 2px 4px #0000004d}.photo-display{align-items:center;display:flex;flex-direction:column;gap:2rem;max-width:90vw}.success-message{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:2.5rem;font-weight:700;gap:.5rem;justify-content:center;text-shadow:2px 2px 4px #0000004d}.photo-container{display:inline-block;max-width:90vw;padding:3rem;perspective:1500px;position:relative}.gift-reveal{perspective:1000px;position:relative;transform-style:preserve-3d}.gift-lid{align-items:center;background:linear-gradient(135deg,#ff6b9d,pink 50%,#ff6b9d);border:3px solid #d63031;border-radius:25px;box-shadow:0 20px 60px #00000080;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:100px;justify-content:center;left:-60px;position:absolute;right:-60px;text-shadow:2px 2px 4px #00000080;top:-60px;z-index:100}.gift-box{background:linear-gradient(135deg,#ffeaa7,#fff 50%,#ffeaa7);box-shadow:0 25px 80px #0006,inset 0 0 50px #ff6b9d1a;padding:2rem;transform-style:preserve-3d}.gift-box,.photo-frame-creative{border-radius:20px;position:relative}.photo-frame-creative{background:linear-gradient(135deg,#fff,#ffeaa7 50%,#fff);box-shadow:0 20px 60px #0000004d,0 0 0 1px #ff6b9d4d,inset 0 0 30px #ff6b9d1a;padding:1.5rem;transform:rotate(-2deg);transition:transform .3s ease}.photo-frame-creative:hover{transform:rotate(0deg) scale(1.02)}.frame-decoration{background:linear-gradient(45deg,#ff6b9d,pink,#ff6b9d);border-radius:50%;box-shadow:0 0 20px #ff6b9d99,inset 0 0 10px #ffffff80;position:absolute}.frame-corner-tl{animation:pulse 2s ease-in-out infinite;height:50px;left:-20px;top:-20px;width:50px}.frame-corner-tr{animation:pulse 2s ease-in-out .5s infinite;height:50px;right:-20px;top:-20px;width:50px}.frame-corner-bl{animation:pulse 2s ease-in-out 1s infinite;left:-20px}.frame-corner-bl,.frame-corner-br{bottom:-20px;height:50px;width:50px}.frame-corner-br{animation:pulse 2s ease-in-out 1.5s infinite;right:-20px}.frame-side-top{animation:shimmer 3s ease-in-out infinite;top:-15px}.frame-side-bottom,.frame-side-top{background:linear-gradient(90deg,#ff6b9d,pink,#ff6b9d);border-radius:5px;height:10px;left:60px;right:60px}.frame-side-bottom{animation:shimmer 3s ease-in-out 1.5s infinite;bottom:-15px}.frame-side-left{animation:shimmer 3s ease-in-out .75s infinite;left:-15px}.frame-side-left,.frame-side-right{background:linear-gradient(180deg,#ff6b9d,pink,#ff6b9d);border-radius:5px;bottom:60px;top:60px;width:10px}.frame-side-right{animation:shimmer 3s ease-in-out 2.25s infinite;right:-15px}.valentine-photo{border-radius:20px;box-shadow:0 15px 40px #0000004d,inset 0 0 30px #ff6b9d1a;display:block;height:auto;max-height:500px;max-width:500px;position:relative;width:100%;z-index:1}.photo-overlay{pointer-events:none;position:absolute;right:-30px;top:-30px;z-index:2}.heart-sparkle{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,107,157,.8));font-size:2.5rem}.romantic-phrases{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:5}.phrase{color:#fff;font-family:Georgia,serif;font-size:1.1rem;font-style:italic;font-weight:500;opacity:.9;position:absolute;text-shadow:2px 2px 8px #0009;white-space:nowrap}.phrase-left{left:-180px;top:20%;transform:rotate(-5deg)}.phrase-right{right:-180px;top:20%;transform:rotate(5deg)}.phrase-bottom{bottom:10%;left:50%;text-align:center;transform:translateX(-50%)}.photo-frame{border:3px solid #ff6b9d;border-radius:20px;bottom:-10px;left:-10px;opacity:0;pointer-events:none;position:absolute;right:-10px;top:-10px}.love-message{align-items:center;color:#fff;display:flex;font-size:1.8rem;font-style:italic;font-weight:700;gap:.5rem;justify-content:center;text-shadow:2px 2px 4px #0000004d}.floating-hearts{height:100%;left:0;top:0;width:100%;z-index:1}.floating-heart,.floating-hearts{pointer-events:none;position:absolute}.floating-heart{animation:floatAndSpin 15s linear infinite;filter:drop-shadow(0 0 15px rgba(255,107,157,.6));font-size:2.5rem;opacity:.8}@keyframes floatAndSpin{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(-100vh) rotate(1turn)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width:768px){.buttons-container{flex-direction:column;gap:1rem}.question{font-size:2rem;margin-bottom:2rem}.valentine-photo{max-height:350px;max-width:350px}.phrase-left{font-size:.9rem;left:-150px}.phrase-right{right:-150px}.phrase-bottom,.phrase-right{font-size:.9rem}.success-message{font-size:2rem}.love-message{font-size:1.5rem}.photo-container{padding:2rem}}@media (max-width:480px){.valentine-container{padding:1rem}.no-btn,.yes-btn{font-size:1rem;padding:.8rem 1.5rem}.heart{font-size:3rem}.valentine-photo{max-height:280px;max-width:280px}.phrase-left,.phrase-right{display:none}.phrase-bottom{bottom:5%;font-size:.8rem}.photo-container{padding:1.5rem}.frame-decoration{transform:scale(.8)}}
/*# sourceMappingURL=main.30e396b7.css.map*/