@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--primary:#ff2d55;--secondary:#5856d6;--accent:#ff9500;--bg-dark:#0a0a0a;--bg-card:#ffffff0d;--text-main:#fff;--text-muted:#8e8e93;--glass-border:#ffffff1a;--gradient-primary:linear-gradient(45deg, #ff2d55, #ff375f, #ff5e3a);--gradient-premium:linear-gradient(135deg, gold, orange)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;font-family:Outfit,sans-serif;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px}.btn{cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:active{transform:scale(.95)}.btn-secondary{background:var(--bg-card);color:#fff;border:1px solid var(--glass-border)}.btn-premium{background:var(--gradient-premium);color:#000;box-shadow:0 0 20px #ffa5004d}h1,h2,h3{letter-spacing:-.5px;font-weight:700}input,textarea{background:var(--bg-card);border:1px solid var(--glass-border);color:#fff;border-radius:12px;padding:12px 16px;font-family:inherit;transition:border-color .2s}input:focus,textarea:focus{border-color:var(--primary);outline:none}.card-container{width:100%;max-width:400px;height:600px;margin:auto;position:relative}.swipe-card{cursor:grab;border-radius:24px;width:100%;height:100%;position:absolute;overflow:hidden;box-shadow:0 10px 30px #00000080}.swipe-card:active{cursor:grabbing}.card-image{object-fit:cover;width:100%;height:100%}.card-info{color:#fff;background:linear-gradient(#0000,#000000e6);width:100%;padding:30px 20px;position:absolute;bottom:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.hb-slider{appearance:none;background:var(--glass-border);cursor:pointer;border-radius:4px;outline:none;width:100%;height:4px;transition:background .2s}.hb-slider::-webkit-slider-runnable-track{border-radius:4px;height:4px}.hb-slider::-webkit-slider-thumb{appearance:none;background:var(--gradient-primary);cursor:pointer;border-radius:50%;width:24px;height:24px;margin-top:-10px;transition:box-shadow .2s;box-shadow:0 0 0 4px #ff2d5533,0 2px 8px #ff2d5580}.hb-slider::-webkit-slider-thumb:active{box-shadow:0 0 0 8px #ff2d5533,0 2px 12px #ff2d5599}.hb-slider::-moz-range-thumb{background:var(--gradient-primary);cursor:pointer;border:none;border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 4px #ff2d5533,0 2px 8px #ff2d5580}.hb-slider::-moz-range-track{background:var(--glass-border);border-radius:4px;height:4px}.age-stepper{border:1px solid var(--glass-border);background:#ffffff0a;border-radius:12px;align-items:center;gap:0;display:flex;overflow:hidden}.age-stepper button{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:1.2rem;font-weight:700;line-height:1;transition:background .15s}.age-stepper button:hover{background:#ff2d551f}.age-stepper button:active{background:#ff2d5538}.age-stepper span{text-align:center;color:#fff;min-width:36px;font-size:.95rem;font-weight:600}.chat-container{z-index:50;background:var(--bg-dark);height:100%;position:absolute;inset:0}.boost-badge{background:var(--gradient-primary);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:.65rem;font-weight:700;display:flex}@keyframes boostPop{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.boost-active-overlay{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;flex-direction:column;justify-content:center;align-items:center;animation:.4s ease-out fadeIn;display:flex;position:fixed;inset:0}.boost-rocket{font-size:80px;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards boostPop}@keyframes pulse{0%{box-shadow:0 0 #ff2d5566}70%{box-shadow:0 0 0 10px #ff2d5500}to{box-shadow:0 0 #ff2d5500}}.pulse-boost{animation:2s infinite pulse}