.bmih{max-width:560px;margin:1.5em auto;padding:20px;border:1px solid #e3e3e3;border-radius:12px;background:#fff;color:#222;font-family:inherit;box-sizing:border-box}
.bmih *{box-sizing:border-box}
.bmih [hidden]{display:none!important}
.bmih-tabs{display:flex;gap:6px;margin-bottom:16px}
.bmih-tab{flex:1;padding:10px;border:1px solid #ddd;background:#f6f6f6;border-radius:8px;cursor:pointer;font-weight:600;color:#444}
.bmih-tab.is-active{background:#e53935;border-color:#e53935;color:#fff}
.bmih-row{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.bmih-row label{flex:1;min-width:120px;font-size:14px;font-weight:600;display:flex;flex-direction:column;gap:4px}
.bmih input,.bmih select{width:100%;padding:10px;border:1px solid #ccc;border-radius:8px;font-size:16px;background:#fff}
.bmih-actions{display:flex;gap:8px;flex-wrap:wrap}
.bmih-btn{padding:11px 20px;border:0;border-radius:8px;background:#e53935;color:#fff;font-weight:700;cursor:pointer;font-size:15px}
.bmih-btn:hover{background:#c62828}
.bmih-ghost{background:#fff;color:#e53935;border:1px solid #e53935}
.bmih-ghost:hover{background:#fdecea}
.bmih-result{margin-top:20px;padding:18px;border-radius:10px;background:#f7f7f7;text-align:center}
.bmih-title{margin:0;font-size:15px;color:#555}
.bmih-value{margin:4px 0;font-size:48px;font-weight:800;line-height:1.1}
.bmih-cat{margin:0 0 12px;font-size:20px;font-weight:700}
.bmih-text{margin:12px 0 0;font-size:14px;color:#444}
.bmih-bar{position:relative;display:flex;height:12px;border-radius:6px;overflow:visible;margin:10px 0}
.bmih-bar span{display:block;height:100%}
.bmih-bar .s1{width:14%;background:#42a5f5;border-radius:6px 0 0 6px}
.bmih-bar .s2{width:26%;background:#66bb6a}
.bmih-bar .s3{width:20%;background:#ffa726}
.bmih-bar .s4{width:40%;background:#ef5350;border-radius:0 6px 6px 0}
.bmih-pin{position:absolute;top:-5px;width:4px;height:22px;margin-left:-2px;background:#222;border-radius:2px;transition:left .5s}
.is-under .bmih-cat{color:#1e88e5}.is-normal .bmih-cat{color:#2e9e4f}.is-over .bmih-cat{color:#ef8a00}.is-obese .bmih-cat{color:#d32f2f}
.bmih-details{margin-top:14px;padding:14px;border:1px dashed #ccc;border-radius:8px;font-size:14px}
.bmih-details ul{margin:0 0 8px;padding-left:18px}
.bmih-range{font-weight:700;margin:6px 0}
.bmih-note{margin:0;color:#666}
.bmih-mail{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}
.bmih-mail input{flex:1;min-width:200px}
.bmih-msg{width:100%;margin:0;font-size:13px;color:#555}
.bmih-disc{margin:14px 0 0;font-size:12px;color:#888;text-align:center}
