:root{--background-color-1:#ffafbd;--background-color-2:#ffc3a0;--button-color:#ff6b6b;--button-hover:#ff8787;--text-color:#ff4757;--float-duration:15s;--float-distance:50px;--bounce-speed:.5s;--heart-explosion-size:1.5}body{background:linear-gradient(135deg, var(--background-color-1), var(--background-color-2));justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Arial,sans-serif;display:flex;overflow-x:hidden}.container{text-align:center;background:#ffffffe6;border-radius:20px;max-width:600px;margin:20px;padding:2rem;box-shadow:0 0 20px #0000001a;overflow:visible!important}.floating-elements{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed}.heart,.bear{animation:float var(--float-duration) linear infinite;font-size:2rem;position:absolute}@keyframes float{0%{transform:translateY(100vh)translate(0)}to{transform:translateY(-100px) translateX(var(--float-distance))}}.cute-btn{background:var(--button-color);color:#fff;cursor:pointer;border:none;border-radius:20px;margin:10px;padding:10px 20px;font-size:1.1rem;transition:transform .3s,background .3s}.cute-btn:hover{background:var(--button-hover);transform:scale(1.1)}.hidden{display:none}.disabled-btn{opacity:.7;cursor:not-allowed;pointer-events:none}.secret-answer{opacity:.2;z-index:2;margin-top:0;transition:opacity .3s;animation:2s 5s infinite alternate subtle-hint;position:fixed;bottom:20px;right:20px;transform:scale(.7)}.secret-answer .cute-btn{padding:5px 10px;font-size:.8rem}.secret-answer:hover{opacity:1;animation:none}.love-meter{width:100%;margin:20px auto;padding:10px 0;position:relative;overflow:visible}.love-meter p{color:var(--text-color);flex-direction:column;align-items:center;gap:8px;margin:15px 0;font-size:1.2em;transition:all .3s;display:flex}.slider{appearance:none;background:linear-gradient(90deg,#ff6b6b,#ff8787,#ffb8b8);border-radius:15px;outline:none;width:100%;height:25px;transition:all .3s;position:relative;box-shadow:0 4px 15px #ff6b6b33}.slider:hover{transform:scale(1.02);box-shadow:0 6px 20px #ff6b6b4d}.slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ff6b6b,#ff8787,#ffb8b8);border:2px solid #ffffff80;border-radius:15px;width:100%;height:25px}.slider::-moz-range-track{background:linear-gradient(90deg,#ff6b6b,#ff8787,#ffb8b8);border:2px solid #ffffff80;border-radius:15px;width:100%;height:25px}.slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;z-index:10;background:linear-gradient(135deg,#ff4757,#ff6b6b);border:3px solid #fff;border-radius:50%;width:35px;height:35px;margin-top:-5px;transition:all .2s;position:relative;box-shadow:0 2px 10px #ff47574d}.slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 15px #ff475766}.slider::-moz-range-thumb{cursor:pointer;z-index:10;background:linear-gradient(135deg,#ff4757,#ff6b6b);border:3px solid #fff;border-radius:50%;width:35px;height:35px;transition:all .2s;position:relative;box-shadow:0 2px 10px #ff47574d}.slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 15px #ff475766}#extraLove{color:#ff6b6b;text-shadow:0 2px 4px #ff475733;background:#ff6b6b1a;border-radius:10px;margin-top:5px;padding:5px 10px;font-weight:700;transition:all .3s;display:block}#extraLove.super-love{background:#ff6b6b33;padding:8px 15px;font-size:1.2em;box-shadow:0 4px 15px #ff475733}#loveValue{color:#ff4757;font-size:1.3em;font-weight:700;transition:all .3s}.love-value-container{align-items:center;gap:5px;display:inline-flex}@keyframes bounce{0%{transform:scale(1)}to{transform:scale(1.2)}}.hearts-explosion{margin-top:30px;font-size:2rem;animation:1s ease-out forwards explode}@keyframes explode{0%{transform:scale(0)}50%{transform:scale(var(--heart-explosion-size))}to{transform:scale(1)}}h1,h2{font-family:Arial,sans-serif;font-weight:700}h1{color:#ff6b6b;margin-bottom:2rem}h2{color:#ff8787}.super-love{color:#ff4757;text-shadow:2px 2px 4px #ff47574d;font-size:1.5em;font-weight:700;display:inline-block}.celebration-text{color:#ff4757;text-shadow:2px 2px 4px #ff47574d;margin:30px 0;font-size:2em;font-weight:700}@keyframes subtle-hint{0%{opacity:.2}to{opacity:.3}}.music-controls{z-index:1000;position:fixed;top:20px;right:20px}.music-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:10px 20px;font-size:16px;transition:all .3s;box-shadow:0 2px 5px #0003}.music-btn:hover{background:var(--secondary-color);transform:scale(1.05)}
