:root{--hydro-primary:#0ea5e9;--hydro-dark:#0c4a6e;--hydro-light:#f0f9ff;--hydro-border:#7dd3fc;--hydro-gradient:linear-gradient(135deg, #0ea5e9 0%, #0369a1 100%)}body{background-color:#fcfcfd;font-family:Inter,sans-serif}.glass-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;overflow:hidden}.hero-stat-card{background:var(--hydro-gradient);color:#fff;border-radius:24px;padding:35px 20px;text-align:center;box-shadow:0 20px 25px -5px rgba(14,165,233,.2)}.water-value{font-size:4.5rem;font-weight:950;line-height:1;letter-spacing:-2px}.toggle-group{background:#f1f5f9;border-radius:50px;padding:4px;display:inline-flex}.tgl-btn{border:none;padding:6px 14px;border-radius:50px;font-weight:700;font-size:.7rem;cursor:pointer;transition:all .3s ease;background:0 0;color:#64748b}.tgl-btn.active{background:var(--hydro-dark);color:#fff}.input-group-custom{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:8px 12px;height:100%}.input-group-custom label{font-size:.65rem;font-weight:800;color:#94a3b8;text-transform:uppercase;display:block;margin-bottom:2px}.input-group-custom input,.input-group-custom select{border:none;background:0 0;font-weight:700;font-size:1rem;width:100%;outline:0}.visual-box{background:var(--hydro-light);border:1px dashed var(--hydro-border);border-radius:16px;padding:12px;text-align:center}.visual-amt{font-size:1.1rem;font-weight:800;color:#0369a1;display:block}.visual-name{font-size:.65rem;font-weight:600;color:#64748b;text-transform:uppercase}.intensity-range{-webkit-appearance:none;height:8px;border-radius:5px;background:#e2e8f0;outline:0}.intensity-range::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--hydro-primary);cursor:pointer;border:4px solid #fff}