:root{font-family:Outfit,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#ffe4e6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#fce7f3,#fbcfe8);overflow-x:hidden;overflow-y:auto}#root{width:100%;max-width:1280px;margin:0 auto;text-align:center}.floating-hearts{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;overflow:hidden}.heart{position:absolute;font-size:2rem;opacity:0;animation:float 6s ease-in infinite}@keyframes float{0%{transform:translateY(100vh) scale(0);opacity:0}20%{opacity:.8}to{transform:translateY(-20vh) scale(1.5);opacity:0}}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;width:100%;padding:1rem;overflow-x:hidden;position:relative;text-align:center;font-family:Outfit,sans-serif}.glass-card{background:#fff6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);border-radius:2rem;padding:3rem 2rem;box-shadow:0 8px 32px #1f26871a,inset 0 0 0 1px #ffffff80;max-width:600px;width:90%;margin:0 auto;position:relative;z-index:10;display:flex;flex-direction:column;align-items:center}.title{font-family:Great Vibes,cursive;font-size:3.5rem;font-weight:400;color:#db2777;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(255,255,255,.8);line-height:1.2}.subtitle{font-family:Sacramento,cursive;font-size:2.5rem;font-weight:400;color:#be123c;margin-bottom:1.5rem;line-height:1.2}.bear-img{width:220px;height:auto;margin:1.5rem 0;filter:drop-shadow(0 10px 15px rgba(219,39,119,.2));transition:transform .3s ease}.bear-img:hover{transform:scale(1.05) rotate(2deg)}.button-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-top:1rem}.btn{font-family:Outfit,sans-serif;font-weight:700;padding:12px 32px;border-radius:9999px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 14px #0000001a;font-size:1.1rem;position:relative;overflow:hidden}.btn-yes{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.btn-yes:hover{background:linear-gradient(135deg,#86efac,#4ade80);transform:scale(1.05) translateY(-2px);box-shadow:0 10px 20px -10px #22c55e80}.btn-no{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}.btn-no:hover{background:linear-gradient(135deg,#fca5a5,#f87171)}.success-container{display:flex;flex-direction:column;align-items:center}.success-title{font-family:Great Vibes,cursive;font-size:4.5rem;font-weight:400;background:-webkit-linear-gradient(left,#db2777,#e11d48);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;filter:drop-shadow(2px 2px 4px rgba(255,255,255,.5))}.success-text{font-family:Outfit,sans-serif;font-size:1.4rem;color:#9f1239;font-weight:500;line-height:1.6}.footer{position:absolute;bottom:1rem;color:#be123c;font-size:.875rem;opacity:.8;font-weight:500}.floating-hearts{z-index:0;pointer-events:none}.countdown-container{margin-top:1.5rem;background:#fff9;border-radius:1rem;padding:1.5rem;box-shadow:inset 0 2px 4px #fffc;width:100%}.countdown-title{font-size:1.5rem;color:#be123c;margin-bottom:1rem;font-family:Sacramento,cursive}.timer-wrapper{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.timer-box{display:flex;flex-direction:column;align-items:center;background:#fff;padding:.5rem 1rem;border-radius:.8rem;box-shadow:0 4px 6px #0000000d;min-width:70px}.timer-value{font-size:1.8rem;font-weight:700;color:#db2777}.timer-label{font-size:.75rem;text-transform:uppercase;color:#9f1239;letter-spacing:.05em;margin-top:.2rem}.secret-text{margin-top:1rem;font-style:italic;color:#881337;font-weight:500;animation:pulse 2s infinite}.reveal-box{background:#fff;padding:2rem;border-radius:1rem;border:2px dashed #db2777;margin-top:1rem}.reveal-text{font-size:1.5rem;font-weight:700;color:#db2777;margin-top:.5rem}.music-control{position:fixed;top:1.5rem;right:1.5rem;background:#fff9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:12px;border-radius:50%;cursor:pointer;z-index:100;color:#e11d48;box-shadow:0 4px 12px #e11d4826;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.music-control:hover{background:#fff;transform:scale(1.1);box-shadow:0 6px 16px #e11d4840}@keyframes pulse{0%{opacity:.6;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}to{opacity:.6;transform:scale(.98)}}@media(max-width:600px){.glass-card{padding:2rem 1.5rem;width:95%}.title{font-size:2.8rem}.subtitle{font-size:2rem}.success-title{font-size:3rem}.success-text{font-size:1.2rem}.bear-img{width:180px}.btn{padding:10px 24px;font-size:1rem}.timer-value{font-size:1.4rem}.timer-box{min-width:55px;padding:.4rem .6rem}.music-control{top:1rem;right:1rem;padding:10px}}