#ra-bmi{--ra-ink:#16212b;--ra-muted:#566572;--ra-line:#d5dee5;--ra-bg:#ffffff;--ra-soft:#f2f6f8;--ra-accent:#0b6e6e;--ra-accent-dark:#085858;--ra-err:#b42318;
  max-width:640px;margin:0 auto 24px;padding:20px 16px;background:var(--ra-bg);color:var(--ra-ink);border:1px solid var(--ra-line);border-radius:14px;font-family:inherit;font-size:16px;line-height:1.5;text-align:left}
#ra-bmi *,#ra-bmi *::before,#ra-bmi *::after{box-sizing:border-box}
#ra-bmi .ra-hide{display:none!important}
#ra-bmi .ra-seg{display:flex;border:1px solid var(--ra-line);border-radius:10px;padding:3px;margin:0 0 14px;background:var(--ra-soft)}
#ra-bmi .ra-seg legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#ra-bmi .ra-seg input{position:absolute;opacity:0;width:1px;height:1px}
#ra-bmi .ra-seg label{flex:1;text-align:center;padding:8px 0;border-radius:8px;cursor:pointer;font-weight:600;color:var(--ra-muted);margin:0}
#ra-bmi .ra-seg input:checked+label{background:var(--ra-bg);color:var(--ra-ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
#ra-bmi .ra-seg input:focus-visible+label{outline:2px solid var(--ra-accent);outline-offset:2px}
#ra-bmi .ra-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 12px}
#ra-bmi .ra-row.ra-one{grid-template-columns:1fr}
#ra-bmi .ra-f{display:block;margin:0}
#ra-bmi .ra-lbl{display:block;font-size:14px;font-weight:600;margin:0 0 4px;color:var(--ra-ink)}
#ra-bmi .ra-in{position:relative}
#ra-bmi input[type=number]{display:block;width:100%;height:48px;margin:0;padding:0 44px 0 12px;border:1px solid var(--ra-line);border-radius:10px;background:#fff;color:var(--ra-ink);font:inherit;font-size:16px;-moz-appearance:textfield;box-shadow:none}
#ra-bmi input[type=number]::-webkit-outer-spin-button,#ra-bmi input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#ra-bmi input[type=number]:focus{outline:2px solid var(--ra-accent);outline-offset:1px;border-color:var(--ra-accent)}
#ra-bmi input[aria-invalid=true]{border-color:var(--ra-err)}
#ra-bmi .ra-u{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--ra-muted);font-size:14px;pointer-events:none}
#ra-bmi .ra-e{color:var(--ra-err);font-size:13px;margin:4px 0 0;min-height:0}
#ra-bmi details{margin:0 0 14px;border-top:1px solid var(--ra-line);padding-top:10px}
#ra-bmi summary{cursor:pointer;font-weight:600;color:var(--ra-accent);font-size:15px;padding:4px 0}
#ra-bmi .ra-more{padding-top:10px}
#ra-bmi .ra-chk{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;font-size:15px;cursor:pointer}
#ra-bmi .ra-chk input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--ra-accent)}
#ra-bmi .ra-hint{font-size:13px;color:var(--ra-muted);margin:4px 0 0}
#ra-bmi .ra-btn{display:block;width:100%;height:50px;margin:0;border:0;border-radius:10px;background:var(--ra-accent);color:#fff;font:inherit;font-size:17px;font-weight:700;cursor:pointer}
#ra-bmi .ra-btn:hover{background:var(--ra-accent-dark)}
#ra-bmi .ra-btn:focus-visible{outline:3px solid var(--ra-ink);outline-offset:2px}
#ra-bmi .ra-out{margin:18px 0 0;padding:16px;border-radius:12px;background:var(--ra-soft);scroll-margin-top:80px}
#ra-bmi .ra-out h3{margin:0;font-size:14px;font-weight:600;color:var(--ra-muted);text-transform:none;letter-spacing:0}
#ra-bmi .ra-out h3:focus{outline:none}
#ra-bmi .ra-big{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:2px 0 2px}
#ra-bmi .ra-num{font-size:44px;font-weight:800;line-height:1.1}
#ra-bmi .ra-pill{display:inline-block;padding:4px 10px;border-radius:999px;font-weight:700;font-size:15px;color:#fff}
#ra-bmi .ra-sub{margin:0 0 12px;font-size:14px;color:var(--ra-muted)}
#ra-bmi .ra-bar{position:relative;display:flex;height:12px;border-radius:6px;overflow:hidden;margin:18px 0 4px}
#ra-bmi .ra-bar span{display:block;height:100%}
#ra-bmi .ra-mark{position:absolute;top:-6px;width:4px;height:24px;margin-left:-2px;background:var(--ra-ink);border-radius:2px;border:1px solid #fff;transition:left .3s}
#ra-bmi .ra-ticks{position:relative;height:16px;font-size:11px;color:var(--ra-muted);margin:0 0 12px}
#ra-bmi .ra-ticks span{position:absolute;transform:translateX(-50%)}
#ra-bmi dl{margin:0;padding:0}
#ra-bmi .ra-item{padding:10px 0;border-top:1px solid var(--ra-line)}
#ra-bmi dt{font-size:14px;font-weight:600;margin:0}
#ra-bmi dd{margin:2px 0 0;padding:0}
#ra-bmi .ra-val{font-size:18px;font-weight:700}
#ra-bmi .ra-note{display:block;font-size:13px;color:var(--ra-muted);margin-top:2px}
#ra-bmi .ra-teen{padding:12px;border-left:4px solid var(--ra-accent);background:#fff;border-radius:6px;margin:12px 0 0;font-size:15px}
#ra-bmi a{color:var(--ra-accent);text-decoration:underline}
#ra-bmi .ra-disc{font-size:13px;color:var(--ra-muted);margin:14px 0 0}
#ra-bmi .c-under{background:#2f6db0}#ra-bmi .c-healthy{background:#1f7a4d}#ra-bmi .c-over{background:#b26a00}
#ra-bmi .c-ob1{background:#c2410c}#ra-bmi .c-ob2{background:#b42318}#ra-bmi .c-ob3{background:#7a1414}
@media (prefers-reduced-motion:reduce){#ra-bmi .ra-mark{transition:none}}
