*{box-sizing:border-box}body{background:var(--wasd-color-surface-canvas);color:var(--wasd-color-text-default);font-family:var(--wasd-typography-family-sans);margin:0}button,input,select{font:inherit}.bmi-tool{--bmi-blue:#2563eb;--bmi-green:#15803d;--bmi-amber:#b45309;--bmi-red:#b91c1c;--bmi-ink-soft:color-mix(in srgb, var(--wasd-color-text-default) 78%, transparent);background:linear-gradient(135deg, #2563eb14, transparent 34%), linear-gradient(315deg, #15803d14, transparent 38%), var(--wasd-color-surface-raised);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-md);box-shadow:var(--wasd-shadow-sm);inline-size:min(100%,64rem);padding:var(--wasd-spacing-5);margin-inline:auto}.bmi-tool__header h2,.bmi-tool__header p,.bmi-tool__panel h3,.bmi-tool__status{margin:0}.bmi-tool__workspace{align-items:stretch;gap:var(--wasd-spacing-4);grid-template-columns:minmax(18rem,.95fr) minmax(20rem,1.05fr);display:grid}.bmi-tool__panel{background:color-mix(in srgb, var(--wasd-color-surface-raised) 88%, var(--wasd-color-surface-canvas));border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);min-inline-size:0;padding:var(--wasd-spacing-4)}.bmi-tool__panel--result{background:var(--wasd-color-surface-canvas)}.bmi-tool__panel--empty{justify-content:center}.bmi-tool__segmented{gap:var(--wasd-spacing-2);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.bmi-tool__segmented legend,.bmi-tool__field>span:first-child{color:var(--bmi-ink-soft);font-size:.84rem;font-weight:var(--wasd-typography-weight-semibold);line-height:1.3}.bmi-tool__segmented>div{background:var(--wasd-color-surface-canvas);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.25rem;padding:.25rem;display:grid}.bmi-tool__segmented button{border-radius:calc(var(--wasd-radius-sm) - 2px);color:var(--wasd-color-text-default);cursor:pointer;min-block-size:2.3rem;min-inline-size:0;padding:0 var(--wasd-spacing-3);background:0 0;border:0}.bmi-tool__segmented button[aria-pressed=true]{background:var(--wasd-color-surface-raised);box-shadow:var(--wasd-shadow-sm);color:var(--bmi-blue);font-weight:var(--wasd-typography-weight-semibold)}.bmi-tool__field-row{gap:var(--wasd-spacing-3);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));display:grid}.bmi-tool__field{gap:var(--wasd-spacing-2);min-inline-size:0;display:grid}.bmi-tool__input-wrap{background:var(--wasd-color-surface-canvas);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);grid-template-columns:minmax(0,1fr) auto;align-items:center;min-block-size:2.75rem;display:grid;overflow:hidden}.bmi-tool__input-wrap:focus-within{border-color:var(--bmi-blue);box-shadow:0 0 0 3px #2563eb29}.bmi-tool__input-wrap input{color:var(--wasd-color-text-default);inline-size:100%;min-inline-size:0;padding:0 var(--wasd-spacing-3);background:0 0;border:0;outline:0}.bmi-tool__input-wrap small{color:var(--wasd-color-text-muted);white-space:nowrap;padding-inline-end:var(--wasd-spacing-3)}.bmi-tool__actions{padding-block-start:var(--wasd-spacing-1)}.bmi-tool__status{min-block-size:2.4rem}.bmi-tool__status--error,.bmi-tool__errors{color:var(--bmi-red)}.bmi-tool__errors{margin:0;padding-inline-start:var(--wasd-spacing-5)}.bmi-tool__hero-result{background:var(--wasd-color-surface-raised);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-inline-start:.35rem solid var(--bmi-blue);border-radius:var(--wasd-radius-sm);gap:var(--wasd-spacing-1);min-block-size:10rem;padding:var(--wasd-spacing-4);display:grid}.bmi-tool__hero-result[data-category=healthyWeight]{border-inline-start-color:var(--bmi-green)}.bmi-tool__hero-result[data-category=overweight]{border-inline-start-color:var(--bmi-amber)}.bmi-tool__hero-result[data-category=obesity],.bmi-tool__hero-result[data-category=class1Obesity],.bmi-tool__hero-result[data-category=class2Obesity],.bmi-tool__hero-result[data-category=class3Obesity],.bmi-tool__hero-result[data-category=severeObesity]{border-inline-start-color:var(--bmi-red)}.bmi-tool__hero-label{color:var(--wasd-color-text-muted);font-size:.8rem;font-weight:var(--wasd-typography-weight-semibold);text-transform:uppercase}.bmi-tool__bmi{color:var(--wasd-color-text-default);font-family:var(--wasd-typography-text-style-code-lg-font-family,var(--wasd-typography-family-mono));font-size:clamp(3rem,7vw,4.5rem);font-weight:var(--wasd-typography-weight-semibold);overflow-wrap:anywhere;line-height:1;display:block}.bmi-tool__category{color:var(--bmi-ink-soft);font-size:1rem;font-weight:var(--wasd-typography-weight-semibold)}.bmi-tool__scale,.bmi-tool__percentile-scale{border-radius:999px;block-size:.8rem;display:grid;position:relative;overflow:visible}.bmi-tool__scale{grid-template-columns:20fr 20fr 15fr 45fr}.bmi-tool__percentile-scale{grid-template-columns:5fr 80fr 10fr 5fr}.bmi-tool__scale-zone:first-child,.bmi-tool__percentile-zone:first-child{border-start-start-radius:999px;border-end-start-radius:999px}.bmi-tool__scale-zone:nth-last-child(2),.bmi-tool__percentile-zone:nth-last-child(2){border-start-end-radius:999px;border-end-end-radius:999px}.bmi-tool__scale-zone--low,.bmi-tool__percentile-zone--low{background:#60a5fa}.bmi-tool__scale-zone--healthy,.bmi-tool__percentile-zone--healthy{background:#22c55e}.bmi-tool__scale-zone--mid,.bmi-tool__percentile-zone--mid{background:#f59e0b}.bmi-tool__scale-zone--high,.bmi-tool__percentile-zone--high{background:#ef4444}.bmi-tool__scale-marker{background:var(--wasd-color-text-default);border:2px solid var(--wasd-color-surface-raised);block-size:1.25rem;box-shadow:var(--wasd-shadow-sm);border-radius:999px;inline-size:1.25rem;position:absolute;inset-block-start:50%;transform:translate(-50%,-50%)}.bmi-tool__details{gap:var(--wasd-spacing-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.bmi-tool__detail{background:var(--wasd-color-surface-raised);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);gap:var(--wasd-spacing-1);min-block-size:4.75rem;min-inline-size:0;padding:var(--wasd-spacing-3);display:grid}.bmi-tool__detail dt{color:var(--wasd-color-text-muted);font-size:.78rem;font-weight:var(--wasd-typography-weight-semibold);line-height:1.25}.bmi-tool__detail dd{color:var(--wasd-color-text-default);font-size:1rem;font-weight:var(--wasd-typography-weight-semibold);overflow-wrap:anywhere;margin:0;line-height:1.25}.bmi-tool__insight{background:color-mix(in srgb, var(--bmi-blue) 9%, var(--wasd-color-surface-raised));border:var(--wasd-border-width-thin) solid color-mix(in srgb, var(--bmi-blue) 25%, var(--wasd-color-border-subtle));border-radius:var(--wasd-radius-sm);color:var(--bmi-ink-soft);gap:var(--wasd-spacing-1);padding:var(--wasd-spacing-3);line-height:1.5;display:grid}.bmi-tool__insight strong{color:var(--wasd-color-text-default)}@media (width<=52rem){.bmi-tool__workspace{grid-template-columns:1fr}}@media (width<=34rem){.bmi-tool{box-shadow:none;padding:var(--wasd-spacing-4);border-inline:0;border-radius:0}.bmi-tool__details,.bmi-tool__segmented>div{grid-template-columns:1fr}}
