<!-- BMI Calculator Widget by BodyCalc Tool -->
<div id="bmi-calc" style="max-width:400px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#27272a;color:#f4f4f5;border-radius:12px;padding:24px;border:1px solid #3f3f46">
  <h2 style="font-size:1.15rem;color:#f97316;text-align:center;margin:0 0 16px">BMI Calculator</h2>
  <label style="display:block;margin-bottom:10px;font-size:.85rem;color:#a1a1aa">Unit
    <select id="bmi-unit" onchange="bmiCalc()" style="width:100%;padding:9px 10px;margin-top:4px;border-radius:8px;border:1px solid #52525b;background:#18181b;color:#f4f4f5;font-size:.9rem">
      <option value="metric">kg / cm</option><option value="imperial">lbs / in</option>
    </select>
  </label>
  <label style="display:block;margin-bottom:10px;font-size:.85rem;color:#a1a1aa">Weight
    <input type="number" id="bmi-weight" value="70" step="0.1" oninput="bmiCalc()" style="width:100%;padding:9px 10px;margin-top:4px;border-radius:8px;border:1px solid #52525b;background:#18181b;color:#f4f4f5;font-size:.9rem">
  </label>
  <label style="display:block;margin-bottom:10px;font-size:.85rem;color:#a1a1aa">Height
    <input type="number" id="bmi-height" value="170" step="0.1" oninput="bmiCalc()" style="width:100%;padding:9px 10px;margin-top:4px;border-radius:8px;border:1px solid #52525b;background:#18181b;color:#f4f4f5;font-size:.9rem">
  </label>
  <button onclick="bmiCalc()" style="display:block;width:100%;margin-top:14px;padding:10px;font-size:.9rem;background:#f97316;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600">Calculate</button>
  <div style="margin-top:16px;background:#18181b;border-radius:10px;padding:16px">
    <div style="display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #3f3f46;font-size:.85rem;color:#a1a1aa"><span>Your BMI</span><strong id="bmi-val" style="font-size:1.2rem;color:#fafafa">—</strong></div>
    <div style="display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:.85rem;color:#a1a1aa"><span>Category</span><strong id="bmi-cat" style="font-size:1.2rem;color:#fafafa">—</strong></div>
  </div>
  <div style="text-align:center;margin-top:12px;font-size:.75rem;color:#71717a">Powered by <a href="https://bodycalctool.com/" target="_blank" rel="noopener" style="color:#f97316;text-decoration:none">BodyCalc Tool</a></div>
</div>
<script>
function bmiCalc(){
  var u=document.getElementById('bmi-unit').value,w=+document.getElementById('bmi-weight').value,h=+document.getElementById('bmi-height').value;
  if(!w||!h)return;
  var bmi=u==='metric'?w/Math.pow(h/100,2):(w/Math.pow(h,2))*703;
  document.getElementById('bmi-val').textContent=bmi.toFixed(1);
  var cat=bmi<18.5?'Underweight':bmi<25?'Normal Weight':bmi<30?'Overweight':'Obese';
  document.getElementById('bmi-cat').textContent=cat;
}
bmiCalc();
<\/script>