.bmi-last { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--sp-3); align-items: end; }
.bmi-height { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sp-3); }
[data-unit="us"] .bmi-height { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.touch .adorned > * { padding-inline: var(--sp-3); }
.bmi-scale { margin-top: var(--sp-4); }
.bmi-ticks { position: relative; height: 1.25em; font-size: var(--fs-xs); color: var(--text-2); }
.bmi-ticks span { position: absolute; transform: translateX(-50%); }
.bmi-ticks span:nth-child(1) { left: 25%; }
.bmi-ticks span:nth-child(2) { left: 50%; }
.bmi-ticks span:nth-child(3) { left: 75%; }
.bmi-scale .scale { margin-block: var(--sp-2); }
.bmi-scale .pointer { width: 4px; box-shadow: 0 0 0 2px var(--bg-1); }
.bmi-zones { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); text-align: center; font-size: var(--fs-xs); color: var(--text-3); }
.bmi-zones .on { color: var(--text-1); font-weight: 600; }
.bmi-note { font-size: var(--fs-xs); line-height: 1.45; }
.look-card > .bmi-note { margin-top: 0; }
.bmi-saved { display: grid; gap: var(--sp-3); }
.bmi-title { font-size: var(--fs-md); }
.bmi-saved .hint { color: var(--text-3); font-size: var(--fs-sm); }
.bmi-saved time { min-width: 3.5rem; }
.log .icon-btn { margin-block: calc(-1 * var(--sp-2)); flex: none; }
@container (max-width: 22rem) { .touch .btn .icon { display: none; } .touch .btn { padding-inline: var(--sp-3); } }
.bmi-range .v { white-space: nowrap; }