.bmi-unit-topbar{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:44px;display:flex}.bmi-unit-label{color:var(--muted);font-size:12px;font-weight:600}.bmi-unit-topbar .mode-button{min-width:88px}.bmi-workspace{padding:var(--space-4);gap:var(--space-4);border-bottom:1px solid var(--line);background:var(--input-surface);display:grid}.bmi-input-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bmi-us-input-grid{grid-template-columns:1.4fr repeat(2,minmax(0,1fr))}.bmi-field{gap:var(--space-2);min-width:0;color:var(--muted);font-size:12px;font-weight:600;display:grid}.bmi-field input{width:100%;min-width:0;height:36px;padding:0 var(--space-3);border-radius:var(--radius-control);color:var(--ink);background:var(--control);box-shadow:0 0 0 1px var(--control-line);font-family:var(--code-font);border:0;font-size:13px}.bmi-field input:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.bmi-field input[aria-invalid=true]{box-shadow:0 0 0 1px var(--danger)}.bmi-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.bmi-actions .secondary-button{justify-content:center;align-items:center;gap:var(--space-1);display:inline-flex}.bmi-results{background:var(--output-surface)}.bmi-results:not([hidden]){animation:.16s ease-out both bmi-result-reveal}.bmi-result-heading{min-height:44px;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--line);align-items:center;display:flex}.bmi-result-heading h2{color:var(--ink);margin:0;font-size:14px;line-height:1.3}.bmi-result-body{grid-template-columns:minmax(168px,.7fr) minmax(0,1.3fr);display:grid}.bmi-primary-result{padding:var(--space-4);align-content:center;gap:var(--space-1);border-inline-end:1px solid var(--line);display:grid}.bmi-primary-result>span,.bmi-supporting-results dt{color:var(--muted);font-size:11px;font-weight:500;line-height:1.4}.bmi-primary-result strong{color:var(--ink);font-family:var(--code-font);letter-spacing:-.04em;text-align:start;unicode-bidi:isolate;font-size:clamp(32px,5vw,48px);font-weight:650;line-height:1}.bmi-supporting-results{grid-template-rows:repeat(2,minmax(0,1fr));min-width:0;margin:0;display:grid}.bmi-supporting-results>div{min-width:0;padding:var(--space-3) var(--space-4);align-content:center;gap:var(--space-1);display:grid}.bmi-supporting-results>div+div{border-top:1px solid var(--line)}.bmi-supporting-results dd{min-width:0;color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:600;line-height:1.45}.bmi-limitation{padding:var(--space-3) var(--space-4);gap:var(--space-1);border-top:1px solid var(--line);background:var(--base);display:grid}.bmi-limitation strong{color:var(--ink);font-size:12px;font-weight:600}.bmi-limitation p{color:var(--muted);margin:0;font-size:11px;line-height:1.55}@keyframes bmi-result-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=680px){.bmi-unit-topbar{flex-direction:column;align-items:stretch}.bmi-unit-topbar .mode-switch{width:100%}.bmi-unit-topbar .mode-button{flex:1 1 0;min-width:0;min-height:44px}.bmi-input-grid,.bmi-us-input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bmi-us-input-grid .bmi-field:first-child{grid-column:1/-1}.bmi-field input,.bmi-actions .primary-button,.bmi-actions .secondary-button{min-height:44px}.bmi-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bmi-result-body{grid-template-columns:minmax(0,1fr)}.bmi-primary-result{border-inline-end:0;border-bottom:1px solid var(--line)}}@media (prefers-reduced-motion:reduce){.bmi-results:not([hidden]){animation:none}}