:root{--c-under: #4a90d9;--c-healthy: #35a86b;--c-over: #f2a03d;--c-obese: #e2574c}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}input{border:1px solid var(--color-border);border-radius:var(--border-radius);padding:0 var(--space-1);background-color:#fff;height:50px;line-height:50px}input:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.unit-tabs{background-color:rgba(var(--color-dark-rgb), 0.035);padding:6px}.unit-tabs .tab-btn{border-radius:var(--border-radius);padding:var(--space-0) var(--space-1)}.unit-tabs .active{background-color:#fff;font-weight:500;box-shadow:rgba(var(--color-dark-rgb), 0.07) 0px 1px 3px 0px,rgba(var(--color-dark-rgb), 0.035) 0px 1px 2px 0px}.input-wrap{position:relative}.input-wrap span{font-size:var(--font-size-xs);position:absolute;top:0;right:var(--space-1);line-height:50px;pointer-events:none;color:var(--color-muted)}.result-category{padding:2px var(--space-0)}.scale-bar{position:relative;height:10px;border-radius:999px;background:linear-gradient(90deg, var(--c-under) 0%, var(--c-under) 22%, var(--c-healthy) 28%, var(--c-healthy) 47%, var(--c-over) 53%, var(--c-over) 72%, var(--c-obese) 78%, var(--c-obese) 100%)}.scale-indicator{position:absolute;top:50%;left:0%;width:20px;height:20px;transform:translate(-50%, -50%);background:#fff;border:2px solid var(--color-dark);border-radius:50%;box-shadow:0 3px 8px rgba(var(--color-dark-rgb), 0.25);transition:left 0.9s cubic-bezier(0.22, 1, 0.36, 1)}.scale-ticks{padding:0 2px}.range-row{border-bottom:1px solid var(--color-border);transition:background 0.2s;padding:var(--space-0) var(--space-1)}.range-row.active{font-weight:500;background-color:rgba(var(--color-dark-rgb), 0.035)}.range-row:last-child{border-bottom:0}.range-dot{width:8px;height:8px;flex-shrink:0}