.bmi-wrap { max-width: 620px; margin: 0 auto; }
.bmi-tabs { display: flex; gap: .5rem; margin-bottom: 1.25rem; }
.bmi-tab { padding: .55rem 1.6rem; border: 1px solid #cbd5e1; background: #fff; border-radius: 999px; font-weight: 600; cursor: pointer; }
.bmi-tab.active { background: #2563eb; border-color: #2563eb; color: #fff; }
.bmi-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: .9rem; margin-bottom: 1.1rem; }
.bmi-field { display: grid; gap: .35rem; font-weight: 600; }
.bmi-field input { padding: .65rem .8rem; font-size: 1rem; border: 1px solid #cbd5e1; border-radius: 8px; font-weight: 400; }
.bmi-btn { background: #2563eb; color: #fff; border: none; padding: .75rem 1.8rem; border-radius: 8px; font-weight: 700; font-size: 1rem; cursor: pointer; }
.bmi-btn:hover { background: #1d4ed8; }
.bmi-err { color: #b91c1c; background: #fef2f2; border: 1px solid #fecaca; border-radius: 8px; padding: .6rem .9rem; }
.bmi-out { margin-top: 1.5rem; text-align: center; }
.bmi-score { font-size: 3.2rem; font-weight: 800; color: #0f172a; font-variant-numeric: tabular-nums; }
.bmi-score small { display: block; font-size: .95rem; font-weight: 600; color: #64748b; letter-spacing: .1em; text-transform: uppercase; }
.bmi-gauge { position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; border-radius: 10px; overflow: hidden; margin: 1.25rem 0 .75rem; font-size: .75rem; font-weight: 600; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.25); }
.bmi-seg { padding: .55rem .3rem; line-height: 1.35; }
.bmi-uw { background: #38bdf8; } .bmi-ok { background: #22c55e; }
.bmi-ow { background: #f59e0b; } .bmi-ob { background: #ef4444; }
.bmi-marker { position: absolute; top: -4px; bottom: -4px; width: 4px; background: #0f172a; border-radius: 2px; transform: translateX(-50%); box-shadow: 0 0 0 2px #fff; }
.bmi-cat { font-size: 1.25rem; font-weight: 700; margin: .5rem 0; }
.bmi-uw-t { color: #0284c7; } .bmi-ok-t { color: #16a34a; }
.bmi-ow-t { color: #d97706; } .bmi-ob-t { color: #dc2626; }
.bmi-range { color: #334155; }
.bmi-note { font-size: .82rem; color: #94a3b8; margin-top: 1rem; }