:root{--primary-pink: #ff4d6d;--secondary-pink: #ff758f;--accent-red: #c9184a;--bg-dark: #0f0c29;--bg-gradient: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);--yes-gradient: linear-gradient(135deg, #ff4d6d 0%, #ff8fa3 100%);--glass: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--text-white: #ffffff}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{overflow:hidden;background:var(--bg-gradient);color:var(--text-white);transition:background 1s ease}#app{width:100vw;height:100vh;position:relative}#canvas3d{position:absolute;top:0;left:0;outline:none;z-index:1}.ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}header{margin-bottom:4rem;text-align:center}h1{font-size:clamp(2rem,8vw,4.5rem);font-weight:800;text-shadow:0 10px 30px rgba(0,0,0,.5);letter-spacing:-1px}.interaction-container{display:flex;gap:2rem;pointer-events:auto;align-items:center}#no-button-wrapper{position:relative;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.legs{position:absolute;top:80%;left:0;width:100%;height:40px;display:flex;justify-content:space-around;pointer-events:none;opacity:0;transition:opacity .3s ease}.walking .legs{opacity:1}.leg{width:8px;height:25px;background:var(--text-white);border-radius:4px;transform-origin:top center}.walking .leg.left{animation:walk .4s infinite alternate ease-in-out}.walking .leg.right{animation:walk .4s infinite alternate-reverse ease-in-out}@keyframes walk{0%{transform:rotate(-25deg)}to{transform:rotate(25deg)}}.glass-btn{padding:1rem 3rem;font-size:1.5rem;font-weight:600;border:1px solid var(--glass-border);border-radius:50px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.glass-btn.primary{background:var(--yes-gradient);color:#fff;box-shadow:0 10px 30px #ff4d6d4d}.glass-btn.secondary{background:var(--glass);color:#fff;box-shadow:0 10px 30px #0003}.glass-btn:hover{transform:scale(1.1) translateY(-5px);box-shadow:0 20px 40px #0006}.glass-btn.primary:hover{box-shadow:0 20px 40px #ff4d6d80}#no-btn:hover{background:#ffffff0d}#response-message{margin-top:3rem;padding:2rem;border-radius:20px;background:var(--glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--glass-border);max-width:600px;text-align:center;box-shadow:0 30px 60px #0000004d;opacity:1;transform:translateY(0);transition:all .5s ease}#response-message.hidden{opacity:0;transform:translateY(20px);pointer-events:none}.message-text{font-size:1.5rem;line-height:1.6}.pulse{animation:pulse 3s infinite ease-in-out}@keyframes pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}.fade-in{animation:fadeIn 1.5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}body.celebration{background:linear-gradient(135deg,#ff758f,#ff4d6d)}.hidden{display:none!important}