Free Health Calculators

Browse calculators by health category

Choose a category to find BMI, calories, pregnancy, hydration, fitness, and child health tools.

Select a category to show its calculators.

Weight & Body

Body size, body composition, BMI, waist ratio, and healthy weight estimate tools.

Health Guides

Browse guides by topic

Read practical health guides that explain common wellness numbers, calculator results, nutrition, pregnancy, fitness, and child health topics.

Contact us

Contact Us

We’d love to hear from you. Use the form below for questions, feedback, calculator suggestions, technical issues, or partnership inquiries.

Discussion

Post a Comment

Share a question, suggestion, or useful note about this page.

Add comment

Join the discussion Your comment will be published through the built-in Blogger comment system.

/* ========================= LONG ARTICLE OPTIMIZATION ========================= */ .post-body .content-section{ content-visibility:auto; contain-intrinsic-size:1000px; margin:0 0 28px; } .post-body .content-section > h2, .post-body .content-section > h3{ scroll-margin-top:80px; } .post-body .table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; margin:16px 0; } .post-body .table-wrap table{ width:100%; min-width:640px; border-collapse:collapse; } .post-body .table-wrap th, .post-body .table-wrap td{ padding:10px; vertical-align:top; } .post-body img{ max-width:100%; height:auto; } .post-body iframe, .post-body video, .post-body canvas, .post-body svg{ max-width:100%; } .post-body details{ margin:14px 0; padding:0; border:1px solid #d9e1ec; border-radius:14px; background:#fff; overflow:hidden; } .post-body summary{ cursor:pointer; padding:14px 16px; font-weight:700; list-style:none; } .post-body details > *:not(summary){ padding-left:16px; padding-right:16px; } .post-body details[open]{ box-shadow:0 8px 20px rgba(15,23,42,.05); } .post-body .article-note, .post-body .article-box{ margin:16px 0; padding:14px 16px; border:1px solid #d9e1ec; border-radius:14px; background:#f8f9fa; } .post-body .article-toc{ margin:18px 0 22px; padding:14px 16px; border:1px solid #d9e1ec; border-radius:14px; background:#fff; } .post-body .article-toc ul{ margin:10px 0 0; padding-left:18px; } .post-body .article-toc li + li{ margin-top:6px; } @media (max-width:768px){ .post-body .content-section{ contain-intrinsic-size:800px; margin:0 0 22px; } .post-body .table-wrap table{ min-width:560px; } }

body.thc-single-is-calculator .thc-entry-content .thc-bc-app{
  --thc-bc-bg: var(--thc-calc-input-bg)!important;
  --thc-bc-surface: var(--thc-calc-bg-alt)!important;
  --thc-bc-card: var(--thc-calc-bg)!important;
  --thc-bc-text: var(--thc-calc-text)!important;
  --thc-bc-muted: var(--thc-calc-muted)!important;
  --thc-bc-line: var(--thc-calc-input-border)!important;
  --thc-bc-accent: var(--thc-calc-accent)!important;
  --thc-bc-accent-soft: rgba(125,211,252,.12)!important;
}

.thc-bc-app,
.thc-bc-app * {
  box-sizing: border-box;
  max-width: 100%;
  overflow-wrap: break-word;
}
 .thc-bc-app {
  --thc-bc-bg: #ffffff;
  --thc-bc-surface: #f7faf9;
  --thc-bc-card: #ffffff;
  --thc-bc-text: #18312a;
  --thc-bc-muted: #5d716c;
  --thc-bc-line: #d7e4df;
  --thc-bc-accent: #1f8f70;
  --thc-bc-accent-soft: rgba(31, 143, 112, 0.12);
  --thc-bc-ok: #1f8f70;
  --thc-bc-warn: #c98900;
  --thc-bc-bad: #c94f4f;
  --thc-bc-blue: #3c86d8;
  --thc-bc-green: #2fa36b;
  --thc-bc-yellow: #d2a100;
  --thc-bc-red: #cf4b4b;
  --thc-bc-blue-soft: rgba(60, 134, 216, 0.12);
  --thc-bc-green-soft: rgba(47, 163, 107, 0.12);
  --thc-bc-yellow-soft: rgba(210, 161, 0, 0.13);
  --thc-bc-red-soft: rgba(207, 75, 75, 0.12);
  --thc-bc-shadow: 0 12px 32px rgba(17, 48, 39, 0.08);
  --thc-bc-radius: 18px;
  --thc-bc-pointer: 50%;
  --thc-bc-status: var(--thc-bc-accent);
  --thc-bc-status-soft: rgba(31, 143, 112, 0.1);
  color: var(--thc-bc-text);
  background: linear-gradient(180deg, #f8fcfb 0%, #ffffff 100%);
  border: 1px solid var(--thc-bc-line);
  border-radius: 24px;
  padding: 18px;
  margin: 20px 0;
  font: 16px/1.55 Arial, Helvetica, sans-serif;
}
 @media (prefers-color-scheme: dark) {
  .thc-bc-app {
    --thc-bc-bg: #0f1715;
    --thc-bc-surface: #131f1b;
    --thc-bc-card: #16241f;
    --thc-bc-text: #eef7f4;
    --thc-bc-muted: #b5c8c1;
    --thc-bc-line: #2d413a;
    --thc-bc-accent: #4cc7a0;
    --thc-bc-accent-soft: rgba(76, 199, 160, 0.12);
    --thc-bc-ok: #50cda4;
    --thc-bc-warn: #f0bd46;
    --thc-bc-bad: #ff7d7d;
    --thc-bc-blue: #70aef0;
    --thc-bc-green: #56d08f;
    --thc-bc-yellow: #f0bd46;
    --thc-bc-red: #ff7d7d;
    --thc-bc-blue-soft: rgba(112, 174, 240, 0.16);
    --thc-bc-green-soft: rgba(86, 208, 143, 0.16);
    --thc-bc-yellow-soft: rgba(240, 189, 70, 0.16);
    --thc-bc-red-soft: rgba(255, 125, 125, 0.16);
    --thc-bc-shadow: 0 18px 38px rgba(0, 0, 0, 0.28);
    background: linear-gradient(180deg, #101918 0%, #0f1715 100%);
  }
}
 html[data-theme='dark'] .thc-bc-app {
  --thc-bc-bg: #0f1715;
  --thc-bc-surface: #131f1b;
  --thc-bc-card: #16241f;
  --thc-bc-text: #eef7f4;
  --thc-bc-muted: #b5c8c1;
  --thc-bc-line: #2d413a;
  --thc-bc-accent: #4cc7a0;
  --thc-bc-accent-soft: rgba(76, 199, 160, 0.12);
  --thc-bc-ok: #50cda4;
  --thc-bc-warn: #f0bd46;
  --thc-bc-bad: #ff7d7d;
  --thc-bc-blue: #70aef0;
  --thc-bc-green: #56d08f;
  --thc-bc-yellow: #f0bd46;
  --thc-bc-red: #ff7d7d;
  --thc-bc-blue-soft: rgba(112, 174, 240, 0.16);
  --thc-bc-green-soft: rgba(86, 208, 143, 0.16);
  --thc-bc-yellow-soft: rgba(240, 189, 70, 0.16);
  --thc-bc-red-soft: rgba(255, 125, 125, 0.16);
  --thc-bc-shadow: 0 18px 38px rgba(0, 0, 0, 0.28);
  background: linear-gradient(180deg, #101918 0%, #0f1715 100%);
}
 .thc-bc-shell {
  width: 100%;
}
 .thc-bc-title {
  margin: 0 0 8px;
  font-size: 1.45rem;
  line-height: 1.25;
}
 .thc-bc-intro {
  background: var(--thc-bc-card);
  border: 1px solid var(--thc-bc-line);
  border-radius: var(--thc-bc-radius);
  padding: 16px;
  box-shadow: var(--thc-bc-shadow);
  margin-bottom: 16px;
}
 .thc-bc-intro p {
  margin: 0 0 10px;
}
 .thc-bc-intro p:last-child {
  margin-bottom: 0;
}
 .thc-bc-muted {
  color: var(--thc-bc-muted);
  font-size: 0.96rem;
}
 .thc-bc-noscript {
  background: rgba(201, 79, 79, 0.08);
  border: 1px solid rgba(201, 79, 79, 0.3);
  color: var(--thc-bc-text);
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 16px;
}
 .thc-bc-notice {
  display: none;
  margin-bottom: 16px;
  padding: 12px 14px;
  border-radius: 14px;
  font-size: 0.95rem;
}
 .thc-bc-notice.is-visible {
  display: block;
}
 .thc-bc-notice.is-warning {
  background: rgba(201, 137, 0, 0.1);
  border: 1px solid rgba(201, 137, 0, 0.3);
}
 .thc-bc-notice.is-error {
  background: rgba(201, 79, 79, 0.08);
  border: 1px solid rgba(201, 79, 79, 0.28);
}
 .thc-bc-form {
  background: var(--thc-bc-card);
  border: 1px solid var(--thc-bc-line);
  border-radius: var(--thc-bc-radius);
  padding: 16px;
  box-shadow: var(--thc-bc-shadow);
}
 .thc-bc-controls {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 14px;
}
 .thc-bc-segmented {
  display: inline-flex;
  gap: 6px;
  padding: 6px;
  border-radius: 999px;
  background: var(--thc-bc-surface);
  border: 1px solid var(--thc-bc-line);
}
 .thc-bc-segmented button {
  border: 0;
  background: transparent;
  color: var(--thc-bc-text);
  padding: 10px 16px;
  border-radius: 999px;
  cursor: pointer;
  font-weight: 700;
  transition: all 0.2s ease;
}
 .thc-bc-segmented button.is-active {
  background: var(--thc-bc-accent);
  color: #ffffff;
  box-shadow: 0 6px 18px rgba(31, 143, 112, 0.25);
}
 .thc-bc-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 14px;
}
 @media (min-width: 720px) {
  .thc-bc-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
 .thc-bc-field {
  position: relative;
}
 .thc-bc-field label {
  display: block;
  margin-bottom: 7px;
  font-weight: 700;
  font-size: 0.95rem;
}
 .thc-bc-field input,
.thc-bc-field select,
.thc-bc-field button.thc-bc-ghost {
  width: 100%;
  appearance: none;
  border: 1px solid var(--thc-bc-line);
  background: var(--thc-bc-bg);
  color: var(--thc-bc-text);
  border-radius: 14px;
  padding: 13px 14px;
  font-size: 1rem;
  line-height: 1.25;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.12s ease;
}
 .thc-bc-field input:focus,
.thc-bc-field select:focus,
.thc-bc-field button.thc-bc-ghost:focus,
.thc-bc-btn:focus {
  outline: none;
  border-color: var(--thc-bc-accent);
  box-shadow: 0 0 0 4px var(--thc-bc-accent-soft);
}
 .thc-bc-field input::placeholder {
  color: var(--thc-bc-muted);
}
 .thc-bc-field.is-valid::after {
  content: "\2713";
  position: absolute;
  right: 14px;
  top: 42px;
  color: var(--thc-bc-ok);
  font-weight: 700;
  pointer-events: none;
}
 .thc-bc-field.is-valid input,
.thc-bc-field.is-valid select {
  border-color: rgba(31, 143, 112, 0.55);
}
 .thc-bc-field.is-invalid input,
.thc-bc-field.is-invalid select {
  border-color: rgba(201, 79, 79, 0.65);
  animation: thc-bc-shake 0.22s linear;
}
 @keyframes thc-bc-shake {
  0% { transform: translateX(0); }
  30% { transform: translateX(-2px); }
  60% { transform: translateX(2px); }
  100% { transform: translateX(0); }
}
 .thc-bc-help {
  min-height: 18px;
  margin-top: 6px;
  color: var(--thc-bc-muted);
  font-size: 0.86rem;
}
 .thc-bc-help.is-error {
  color: var(--thc-bc-bad);
}
 .thc-bc-inline {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
 .thc-bc-hidden {
  display: none !important;
}
 .thc-bc-toggle {
  margin-top: 2px;
  margin-bottom: 6px;
}
 .thc-bc-toggle button {
  width: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: 1px solid var(--thc-bc-line);
  color: var(--thc-bc-text);
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 700;
  cursor: pointer;
}
 .thc-bc-actions-main {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}
 .thc-bc-btn {
  border: 0;
  border-radius: 14px;
  padding: 13px 16px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.12s ease, opacity 0.2s ease, box-shadow 0.2s ease;
}
 .thc-bc-btn:hover {
  transform: translateY(-1px);
}
 .thc-bc-btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
}
 .thc-bc-btn-primary {
  background: var(--thc-bc-accent);
  color: #ffffff;
  box-shadow: 0 8px 20px rgba(31, 143, 112, 0.25);
}
 .thc-bc-btn-secondary {
  background: var(--thc-bc-surface);
  color: var(--thc-bc-text);
  border: 1px solid var(--thc-bc-line);
}
 .thc-bc-results {
  display: none;
  margin-top: 16px;
  background: var(--thc-bc-card);
  border: 1px solid var(--thc-bc-line);
  border-radius: var(--thc-bc-radius);
  padding: 16px;
  box-shadow: var(--thc-bc-shadow);
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.25s ease, transform 0.25s ease, border-color 0.2s ease, background-color 0.2s ease;
}
 .thc-bc-results.is-visible {
  display: block;
  opacity: 1;
  transform: translateY(0);
  border-color: color-mix(in srgb, var(--thc-bc-status) 38%, var(--thc-bc-line));
  background: linear-gradient(180deg, var(--thc-bc-status-soft) 0%, var(--thc-bc-card) 65%);
}
 .thc-bc-result-head {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid var(--thc-bc-line);
  border-radius: 16px;
  background: var(--thc-bc-bg);
}
 .thc-bc-result-copy {
  min-width: 0;
  flex: 1 1 260px;
}
 .thc-bc-result-title {
  margin: 0 0 6px;
  font-size: 1.18rem;
  line-height: 1.25;
  font-weight: 800;
  color: var(--thc-bc-text);
}
 .thc-bc-result-summary {
  margin: 0;
  color: var(--thc-bc-muted);
  font-size: 0.98rem;
  line-height: 1.6;
}
 .thc-bc-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--thc-bc-status-soft);
  color: var(--thc-bc-text);
  border: 1px solid color-mix(in srgb, var(--thc-bc-status) 35%, var(--thc-bc-line));
  padding: 9px 12px;
  border-radius: 999px;
  font-size: 0.9rem;
  font-weight: 700;
}
 .thc-bc-gauge-card {
  background: var(--thc-bc-bg);
  border: 1px solid var(--thc-bc-line);
  border-radius: 16px;
  padding: 14px;
  margin-bottom: 14px;
}
 .thc-bc-bmi-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
 .thc-bc-bmi-big {
  font-size: 2.15rem;
  font-weight: 800;
  line-height: 1;
}
 .thc-bc-bmi-cat {
  font-size: 0.98rem;
  font-weight: 700;
  color: var(--thc-bc-muted);
}
 .thc-bc-gauge {
  position: relative;
  height: 20px;
  border-radius: 999px;
  overflow: hidden;
  background: #d8e5e1;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.03);
}
 .thc-bc-gauge span:nth-child(1) { background: var(--thc-bc-blue); }
.thc-bc-gauge span:nth-child(2) { background: var(--thc-bc-green); }
.thc-bc-gauge span:nth-child(3) { background: var(--thc-bc-yellow); }
.thc-bc-gauge span:nth-child(4) { background: var(--thc-bc-red); }
 .thc-bc-pointer {
  position: relative;
  height: 18px;
  margin-top: 8px;
}
 .thc-bc-pointer::before {
  content: "";
  position: absolute;
  left: var(--thc-bc-pointer);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 12px solid var(--thc-bc-status);
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.18));
}
 .thc-bc-gauge-labels {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin-top: 8px;
  color: var(--thc-bc-muted);
  font-size: 0.78rem;
  text-align: center;
}
 .thc-bc-cards {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 12px;
}
 @media (min-width: 760px) {
  .thc-bc-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
 .thc-bc-card {
  background: var(--thc-bc-bg);
  border: 1px solid var(--thc-bc-line);
  border-radius: 16px;
  padding: 14px;
}
 .thc-bc-card h4 {
  margin: 0 0 8px;
  font-size: 0.98rem;
}
 .thc-bc-card .thc-bc-main {
  font-size: 1.5rem;
  line-height: 1.15;
  font-weight: 800;
  margin-bottom: 4px;
}
 .thc-bc-card .thc-bc-sub {
  color: var(--thc-bc-muted);
  font-size: 0.92rem;
}
 .thc-bc-context {
  margin-top: 14px;
  background: var(--thc-bc-bg);
  border: 1px solid var(--thc-bc-line);
  border-radius: 16px;
  padding: 14px;
}
 .thc-bc-context h4,
.thc-bc-report h4 {
  margin: 0 0 10px;
  font-size: 1rem;
}
 .thc-bc-context ul {
  margin: 0;
  padding-left: 18px;
}
 .thc-bc-context li + li {
  margin-top: 6px;
}
 .thc-bc-report {
  margin-top: 14px;
  background: var(--thc-bc-bg);
  border: 1px solid var(--thc-bc-line);
  border-radius: 16px;
  padding: 14px;
}
 .thc-bc-report-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
  border-bottom: 1px dashed var(--thc-bc-line);
  padding-bottom: 10px;
}
 .thc-bc-report-brand {
  font-size: 1.02rem;
  font-weight: 800;
  letter-spacing: 0.03em;
}
 .thc-bc-report-meta {
  color: var(--thc-bc-muted);
  font-size: 0.92rem;
}
 .thc-bc-report-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 10px;
}
 @media (min-width: 760px) {
  .thc-bc-report-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
 .thc-bc-mini {
  background: var(--thc-bc-surface);
  border: 1px solid var(--thc-bc-line);
  border-radius: 14px;
  padding: 12px;
}
 .thc-bc-mini strong {
  display: block;
  margin-bottom: 6px;
}
 .thc-bc-mini p {
  margin: 0;
  color: var(--thc-bc-text);
  font-size: 0.93rem;
}
 .thc-bc-actions-secondary {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}
 .thc-bc-toast {
  margin-top: 12px;
  color: var(--thc-bc-muted);
  font-size: 0.9rem;
  min-height: 18px;
}
 .thc-bc-trust,
.thc-bc-disclaimer {
  margin-top: 16px;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid var(--thc-bc-line);
  background: var(--thc-bc-card);
}
 .thc-bc-trust {
  box-shadow: var(--thc-bc-shadow);
}
 .thc-bc-trust strong,
.thc-bc-disclaimer strong {
  display: block;
  margin-bottom: 8px;
}
 .thc-bc-trust p,
.thc-bc-disclaimer p {
  margin: 0 0 10px;
}
 .thc-bc-trust p:last-child,
.thc-bc-disclaimer p:last-child {
  margin-bottom: 0;
}
 .thc-bc-links a {
  color: var(--thc-bc-accent);
  text-decoration: none;
  font-weight: 700;
}
 .thc-bc-links a:hover {
  text-decoration: underline;
}
 .thc-bc-fine {
  font-size: 0.88rem;
  color: var(--thc-bc-muted);
}
 .thc-bc-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
 .thc-bc-unit-note {
  font-size: 0.88rem;
  color: var(--thc-bc-muted);
}
 @media print {
  body * {
    visibility: hidden;
  }
   #thc-bc-app,
  #thc-bc-app * {
    visibility: visible;
  }
   #thc-bc-app {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    background: #ffffff !important;
    color: #000000 !important;
    box-shadow: none !important;
  }
   .thc-bc-no-print,
  .thc-bc-intro,
  .thc-bc-notice,
  .thc-bc-form .thc-bc-help {
    display: none !important;
  }
   .thc-bc-form {
    display: none !important;
  }
   .thc-bc-results {
    display: block !important;
    opacity: 1 !important;
    transform: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    background: #ffffff !important;
  }
   .thc-bc-card,
  .thc-bc-context,
  .thc-bc-report,
  .thc-bc-trust,
  .thc-bc-disclaimer,
  .thc-bc-gauge-card {
    box-shadow: none !important;
    background: #ffffff !important;
    border-color: #999999 !important;
    page-break-inside: avoid;
  }
   .thc-bc-links a {
    color: #000000 !important;
    text-decoration: none !important;
  }
   .thc-bc-toast {
    display: none !important;
  }
}

.bmihc-wrap,
  .bmihc-wrap *,
  .bmihc-wrap *::before,
  .bmihc-wrap *::after {
    box-sizing: border-box;
    max-width: 100%;
    overflow-wrap: break-word;
  }

.bmihc-wrap {
    --bmihc-bg: var(--thc-bg, var(--site-bg, var(--background, #f6f8fb)));
    --bmihc-surface: var(--thc-surface, var(--card-bg, var(--surface, #ffffff)));
    --bmihc-surface-2: var(--thc-surface-2, var(--surface-2, #f9fbff));
    --bmihc-text: var(--thc-text, var(--text-color, var(--text, #152033)));
    --bmihc-muted: var(--thc-muted, var(--muted-text, #596579));
    --bmihc-border: var(--thc-border, var(--border-color, #d8e0ec));
    --bmihc-accent: var(--thc-accent, var(--accent-color, #246bdb));
    --bmihc-focus: var(--thc-focus, rgba(36, 107, 219, 0.18));
    --bmihc-success: var(--thc-success, #1c8c5f);
    --bmihc-warning: var(--thc-warning, #b97a06);
    --bmihc-danger: var(--thc-danger, #b93333);
    --bmihc-info: var(--thc-info, #2b72c8);
    --bmihc-shadow: 0 10px 28px rgba(16, 34, 64, 0.07);
    --bmihc-radius: 18px;
    --bmihc-under: #4f84d9;
    --bmihc-healthy: #2f9d68;
    --bmihc-over: #d7a227;
    --bmihc-obese: #d96d3f;
    --bmihc-high: #c43a3a;
    color: var(--bmihc-text);
    font: 400 16px/1.6 Arial, Helvetica, sans-serif;
    width: 100%;
    margin: 0;
  }

html[data-theme="dark"] .bmihc-wrap,
  body.dark .bmihc-wrap,
  .dark .bmihc-wrap,
  [data-theme="dark"] .bmihc-wrap {
    --bmihc-bg: var(--thc-bg-dark, var(--site-bg-dark, var(--background, #0f1622)));
    --bmihc-surface: var(--thc-surface-dark, var(--card-bg, var(--surface, #141d2b)));
    --bmihc-surface-2: var(--thc-surface-2-dark, var(--surface-2, #182233));
    --bmihc-text: var(--thc-text-dark, var(--text-color, var(--text, #edf3ff)));
    --bmihc-muted: var(--thc-muted-dark, var(--muted-text, #b3c0d5));
    --bmihc-border: var(--thc-border-dark, var(--border-color, #273347));
    --bmihc-focus: var(--thc-focus-dark, rgba(100, 159, 255, 0.18));
    --bmihc-shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
  }

.bmihc-stack {
    display: grid;
    gap: 16px;
    width: 100%;
  }

.bmihc-card {
    background: var(--bmihc-surface);
    border: 1px solid var(--bmihc-border);
    border-radius: var(--bmihc-radius);
    padding: 16px;
    box-shadow: var(--bmihc-shadow);
  }

.bmihc-intro p,
  .bmihc-seo p,
  .bmihc-disclaimer p,
  .bmihc-sources p,
  .bmihc-trust p {
    margin: 0 0 10px;
  }

.bmihc-intro p:last-child,
  .bmihc-seo p:last-child,
  .bmihc-disclaimer p:last-child,
  .bmihc-sources p:last-child,
  .bmihc-trust p:last-child {
    margin-bottom: 0;
  }

.bmihc-title,
  .bmihc-label,
  .bmihc-card-title,
  .bmihc-mini-title,
  .bmihc-pill-title {
    margin: 0;
    font-weight: 700;
    letter-spacing: 0;
    color: var(--bmihc-text);
  }

.bmihc-card-title {
    font-size: 1.05rem;
    line-height: 1.35;
  }

.bmihc-mini-title {
    font-size: 0.95rem;
    line-height: 1.35;
  }

.bmihc-label {
    font-size: 0.86rem;
    color: var(--bmihc-muted);
    margin-bottom: 6px;
  }

.bmihc-pill-title {
    font-size: 0.82rem;
    color: var(--bmihc-muted);
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

.bmihc-help-list {
    margin: 10px 0 0;
    padding-left: 18px;
  }

.bmihc-help-list li {
    margin: 0 0 6px;
  }

.bmihc-grid {
    display: grid;
    gap: 14px;
  }

.bmihc-grid-2 {
    grid-template-columns: 1fr;
  }

.bmihc-toolbar,
  .bmihc-action-row,
  .bmihc-top-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
  }

.bmihc-toolbar {
    justify-content: space-between;
    margin-bottom: 14px;
  }

.bmihc-switch {
    display: inline-flex;
    gap: 6px;
    background: var(--bmihc-surface-2);
    border: 1px solid var(--bmihc-border);
    padding: 4px;
    border-radius: 999px;
  }

.bmihc-switch button,
  .bmihc-btn,
  .bmihc-toggle {
    appearance: none;
    border: 1px solid var(--bmihc-border);
    background: var(--bmihc-surface);
    color: var(--bmihc-text);
    border-radius: 12px;
    padding: 11px 14px;
    font: inherit;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.12s ease, box-shadow 0.18s ease;
  }

.bmihc-switch button {
    min-width: 96px;
    border-radius: 999px;
    border-color: transparent;
    background: transparent;
    padding: 10px 14px;
    font-weight: 700;
  }

.bmihc-switch button[aria-pressed="true"] {
    background: var(--bmihc-accent);
    color: #ffffff;
  }

.bmihc-btn:hover,
  .bmihc-toggle:hover,
  .bmihc-switch button:hover {
    transform: translateY(-1px);
  }

.bmihc-btn:focus-visible,
  .bmihc-toggle:focus-visible,
  .bmihc-switch button:focus-visible,
  .bmihc-field input:focus-visible {
    outline: none;
    box-shadow: 0 0 0 4px var(--bmihc-focus);
    border-color: var(--bmihc-accent);
  }

.bmihc-btn-primary {
    background: var(--bmihc-accent);
    border-color: var(--bmihc-accent);
    color: #ffffff;
    font-weight: 700;
  }

.bmihc-btn-secondary {
    background: var(--bmihc-surface);
  }

.bmihc-btn:disabled {
    cursor: not-allowed;
    opacity: 0.58;
    transform: none;
  }

.bmihc-form-grid {
    display: grid;
    gap: 14px;
  }

.bmihc-field {
    display: grid;
    gap: 7px;
    position: relative;
  }

.bmihc-field input {
    width: 100%;
    min-height: 48px;
    border: 1px solid var(--bmihc-border);
    border-radius: 12px;
    padding: 12px 14px;
    background: var(--bmihc-surface);
    color: var(--bmihc-text);
    font: inherit;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, transform 0.12s ease;
  }

.bmihc-field input::placeholder {
    color: var(--bmihc-muted);
    opacity: 0.95;
  }

.bmihc-field small {
    min-height: 18px;
    font-size: 0.82rem;
    color: var(--bmihc-muted);
  }

.bmihc-field.bmihc-ok input {
    border-color: var(--bmihc-success);
    background: color-mix(in srgb, var(--bmihc-success) 6%, var(--bmihc-surface));
  }

.bmihc-field.bmihc-ok small {
    color: var(--bmihc-success);
  }

.bmihc-field.bmihc-error input {
    border-color: var(--bmihc-danger);
    background: color-mix(in srgb, var(--bmihc-danger) 5%, var(--bmihc-surface));
  }

.bmihc-field.bmihc-error small {
    color: var(--bmihc-danger);
  }

.bmihc-field.bmihc-shake input {
    animation: bmihcShake 0.24s linear;
  }

@keyframes bmihcShake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-3px); }
    50% { transform: translateX(3px); }
    75% { transform: translateX(-2px); }
  }

.bmihc-advanced {
    display: none;
    margin-top: 6px;
    padding-top: 12px;
    border-top: 1px dashed var(--bmihc-border);
  }

.bmihc-advanced.bmihc-open {
    display: block;
  }

.bmihc-inline-note,
  .bmihc-status,
  .bmihc-caution,
  .bmihc-note-box,
  .bmihc-method-note,
  .bmihc-copy-status {
    border-radius: 14px;
    padding: 12px 13px;
    font-size: 0.94rem;
  }

.bmihc-inline-note,
  .bmihc-note-box {
    background: var(--bmihc-surface-2);
    border: 1px solid var(--bmihc-border);
    color: var(--bmihc-text);
  }

.bmihc-caution {
    background: color-mix(in srgb, var(--bmihc-warning) 9%, var(--bmihc-surface));
    border: 1px solid color-mix(in srgb, var(--bmihc-warning) 28%, var(--bmihc-border));
    color: var(--bmihc-text);
  }

.bmihc-method-note {
    background: color-mix(in srgb, var(--bmihc-info) 8%, var(--bmihc-surface));
    border: 1px solid color-mix(in srgb, var(--bmihc-info) 28%, var(--bmihc-border));
  }

.bmihc-status {
    background: var(--bmihc-surface-2);
    border: 1px solid var(--bmihc-border);
    color: var(--bmihc-muted);
  }

.bmihc-status.bmihc-status-ok {
    color: var(--bmihc-success);
    border-color: color-mix(in srgb, var(--bmihc-success) 25%, var(--bmihc-border));
    background: color-mix(in srgb, var(--bmihc-success) 8%, var(--bmihc-surface));
  }

.bmihc-status.bmihc-status-warn {
    color: var(--bmihc-warning);
    border-color: color-mix(in srgb, var(--bmihc-warning) 26%, var(--bmihc-border));
    background: color-mix(in srgb, var(--bmihc-warning) 8%, var(--bmihc-surface));
  }

.bmihc-status.bmihc-status-error {
    color: var(--bmihc-danger);
    border-color: color-mix(in srgb, var(--bmihc-danger) 25%, var(--bmihc-border));
    background: color-mix(in srgb, var(--bmihc-danger) 8%, var(--bmihc-surface));
  }

.bmihc-result {
    display: none;
    gap: 14px;
    animation: bmihcFade 0.24s ease;
  }

.bmihc-result.bmihc-show {
    display: grid;
  }

@keyframes bmihcFade {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
  }

.bmihc-result-shell {
    border: 1px solid var(--bmihc-border);
    border-radius: 16px;
    padding: 14px;
    background: var(--bmihc-surface-2);
  }

.bmihc-result-shell[data-state="underweight"] {
    border-color: color-mix(in srgb, var(--bmihc-under) 40%, var(--bmihc-border));
    background: color-mix(in srgb, var(--bmihc-under) 8%, var(--bmihc-surface));
  }

.bmihc-result-shell[data-state="healthy"] {
    border-color: color-mix(in srgb, var(--bmihc-healthy) 40%, var(--bmihc-border));
    background: color-mix(in srgb, var(--bmihc-healthy) 8%, var(--bmihc-surface));
  }

.bmihc-result-shell[data-state="overweight"] {
    border-color: color-mix(in srgb, var(--bmihc-over) 40%, var(--bmihc-border));
    background: color-mix(in srgb, var(--bmihc-over) 9%, var(--bmihc-surface));
  }

.bmihc-result-shell[data-state="obesity1"],
  .bmihc-result-shell[data-state="obesity2"] {
    border-color: color-mix(in srgb, var(--bmihc-obese) 42%, var(--bmihc-border));
    background: color-mix(in srgb, var(--bmihc-obese) 9%, var(--bmihc-surface));
  }

.bmihc-result-shell[data-state="obesity3"] {
    border-color: color-mix(in srgb, var(--bmihc-high) 42%, var(--bmihc-border));
    background: color-mix(in srgb, var(--bmihc-high) 8%, var(--bmihc-surface));
  }

.bmihc-result-shell[data-state="special"] {
    border-color: color-mix(in srgb, var(--bmihc-info) 40%, var(--bmihc-border));
    background: color-mix(in srgb, var(--bmihc-info) 8%, var(--bmihc-surface));
  }

.bmihc-score-row {
    display: grid;
    gap: 10px;
    align-items: start;
  }

.bmihc-score-box {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 10px;
  }

.bmihc-score {
    font-size: clamp(2rem, 5vw, 3rem);
    line-height: 1;
    font-weight: 800;
    letter-spacing: -0.02em;
  }

.bmihc-badge {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 11px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 0.9rem;
    border: 1px solid transparent;
    background: var(--bmihc-surface);
    color: var(--bmihc-text);
  }

.bmihc-badge[data-kind="underweight"] {
    background: color-mix(in srgb, var(--bmihc-under) 14%, var(--bmihc-surface));
    border-color: color-mix(in srgb, var(--bmihc-under) 30%, var(--bmihc-border));
  }

.bmihc-badge[data-kind="healthy"] {
    background: color-mix(in srgb, var(--bmihc-healthy) 14%, var(--bmihc-surface));
    border-color: color-mix(in srgb, var(--bmihc-healthy) 28%, var(--bmihc-border));
  }

.bmihc-badge[data-kind="overweight"] {
    background: color-mix(in srgb, var(--bmihc-over) 15%, var(--bmihc-surface));
    border-color: color-mix(in srgb, var(--bmihc-over) 34%, var(--bmihc-border));
  }

.bmihc-badge[data-kind="obesity1"],
  .bmihc-badge[data-kind="obesity2"] {
    background: color-mix(in srgb, var(--bmihc-obese) 16%, var(--bmihc-surface));
    border-color: color-mix(in srgb, var(--bmihc-obese) 34%, var(--bmihc-border));
  }

.bmihc-badge[data-kind="obesity3"] {
    background: color-mix(in srgb, var(--bmihc-high) 16%, var(--bmihc-surface));
    border-color: color-mix(in srgb, var(--bmihc-high) 34%, var(--bmihc-border));
  }

.bmihc-badge[data-kind="special"] {
    background: color-mix(in srgb, var(--bmihc-info) 14%, var(--bmihc-surface));
    border-color: color-mix(in srgb, var(--bmihc-info) 34%, var(--bmihc-border));
  }

.bmihc-summary,
  .bmihc-meaning,
  .bmihc-article-pointer {
    margin: 0;
  }

.bmihc-gauge-wrap {
    display: grid;
    gap: 8px;
  }

.bmihc-gauge {
    position: relative;
    height: 18px;
    border-radius: 999px;
    overflow: visible;
    border: 1px solid color-mix(in srgb, var(--bmihc-border) 75%, transparent);
    background:
      linear-gradient(to right,
      var(--bmihc-under) 0%,
      var(--bmihc-under) 18.9%,
      var(--bmihc-healthy) 18.9%,
      var(--bmihc-healthy) 39.1%,
      var(--bmihc-over) 39.1%,
      var(--bmihc-over) 54.5%,
      var(--bmihc-obese) 54.5%,
      var(--bmihc-obese) 84.8%,
      var(--bmihc-high) 84.8%,
      var(--bmihc-high) 100%);
  }

.bmihc-pointer {
    position: absolute;
    left: var(--bmihc-pointer, 50%);
    top: 50%;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    background: var(--bmihc-text);
    transform: translate(-50%, -50%);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
  }

.bmihc-gauge-scale {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    font-size: 0.78rem;
    color: var(--bmihc-muted);
  }

.bmihc-details {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr;
  }

.bmihc-detail {
    background: var(--bmihc-surface);
    border: 1px solid var(--bmihc-border);
    border-radius: 14px;
    padding: 12px;
  }

.bmihc-detail strong {
    display: block;
    margin-bottom: 4px;
    font-size: 0.84rem;
    color: var(--bmihc-muted);
    font-weight: 700;
  }

.bmihc-detail span {
    display: block;
    font-weight: 700;
  }

.bmihc-list {
    margin: 0;
    padding-left: 18px;
  }

.bmihc-list li {
    margin: 0 0 6px;
  }

.bmihc-goal-box {
    display: none;
  }

.bmihc-goal-box.bmihc-show {
    display: block;
  }

.bmihc-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

.bmihc-actions .bmihc-btn {
    flex: 1 1 160px;
    min-height: 46px;
  }

.bmihc-link-list,
  .bmihc-trust-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    align-items: center;
  }

.bmihc-wrap a {
    color: var(--bmihc-accent);
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
  }

.bmihc-wrap a:hover {
    text-decoration: none;
  }

.bmihc-seal {
    display: grid;
    gap: 10px;
  }

.bmihc-seal-box {
    border: 1px solid color-mix(in srgb, var(--bmihc-info) 24%, var(--bmihc-border));
    background: color-mix(in srgb, var(--bmihc-info) 7%, var(--bmihc-surface));
    border-radius: 14px;
    padding: 13px;
  }

.bmihc-disclaimer {
    background: color-mix(in srgb, var(--bmihc-warning) 7%, var(--bmihc-surface));
  }

.bmihc-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

.bmihc-print-report {
    display: none;
  }

.bmihc-screen-only {
    display: block;
  }

@media (min-width: 760px) {
    .bmihc-grid-2,
    .bmihc-form-grid,
    .bmihc-details,
    .bmihc-score-row {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

.bmihc-score-row > .bmihc-result-main {
      grid-column: 1 / -1;
    }
  }

@media print {
    .bmihc-screen-only {
      display: none !important;
    }

.bmihc-wrap {
      --bmihc-bg: #ffffff;
      --bmihc-surface: #ffffff;
      --bmihc-surface-2: #f6f8fb;
      --bmihc-text: #111827;
      --bmihc-muted: #4b5563;
      --bmihc-border: #cbd5e1;
      box-shadow: none;
      color: #111827;
      font-size: 12pt;
    }

.bmihc-card {
      box-shadow: none;
      border-radius: 10px;
      break-inside: avoid;
      page-break-inside: avoid;
    }

.bmihc-print-report {
      display: block !important;
      background: #ffffff;
      color: #111827;
      border: 0;
      padding: 0;
    }

.bmihc-print-header {
      display: flex;
      justify-content: space-between;
      gap: 14px;
      align-items: flex-start;
      margin-bottom: 14px;
      border-bottom: 2px solid #cbd5e1;
      padding-bottom: 10px;
    }

.bmihc-print-brand {
      font-weight: 800;
      font-size: 16pt;
      letter-spacing: 0.02em;
    }

.bmihc-print-sub {
      color: #475569;
      margin-top: 4px;
    }

.bmihc-print-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin-bottom: 12px;
    }

.bmihc-print-box {
      border: 1px solid #cbd5e1;
      border-radius: 10px;
      padding: 10px;
      background: #f8fbff;
      break-inside: avoid;
      page-break-inside: avoid;
    }

.bmihc-print-box strong {
      display: block;
      font-size: 10pt;
      color: #475569;
      margin-bottom: 4px;
    }

.bmihc-print-box p {
      margin: 0;
    }

.bmihc-print-footer {
      margin-top: 14px;
      padding-top: 10px;
      border-top: 1px solid #cbd5e1;
      color: #475569;
      font-size: 10pt;
    }
  }

document.body.classList.add('thc-single-is-calculator');
(function () {
  var wrap = host.querySelector('#bmihc-wrap');
  if (!wrap) return;

var state = {
    unit: 'metric',
    lastResult: null
  };

var els = {
    metricBtn: host.querySelector('#bmihc-metric-btn'),
    imperialBtn: host.querySelector('#bmihc-imperial-btn'),
    metricFields: host.querySelector('#bmihc-metric-fields'),
    imperialFields: host.querySelector('#bmihc-imperial-fields'),
    form: host.querySelector('#bmihc-form'),
    heightCm: host.querySelector('#bmihc-height-cm'),
    weightKg: host.querySelector('#bmihc-weight-kg'),
    heightFt: host.querySelector('#bmihc-height-ft'),
    heightIn: host.querySelector('#bmihc-height-in'),
    weightLb: host.querySelector('#bmihc-weight-lb'),
    ageYears: host.querySelector('#bmihc-age-years'),
    targetWeight: host.querySelector('#bmihc-target-weight'),
    advancedToggle: host.querySelector('#bmihc-advanced-toggle'),
    advancedPanel: host.querySelector('#bmihc-advanced-panel'),
    calcBtn: host.querySelector('#bmihc-calc-btn'),
    copyBtn: host.querySelector('#bmihc-copy-btn'),
    shareBtn: host.querySelector('#bmihc-share-btn'),
    saveBtn: host.querySelector('#bmihc-save-btn'),
    printBtn: host.querySelector('#bmihc-print-btn'),
    pdfBtn: host.querySelector('#bmihc-pdf-btn'),
    resetBtn: host.querySelector('#bmihc-reset-btn'),
    status: host.querySelector('#bmihc-status'),
    result: host.querySelector('#bmihc-result'),
    resultShell: host.querySelector('#bmihc-result-shell'),
    score: host.querySelector('#bmihc-score'),
    badge: host.querySelector('#bmihc-badge'),
    meaning: host.querySelector('#bmihc-meaning'),
    gaugeWrap: host.querySelector('#bmihc-gauge-wrap'),
    pointer: host.querySelector('#bmihc-pointer'),
    inputSummary: host.querySelector('#bmihc-input-summary'),
    categorySummary: host.querySelector('#bmihc-category-summary'),
    weightRange: host.querySelector('#bmihc-weight-range'),
    rangeBox: host.querySelector('#bmihc-range-box'),
    audienceFit: host.querySelector('#bmihc-audience-fit'),
    contextList: host.querySelector('#bmihc-context-list'),
    goalBox: host.querySelector('#bmihc-goal-box'),
    goalList: host.querySelector('#bmihc-goal-list'),
    printDate: host.querySelector('#bmihc-print-date'),
    printInputs: host.querySelector('#bmihc-print-inputs'),
    printResult: host.querySelector('#bmihc-print-result'),
    printInterpretation: host.querySelector('#bmihc-print-interpretation'),
    printAudience: host.querySelector('#bmihc-print-audience'),
    printContext: host.querySelector('#bmihc-print-context'),
    printGoal: host.querySelector('#bmihc-print-goal')
  };

function round1(num) {
    return Math.round(num * 10) / 10;
  }

function round0(num) {
    return Math.round(num);
  }

function cmToIn(cm) {
    return cm / 2.54;
  }

function inToCm(inches) {
    return inches * 2.54;
  }

function kgToLb(kg) {
    return kg * 2.2046226218;
  }

function lbToKg(lb) {
    return lb / 2.2046226218;
  }

function totalInchesFromImperial() {
    var ft = parseFloat(els.heightFt.value);
    var inches = parseFloat(els.heightIn.value);
    if (!isFinite(ft) || !isFinite(inches)) return NaN;
    return (ft * 12) + inches;
  }

function getFieldWrapper(inputEl) {
    return inputEl ? inputEl.closest('.bmihc-field') : null;
  }

function clearFieldState(inputEl, defaultMessage) {
    var wrapper = getFieldWrapper(inputEl);
    var help = host.querySelector('#' + inputEl.id + '-help');
    if (!wrapper || !help) return;
    wrapper.classList.remove('bmihc-ok', 'bmihc-error', 'bmihc-shake');
    help.textContent = defaultMessage;
  }

function formatWeightForUnit(kg, unit) {
    if (unit === 'metric') return round1(kg) + ' kg';
    return round1(kgToLb(kg)) + ' lb';
  }

function formatRangeForUnit(minKg, maxKg, unit) {
    if (unit === 'metric') return round1(minKg) + ' to ' + round1(maxKg) + ' kg';
    return round1(kgToLb(minKg)) + ' to ' + round1(kgToLb(maxKg)) + ' lb';
  }

function pointerPercent(bmi) {
    var min = 12;
    var max = 45;
    var pct = ((bmi - min) / (max - min)) * 100;
    if (pct < 0) pct = 0;
    if (pct > 100) pct = 100;
    return pct.toFixed(2) + '%';
  }

function defaultHelpText(el) {
    if (el === els.heightCm) return 'Use a recent, measured height if possible.';
    if (el === els.weightKg) return 'Enter weight in kilograms.';
    if (el === els.heightFt) return 'Feet only.';
    if (el === els.heightIn) return 'Use inches beyond whole feet.';
    if (el === els.weightLb) return 'Enter weight in pounds.';
    if (el === els.ageYears) return 'Used only for audience-fit notes and caution messages.';
    if (el === els.targetWeight) return 'Add a target to see a simple goal-path summary.';
    return '';
  }

function validateMetric(liveMode) {
    var valid = true;
    var height = parseFloat(els.heightCm.value);
    var weight = parseFloat(els.weightKg.value);

if (els.heightCm.value === '') {
      clearFieldState(els.heightCm, defaultHelpText(els.heightCm));
      valid = false;
    } else if (!isFinite(height) || height < 100 || height > 250) {
      setFieldState(els.heightCm, 'error', 'Enter a realistic adult height between 100 and 250 cm.', liveMode);
      valid = false;
    } else {
      setFieldState(els.heightCm, 'ok', 'Height looks usable.');
    }

if (els.weightKg.value === '') {
      clearFieldState(els.weightKg, defaultHelpText(els.weightKg));
      valid = false;
    } else if (!isFinite(weight) || weight < 20 || weight > 350) {
      setFieldState(els.weightKg, 'error', 'Enter a realistic body weight between 20 and 350 kg.', liveMode);
      valid = false;
    } else {
      setFieldState(els.weightKg, 'ok', 'Weight looks usable.');
    }

return valid;
  }

function validateImperial(liveMode) {
    var valid = true;
    var ft = parseFloat(els.heightFt.value);
    var inches = parseFloat(els.heightIn.value);
    var weight = parseFloat(els.weightLb.value);

if (els.heightFt.value === '') {
      clearFieldState(els.heightFt, defaultHelpText(els.heightFt));
      valid = false;
    } else if (!isFinite(ft) || ft < 3 || ft > 8) {
      setFieldState(els.heightFt, 'error', 'Enter feet between 3 and 8.', liveMode);
      valid = false;
    } else {
      setFieldState(els.heightFt, 'ok', 'Feet value looks usable.');
    }

if (els.heightIn.value === '') {
      clearFieldState(els.heightIn, defaultHelpText(els.heightIn));
      valid = false;
    } else if (!isFinite(inches) || inches < 0 || inches >= 12) {
      setFieldState(els.heightIn, 'error', 'Enter extra inches from 0 to 11.9.', liveMode);
      valid = false;
    } else {
      setFieldState(els.heightIn, 'ok', 'Inches value looks usable.');
    }

if (els.weightLb.value === '') {
      clearFieldState(els.weightLb, defaultHelpText(els.weightLb));
      valid = false;
    } else if (!isFinite(weight) || weight < 44 || weight > 770) {
      setFieldState(els.weightLb, 'error', 'Enter a realistic body weight between 44 and 770 lb.', liveMode);
      valid = false;
    } else {
      setFieldState(els.weightLb, 'ok', 'Weight looks usable.');
    }

return valid;
  }

function validateOptionalFields(liveMode) {
    var age = parseFloat(els.ageYears.value);
    var target = parseFloat(els.targetWeight.value);

if (els.ageYears.value === '') {
      clearFieldState(els.ageYears, defaultHelpText(els.ageYears));
    } else if (!isFinite(age) || age < 2 || age > 120) {
      setFieldState(els.ageYears, 'error', 'Enter an age from 2 to 120 years.', liveMode);
      return false;
    } else {
      setFieldState(els.ageYears, 'ok', 'Age note will be used where relevant.');
    }

if (els.targetWeight.value === '') {
      clearFieldState(els.targetWeight, defaultHelpText(els.targetWeight));
    } else {
      var min = state.unit === 'metric' ? 20 : 44;
      var max = state.unit === 'metric' ? 350 : 770;
      var label = state.unit === 'metric' ? 'kg' : 'lb';
      if (!isFinite(target) || target < min || target > max) {
        setFieldState(els.targetWeight, 'error', 'Enter a target between ' + min + ' and ' + max + ' ' + label + '.', liveMode);
        return false;
      } else {
        setFieldState(els.targetWeight, 'ok', 'Goal input looks usable.');
      }
    }

return true;
  }

function getCoreInputs() {
    var data = {
      unit: state.unit,
      age: els.ageYears.value === '' ? null : parseFloat(els.ageYears.value),
      targetWeight: els.targetWeight.value === '' ? null : parseFloat(els.targetWeight.value)
    };

if (state.unit === 'metric') {
      data.heightCm = parseFloat(els.heightCm.value);
      data.weightKg = parseFloat(els.weightKg.value);
      data.heightM = data.heightCm / 100;
      data.totalInches = cmToIn(data.heightCm);
    } else {
      data.heightFt = parseFloat(els.heightFt.value);
      data.heightIn = parseFloat(els.heightIn.value);
      data.totalInches = totalInchesFromImperial();
      data.heightCm = inToCm(data.totalInches);
      data.heightM = data.heightCm / 100;
      data.weightLb = parseFloat(els.weightLb.value);
      data.weightKg = lbToKg(data.weightLb);
    }

return data;
  }

function validateAll(liveMode) {
    var coreValid = state.unit === 'metric' ? validateMetric(liveMode) : validateImperial(liveMode);
    var optValid = validateOptionalFields(liveMode);
    return coreValid && optValid;
  }

function updateButtons(valid) {
    els.calcBtn.disabled = !valid;
    var hasResult = !!state.lastResult;
    els.copyBtn.disabled = !hasResult;
    els.shareBtn.disabled = !hasResult;
    els.printBtn.disabled = !hasResult;
    els.pdfBtn.disabled = !hasResult;
  }

function setStatus(message, kind) {
    els.status.textContent = message;
    els.status.className = 'bmihc-status';
    if (kind) els.status.classList.add('bmihc-status-' + kind);
  }

if (result.age !== null && result.age >= 65 && !result.specialMode) {
      notes.push('For older adults, BMI can still be useful, though waist measures and overall context may add helpful detail.');
    }

notes.push('Pregnancy and unusually high muscle mass can change how the result should be understood.');
    return notes;
  }

function buildGoalNotes(result) {
    if (result.specialMode || result.targetWeightKg === null) return [];

var diffKg = round1(result.targetWeightKg - result.weightKg);
    var goalBmi = round1(result.targetWeightKg / (result.heightM * result.heightM));
    var goalCategory = describeCategory(goalBmi);
    var notes = [];

if (diffKg === 0) {
      notes.push('Your current weight already matches the target you entered.');
    } else if (diffKg < 0) {
      notes.push('Difference to goal: about ' + Math.abs(diffKg) + ' kg lower than your current weight.');
    } else {
      notes.push('Difference to goal: about ' + Math.abs(diffKg) + ' kg higher than your current weight.');
    }

notes.push('Estimated BMI at that target: ' + goalBmi + ' (' + goalCategory.label + ').');

if (goalBmi >= 18.5 && goalBmi < 25) {
      notes.push('That target sits inside the general adult healthy BMI range.');
    } else {
      notes.push('That target sits outside the general adult healthy BMI range, so it may need extra thought and personal context.');
    }

notes.push('A gradual, realistic pace is often easier to maintain than rapid change.');
    return notes;
  }

function buildAudienceFit(result) {
    if (result.specialMode) return 'Use child or teen BMI-for-age interpretation instead of adult cut points.';
    if (result.age !== null && result.age >= 65) return 'Useful starting point for older adults, with extra value from waist and body-composition context.';
    return 'Directly suited to general adult BMI screening.';
  }

function renderList(listEl, items) {
    listEl.innerHTML = '';
    for (var i = 0; i < items.length; i++) {
      var li = document.createElement('li');
      li.textContent = items[i];
      listEl.appendChild(li);
    }
  }

function updatePrintReport(result) {
    var printedAt = new Date();
    els.printDate.textContent = 'Printed: ' + printedAt.toLocaleDateString() + ' ' + printedAt.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
    els.printInputs.textContent = result.inputSummary;
    els.printResult.textContent = 'BMI ' + result.bmi + ' — ' + result.badgeLabel;
    els.printInterpretation.textContent = result.meaning;
    els.printAudience.textContent = result.audienceFit;
    els.printContext.textContent = result.contextNotes.join(' ');
    els.printGoal.textContent = result.goalNotes.length ? result.goalNotes.join(' ') : 'No goal entered.';
  }

function resetAll() {
    els.form.reset();
    state.lastResult = null;
    clearFieldState(els.heightCm, defaultHelpText(els.heightCm));
    clearFieldState(els.weightKg, defaultHelpText(els.weightKg));
    clearFieldState(els.heightFt, defaultHelpText(els.heightFt));
    clearFieldState(els.heightIn, defaultHelpText(els.heightIn));
    clearFieldState(els.weightLb, defaultHelpText(els.weightLb));
    clearFieldState(els.ageYears, defaultHelpText(els.ageYears));
    clearFieldState(els.targetWeight, defaultHelpText(els.targetWeight));
    els.result.classList.remove('bmihc-show');
    updateButtons(false);
    setStatus('Enter a valid height and weight to unlock the result.', null);
    saveState(false);
  }

function updateTargetPlaceholder() {
    if (state.unit === 'metric') {
      els.targetWeight.placeholder = 'Optional goal in kg';
    } else {
      els.targetWeight.placeholder = 'Optional goal in lb';
    }
  }

function convertInputs(toUnit) {
    if (toUnit === state.unit) return;

if (state.unit === 'metric') {
      var heightCm = parseFloat(els.heightCm.value);
      var weightKg = parseFloat(els.weightKg.value);
      var targetKg = parseFloat(els.targetWeight.value);

if (isFinite(heightCm)) {
        var totalIn = cmToIn(heightCm);
        var ft = Math.floor(totalIn / 12);
        var inch = totalIn - (ft * 12);
        els.heightFt.value = String(ft);
        els.heightIn.value = String(round1(inch));
      } else {
        els.heightFt.value = '';
        els.heightIn.value = '';
      }

els.weightLb.value = isFinite(weightKg) ? String(round1(kgToLb(weightKg))) : '';
      els.targetWeight.value = isFinite(targetKg) ? String(round1(kgToLb(targetKg))) : '';
    } else {
      var totalInches = totalInchesFromImperial();
      var weightLb = parseFloat(els.weightLb.value);
      var targetLb = parseFloat(els.targetWeight.value);

els.heightCm.value = isFinite(totalInches) ? String(round1(inToCm(totalInches))) : '';
      els.weightKg.value = isFinite(weightLb) ? String(round1(lbToKg(weightLb))) : '';
      els.targetWeight.value = isFinite(targetLb) ? String(round1(lbToKg(targetLb))) : '';
    }
  }

function setUnit(unit, doConvert) {
    if (doConvert) convertInputs(unit);
    state.unit = unit;
    var metric = unit === 'metric';
    els.metricFields.style.display = metric ? '' : 'none';
    els.imperialFields.style.display = metric ? 'none' : '';
    els.metricBtn.setAttribute('aria-pressed', metric ? 'true' : 'false');
    els.imperialBtn.setAttribute('aria-pressed', metric ? 'false' : 'true');
    updateTargetPlaceholder();
    var valid = validateAll(false);
    updateButtons(valid);
    if (valid) calculate(true);
    saveState(false);
  }

function openAdvanced(forceOpen) {
    var shouldOpen = typeof forceOpen === 'boolean' ? forceOpen : !els.advancedPanel.classList.contains('bmihc-open');
    els.advancedPanel.classList.toggle('bmihc-open', shouldOpen);
    els.advancedToggle.setAttribute('aria-expanded', shouldOpen ? 'true' : 'false');
    els.advancedToggle.textContent = shouldOpen ? 'Hide optional age and goal fields' : 'Show optional age and goal fields';
  }

function calculate(isLive) {
    var valid = validateAll(!isLive);
    updateButtons(valid);
    if (!valid) {
      state.lastResult = null;
      els.result.classList.remove('bmihc-show');
      setStatus('Please fix the highlighted fields first.', 'error');
      return;
    }

var data = getCoreInputs();
    var bmi = round1(data.weightKg / (data.heightM * data.heightM));
    var minKg = 18.5 * (data.heightM * data.heightM);
    var maxKg = 24.9 * (data.heightM * data.heightM);
    var category = describeCategory(bmi);
    var specialMode = data.age !== null && data.age < 20;
    var badgeLabel = specialMode ? 'Use child/teen interpretation' : category.label;
    var categorySummary = specialMode ? 'Adult cut points are not used for ages under 20.' : category.summary;
    var meaning = specialMode
      ? 'BMI can still be estimated, but younger users need age- and sex-specific BMI-for-age interpretation rather than the adult categories used on this page.'
      : category.meaning;

var inputSummary = '';
    if (state.unit === 'metric') {
      inputSummary = 'Height: ' + round1(data.heightCm) + ' cm; Weight: ' + round1(data.weightKg) + ' kg';
      if (data.age !== null) inputSummary += '; Age: ' + round0(data.age) + ' years';
      if (data.targetWeight !== null) inputSummary += '; Target: ' + round1(data.targetWeight) + ' kg';
    } else {
      inputSummary = 'Height: ' + round0(data.heightFt) + ' ft ' + round1(data.heightIn) + ' in; Weight: ' + round1(parseFloat(els.weightLb.value)) + ' lb';
      if (data.age !== null) inputSummary += '; Age: ' + round0(data.age) + ' years';
      if (data.targetWeight !== null) inputSummary += '; Target: ' + round1(data.targetWeight) + ' lb';
    }

var targetWeightKg = null;
    if (data.targetWeight !== null) {
      targetWeightKg = state.unit === 'metric' ? data.targetWeight : lbToKg(data.targetWeight);
    }

var result = {
      bmi: bmi.toFixed(1),
      category: category,
      badgeLabel: badgeLabel,
      meaning: meaning,
      inputSummary: inputSummary,
      rangeText: formatRangeForUnit(minKg, maxKg, state.unit),
      age: data.age,
      specialMode: specialMode,
      weightKg: data.weightKg,
      heightM: data.heightM,
      targetWeightKg: targetWeightKg
    };

result.contextNotes = buildContextNotes(result);
    result.goalNotes = buildGoalNotes(result);
    result.audienceFit = buildAudienceFit(result);

els.resultShell.setAttribute('data-state', specialMode ? 'special' : category.key);
    els.score.textContent = result.bmi;
    els.badge.textContent = badgeLabel;
    els.badge.setAttribute('data-kind', specialMode ? 'special' : category.key);
    els.meaning.textContent = meaning;
    els.inputSummary.textContent = inputSummary;
    els.categorySummary.textContent = categorySummary;
    els.audienceFit.textContent = result.audienceFit;
    els.weightRange.textContent = specialMode ? 'Use a child or teen BMI-for-age tool for range interpretation.' : result.rangeText;
    els.rangeBox.style.display = specialMode ? 'none' : '';
    els.gaugeWrap.style.display = specialMode ? 'none' : '';
    if (!specialMode) {
      els.pointer.style.setProperty('--bmihc-pointer', pointerPercent(bmi));
    }

renderList(els.contextList, result.contextNotes);

if (result.goalNotes.length) {
      renderList(els.goalList, result.goalNotes);
      els.goalBox.classList.add('bmihc-show');
    } else {
      els.goalList.innerHTML = '';
      els.goalBox.classList.remove('bmihc-show');
    }

updatePrintReport(result);

state.lastResult = result;
    els.result.classList.add('bmihc-show');
    updateButtons(true);
    setStatus(isLive ? 'Result updated automatically.' : 'Result ready. You can copy, share, print, or save it locally.', 'ok');
    saveState(false);
  }

els.metricBtn.addEventListener('click', function () { setUnit('metric', true); });
  els.imperialBtn.addEventListener('click', function () { setUnit('imperial', true); });
  els.advancedToggle.addEventListener('click', function () { openAdvanced(); saveState(false); });
  els.calcBtn.addEventListener('click', function () { calculate(false); });
  els.copyBtn.addEventListener('click', function () {
    if (!state.lastResult) return;
    copySummary(buildShareSummary(state.lastResult), 'Results copied to your clipboard.');
  });
  els.shareBtn.addEventListener('click', shareOrCopy);
  els.saveBtn.addEventListener('click', function () { saveState(true); });
  els.printBtn.addEventListener('click', function () { doPrint(false); });
  els.pdfBtn.addEventListener('click', function () { doPrint(true); });
  els.resetBtn.addEventListener('click', resetAll);

addInputListeners(els.heightCm);
  addInputListeners(els.weightKg);
  addInputListeners(els.heightFt);
  addInputListeners(els.heightIn);
  addInputListeners(els.weightLb);
  addInputListeners(els.ageYears);
  addInputListeners(els.targetWeight);

window.addEventListener('beforeprint', function () {
    if (state.lastResult) updatePrintReport(state.lastResult);
  });

updateTargetPlaceholder();
  restoreState();
})();

#thc-iwc-root,
  #thc-iwc-root * {
    box-sizing: border-box;
    max-width: 100%;
    overflow-wrap: break-word;
  }

#thc-iwc-root {
    --iwc-bg: var(--thc-bg, var(--background, #f4f7fb));
    --iwc-surface: var(--thc-surface, var(--surface, #ffffff));
    --iwc-surface-2: var(--thc-surface-2, #f8fafc);
    --iwc-text: var(--thc-text, var(--text-color, #172033));
    --iwc-muted: var(--thc-muted, #5f6b7a);
    --iwc-border: var(--thc-border, #d9e2ec);
    --iwc-accent: var(--thc-accent, #0f766e);
    --iwc-accent-2: var(--thc-accent-2, #0b5f59);
    --iwc-focus: var(--thc-focus, rgba(15, 118, 110, 0.16));
    --iwc-success: var(--thc-success, #15803d);
    --iwc-warning: var(--thc-warning, #b45309);
    --iwc-danger: var(--thc-danger, #b91c1c);
    --iwc-info: var(--thc-info, #1d4ed8);
    --iwc-shadow: 0 10px 28px rgba(15, 23, 42, 0.07);
    --iwc-radius: 18px;
    --iwc-pointer: 50%;
    color: var(--iwc-text);
    background: transparent;
    width: 100%;
    margin: 0;
    font-family: inherit;
  }

html[data-theme='dark'] #thc-iwc-root,
  body[data-theme='dark'] #thc-iwc-root,
  body.dark #thc-iwc-root,
  .dark #thc-iwc-root {
    --iwc-bg: var(--thc-bg, var(--background, #0f172a));
    --iwc-surface: var(--thc-surface, var(--surface, #111827));
    --iwc-surface-2: var(--thc-surface-2, #162033);
    --iwc-text: var(--thc-text, var(--text-color, #e5eefc));
    --iwc-muted: var(--thc-muted, #9db0c7);
    --iwc-border: var(--thc-border, #253247);
    --iwc-accent: var(--thc-accent, #34d399);
    --iwc-accent-2: var(--thc-accent-2, #10b981);
    --iwc-focus: var(--thc-focus, rgba(52, 211, 153, 0.2));
    --iwc-shadow: 0 14px 34px rgba(2, 8, 23, 0.35);
  }

.iwc-shell {
    display: grid;
    gap: 16px;
  }

.iwc-seo-copy {
    color: var(--iwc-muted);
    font-size: 0.98rem;
    line-height: 1.65;
    padding: 0 2px;
  }

.iwc-seo-copy p {
    margin: 0;
  }

.iwc-main {
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

.iwc-card-form,
  .iwc-result-card {
    width: 100%;
  }

.iwc-card {
    background: var(--iwc-surface);
    border: 1px solid var(--iwc-border);
    border-radius: var(--iwc-radius);
    box-shadow: var(--iwc-shadow);
    padding: 16px;
  }

.iwc-label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
    flex-wrap: wrap;
  }

.iwc-section-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.98rem;
    line-height: 1.25;
    color: var(--iwc-text);
    letter-spacing: 0.01em;
  }

.iwc-section-label::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: var(--iwc-accent);
    box-shadow: 0 0 0 6px var(--iwc-focus);
    flex: 0 0 auto;
  }

.iwc-help {
    margin: 0 0 14px;
    color: var(--iwc-muted);
    font-size: 0.95rem;
    line-height: 1.6;
  }

.iwc-unit-switch {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px;
    border-radius: 999px;
    background: var(--iwc-surface-2);
    border: 1px solid var(--iwc-border);
  }

.iwc-unit-switch button {
    appearance: none;
    border: 0;
    background: transparent;
    color: var(--iwc-muted);
    padding: 9px 14px;
    border-radius: 999px;
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
  }

.iwc-unit-switch button[aria-pressed="true"] {
    background: var(--iwc-accent);
    color: #ffffff;
  }

.iwc-form {
    display: grid;
    gap: 14px;
  }

.iwc-grid {
    display: grid;
    gap: 12px;
  }

.iwc-grid-2 {
    grid-template-columns: 1fr 1fr;
  }

@media (max-width: 639px) {
    .iwc-grid-2 {
      grid-template-columns: 1fr;
    }
  }

.iwc-field-wrap {
    position: relative;
  }

.iwc-field-wrap.is-valid::after {
    content: "\2713";
    position: absolute;
    right: 12px;
    top: 39px;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--iwc-success);
    pointer-events: none;
  }

.iwc-field-wrap.is-invalid {
    animation: iwc-shake 0.16s linear 2;
  }

@keyframes iwc-shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-2px); }
    50% { transform: translateX(2px); }
    75% { transform: translateX(-1px); }
    100% { transform: translateX(0); }
  }

.iwc-label {
    display: block;
    font-size: 0.9rem;
    font-weight: 700;
    margin-bottom: 7px;
    color: var(--iwc-text);
  }

.iwc-note-inline {
    display: block;
    margin-top: 5px;
    font-size: 0.8rem;
    color: var(--iwc-muted);
    line-height: 1.45;
  }

.iwc-input,
  .iwc-select {
    width: 100%;
    min-height: 46px;
    border: 1px solid var(--iwc-border);
    border-radius: 14px;
    background: var(--iwc-surface-2);
    color: var(--iwc-text);
    padding: 12px 14px;
    font: inherit;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
  }

.iwc-input::placeholder {
    color: var(--iwc-muted);
    opacity: 0.8;
  }

.iwc-input:focus,
  .iwc-select:focus,
  .iwc-btn:focus,
  .iwc-link-btn:focus,
  .iwc-adv-toggle:focus {
    outline: none;
    border-color: var(--iwc-accent);
    box-shadow: 0 0 0 4px var(--iwc-focus);
  }

.iwc-input:focus,
  .iwc-select:focus {
    transform: translateY(-1px);
  }

.iwc-field-wrap.has-error .iwc-input,
  .iwc-field-wrap.has-error .iwc-select {
    border-color: var(--iwc-danger);
    box-shadow: 0 0 0 4px rgba(185, 28, 28, 0.08);
  }

.iwc-error {
    margin-top: 6px;
    color: var(--iwc-danger);
    font-size: 0.82rem;
    line-height: 1.4;
    min-height: 18px;
  }

.iwc-adv-toggle {
    appearance: none;
    border: 1px dashed var(--iwc-border);
    background: transparent;
    color: var(--iwc-text);
    min-height: 44px;
    border-radius: 14px;
    padding: 10px 14px;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    transition: border-color 0.18s ease, background-color 0.18s ease;
  }

.iwc-adv-toggle:hover {
    background: var(--iwc-surface-2);
    border-color: var(--iwc-accent);
  }

.iwc-advanced {
    display: none;
    padding: 14px;
    border: 1px dashed var(--iwc-border);
    border-radius: 16px;
    background: var(--iwc-surface-2);
  }

.iwc-advanced.is-open {
    display: grid;
    gap: 12px;
  }

.iwc-check-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 46px;
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid var(--iwc-border);
    background: var(--iwc-surface);
  }

.iwc-check-wrap input {
    width: 18px;
    height: 18px;
    accent-color: var(--iwc-accent);
    flex: 0 0 auto;
  }

.iwc-check-wrap label {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--iwc-text);
    cursor: pointer;
  }

.iwc-btn-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 4px;
  }

.iwc-btn,
  .iwc-link-btn {
    appearance: none;
    border: 0;
    border-radius: 14px;
    min-height: 46px;
    padding: 11px 16px;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease, background-color 0.18s ease;
  }

.iwc-btn:hover,
  .iwc-link-btn:hover {
    transform: translateY(-1px);
  }

.iwc-btn:disabled {
    opacity: 0.58;
    cursor: not-allowed;
    transform: none;
  }

.iwc-btn-primary {
    background: var(--iwc-accent);
    color: #ffffff;
  }

.iwc-btn-primary:hover {
    box-shadow: 0 10px 22px rgba(15, 118, 110, 0.2);
  }

.iwc-btn-secondary {
    background: var(--iwc-surface-2);
    color: var(--iwc-text);
    border: 1px solid var(--iwc-border);
  }

.iwc-btn-soft {
    background: transparent;
    color: var(--iwc-text);
    border: 1px dashed var(--iwc-border);
  }

.iwc-live {
    min-height: 20px;
    color: var(--iwc-muted);
    font-size: 0.84rem;
    line-height: 1.4;
    margin-top: 4px;
  }

.iwc-result-card {
    position: relative;
    overflow: hidden;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity 0.22s ease, transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease;
    border-width: 1px;
  }

.iwc-result-card.is-visible {
    opacity: 1;
    transform: translateY(0);
  }

.iwc-result-card[data-state="reference"] {
    border-color: rgba(29, 78, 216, 0.22);
    background: linear-gradient(180deg, rgba(29, 78, 216, 0.04), transparent 100%), var(--iwc-surface);
  }

.iwc-result-card[data-state="below"] {
    border-color: rgba(29, 78, 216, 0.24);
    background: linear-gradient(180deg, rgba(29, 78, 216, 0.06), transparent 100%), var(--iwc-surface);
  }

.iwc-result-card[data-state="within"] {
    border-color: rgba(21, 128, 61, 0.24);
    background: linear-gradient(180deg, rgba(21, 128, 61, 0.06), transparent 100%), var(--iwc-surface);
  }

.iwc-result-card[data-state="above"] {
    border-color: rgba(180, 83, 9, 0.25);
    background: linear-gradient(180deg, rgba(180, 83, 9, 0.06), transparent 100%), var(--iwc-surface);
  }

.iwc-result-card[data-state="high"] {
    border-color: rgba(185, 28, 28, 0.25);
    background: linear-gradient(180deg, rgba(185, 28, 28, 0.06), transparent 100%), var(--iwc-surface);
  }

.iwc-result-card[data-state="excluded"] {
    border-color: rgba(96, 165, 250, 0.26);
    background: linear-gradient(180deg, rgba(96, 165, 250, 0.06), transparent 100%), var(--iwc-surface);
  }

.iwc-top-actions {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }

.iwc-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

.iwc-link-btn {
    background: var(--iwc-surface-2);
    color: var(--iwc-text);
    border: 1px solid var(--iwc-border);
    min-height: 40px;
    padding: 9px 12px;
    font-size: 0.86rem;
  }

.iwc-result-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 12px;
  }

@media (max-width: 639px) {
    .iwc-result-grid {
      grid-template-columns: 1fr;
    }
  }

.iwc-metric {
    padding: 14px;
    border: 1px solid var(--iwc-border);
    background: var(--iwc-surface-2);
    border-radius: 16px;
  }

.iwc-metric-label {
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--iwc-muted);
    margin-bottom: 6px;
  }

.iwc-metric-value {
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--iwc-text);
    line-height: 1.3;
  }

.iwc-metric-note {
    margin: 7px 0 0;
    color: var(--iwc-muted);
    font-size: 0.88rem;
    line-height: 1.55;
  }

.iwc-gauge-wrap {
    margin-top: 14px;
    padding: 14px;
    border: 1px solid var(--iwc-border);
    background: var(--iwc-surface-2);
    border-radius: 16px;
  }

.iwc-gauge {
    position: relative;
    padding-top: 16px;
  }

.iwc-gauge-bar {
    height: 14px;
    display: grid;
    grid-template-columns: 18% 34% 22% 26%;
    border-radius: 999px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.05);
  }

.iwc-band-below { background: rgba(29, 78, 216, 0.75); }
  .iwc-band-within { background: rgba(21, 128, 61, 0.75); }
  .iwc-band-above { background: rgba(180, 83, 9, 0.75); }
  .iwc-band-high { background: rgba(185, 28, 28, 0.75); }

.iwc-gauge-arrow {
    position: absolute;
    top: 0;
    left: var(--iwc-pointer);
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 14px solid var(--iwc-text);
    transform: translateX(-50%);
    transition: left 0.24s ease;
  }

.iwc-gauge-labels {
    display: flex;
    justify-content: space-between;
    gap: 6px;
    font-size: 0.76rem;
    color: var(--iwc-muted);
    margin-top: 8px;
  }

.iwc-gauge-caption {
    margin-top: 9px;
    color: var(--iwc-muted);
    font-size: 0.86rem;
    line-height: 1.5;
  }

.iwc-formula-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 14px;
  }

@media (max-width: 639px) {
    .iwc-formula-grid {
      grid-template-columns: 1fr;
    }
  }

.iwc-formula-card {
    padding: 12px;
    border: 1px solid var(--iwc-border);
    border-radius: 16px;
    background: var(--iwc-surface);
  }

.iwc-formula-name {
    font-size: 0.82rem;
    font-weight: 800;
    color: var(--iwc-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 6px;
  }

.iwc-formula-value {
    font-size: 1rem;
    font-weight: 800;
    color: var(--iwc-text);
  }

.iwc-stack {
    display: grid;
    gap: 10px;
    margin-top: 14px;
  }

.iwc-note-card {
    padding: 12px 14px;
    border-radius: 14px;
    background: var(--iwc-surface-2);
    border: 1px solid var(--iwc-border);
    color: var(--iwc-text);
    font-size: 0.92rem;
    line-height: 1.6;
  }

.iwc-note-card strong {
    color: var(--iwc-text);
  }

.iwc-summary-card {
    margin-top: 14px;
    padding: 14px;
    border-radius: 16px;
    background: var(--iwc-surface-2);
    border: 1px solid var(--iwc-border);
  }

.iwc-summary-card p {
    margin: 8px 0 0;
    color: var(--iwc-text);
    font-size: 0.94rem;
    line-height: 1.62;
  }

.iwc-hidden {
    display: none !important;
  }

.iwc-trust {
    margin: 0;
    padding: 12px 14px;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(15, 118, 110, 0.06), transparent 100%), var(--iwc-surface-2);
    border: 1px solid var(--iwc-border);
    color: var(--iwc-text);
    font-size: 0.94rem;
    line-height: 1.65;
  }

.iwc-source-list {
    margin: 12px 0 0;
    padding-left: 18px;
    color: var(--iwc-muted);
    line-height: 1.7;
  }

.iwc-source-list li + li {
    margin-top: 6px;
  }

.iwc-source-list a {
    color: var(--iwc-accent);
    text-decoration: none;
  }

.iwc-source-list a:hover {
    text-decoration: underline;
  }

.iwc-disclaimer {
    border-style: dashed;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.02), transparent 100%), var(--iwc-surface);
  }

.iwc-disclaimer p {
    margin: 0;
    color: var(--iwc-muted);
    font-size: 0.93rem;
    line-height: 1.65;
  }

.iwc-noscript {
    background: linear-gradient(180deg, rgba(185, 28, 28, 0.05), transparent 100%), var(--iwc-surface);
    border-color: rgba(185, 28, 28, 0.28);
    color: var(--iwc-text);
    line-height: 1.6;
  }

.iwc-print-only {
    display: none !important;
  }

@media print {
    body * {
      visibility: hidden !important;
    }
    #thc-iwc-root,
    #thc-iwc-root * {
      visibility: visible !important;
    }
    #thc-iwc-root {
      position: static;
      width: 100%;
      color: #111827 !important;
    }
    #thc-iwc-root .iwc-card,
    #thc-iwc-root .iwc-metric,
    #thc-iwc-root .iwc-gauge-wrap,
    #thc-iwc-root .iwc-formula-card,
    #thc-iwc-root .iwc-note-card,
    #thc-iwc-root .iwc-summary-card {
      box-shadow: none !important;
      background: #ffffff !important;
      border-color: #d1d5db !important;
      color: #111827 !important;
      break-inside: avoid;
      page-break-inside: avoid;
    }
    #thc-iwc-root .iwc-screen-only,
    #thc-iwc-root .iwc-seo-copy,
    #thc-iwc-root .iwc-card-form,
    #thc-iwc-root .iwc-live,
    #thc-iwc-root .iwc-noscript,
    #thc-iwc-root .iwc-support {
      display: none !important;
    }
    #thc-iwc-root .iwc-print-only {
      display: block !important;
    }
    #thc-iwc-root .iwc-main {
      grid-template-columns: 1fr !important;
    }
    #thc-iwc-root .iwc-result-card {
      opacity: 1 !important;
      transform: none !important;
    }
    #thc-iwc-root .iwc-source-list a {
      color: #111827 !important;
      text-decoration: underline !important;
    }
  }

#thc-whrv2,
#thc-whrv2 *{
  box-sizing:border-box;
  max-width:100%;
  overflow-wrap:break-word;
}

#thc-whrv2{
  --thc-whrv2-bg: var(--thc-surface-bg, var(--surface, var(--card-bg, var(--background, #ffffff))));
  --thc-whrv2-bg-soft: var(--thc-surface-soft, rgba(120,136,153,0.08));
  --thc-whrv2-text: var(--thc-text, var(--text-color, var(--text, #162033)));
  --thc-whrv2-muted: var(--thc-muted, var(--muted-text, #617083));
  --thc-whrv2-border: var(--thc-border, var(--border-color, #d7e0e8));
  --thc-whrv2-accent: var(--thc-accent, var(--link-color, #0d7a68));
  --thc-whrv2-accent-soft: rgba(13,122,104,0.10);
  --thc-whrv2-focus: var(--thc-focus, rgba(13,122,104,0.20));
  --thc-whrv2-success: var(--thc-success, #1d8a57);
  --thc-whrv2-success-soft: rgba(29,138,87,0.10);
  --thc-whrv2-warning: var(--thc-warning, #c48700);
  --thc-whrv2-warning-soft: rgba(196,135,0,0.10);
  --thc-whrv2-danger: var(--thc-danger, #c14a4a);
  --thc-whrv2-danger-soft: rgba(193,74,74,0.10);
  --thc-whrv2-info: var(--thc-info, #2d6cdf);
  --thc-whrv2-shadow: 0 14px 32px rgba(18,28,45,0.08);
  --thc-whrv2-radius: 18px;
  margin:24px auto;
  color:var(--thc-whrv2-text);
  font:400 16px/1.6 Arial, Helvetica, sans-serif;
}

html[data-theme='dark'] #thc-whrv2,
body.dark #thc-whrv2,
.dark #thc-whrv2{
  --thc-whrv2-bg: var(--thc-surface-bg, var(--surface, var(--card-bg, #121825)));
  --thc-whrv2-bg-soft: rgba(255,255,255,0.06);
  --thc-whrv2-text: var(--thc-text, var(--text-color, var(--text, #eef3f8)));
  --thc-whrv2-muted: var(--thc-muted, var(--muted-text, #b3bed0));
  --thc-whrv2-border: var(--thc-border, var(--border-color, #2a3448));
  --thc-whrv2-accent-soft: rgba(63,210,181,0.14);
  --thc-whrv2-focus: rgba(63,210,181,0.18);
  --thc-whrv2-shadow: 0 16px 34px rgba(0,0,0,0.22);
}

#thc-whrv2 a{
  color:var(--thc-whrv2-accent);
  text-decoration:underline;
  text-underline-offset:2px;
}

#thc-whrv2 .thc-whrv2-shell{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}

#thc-whrv2 .thc-whrv2-card,
#thc-whrv2 .thc-whrv2-note,
#thc-whrv2 .thc-whrv2-disclaimer{
  background:var(--thc-whrv2-bg);
  border:1px solid var(--thc-whrv2-border);
  border-radius:var(--thc-whrv2-radius);
  box-shadow:var(--thc-whrv2-shadow);
}

#thc-whrv2 .thc-whrv2-card{
  padding:18px;
}

#thc-whrv2 .thc-whrv2-stack{
  display:grid;
  gap:14px;
}

#thc-whrv2 .thc-whrv2-kicker{
  margin:0 0 6px;
  font-size:12px;
  line-height:1.4;
  color:var(--thc-whrv2-accent);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:700;
}

#thc-whrv2 .thc-whrv2-title{
  margin:0 0 6px;
  font-size:20px;
  line-height:1.3;
  font-weight:700;
  color:var(--thc-whrv2-text);
}

#thc-whrv2 .thc-whrv2-subtext,
#thc-whrv2 .thc-whrv2-small{
  margin:0;
  color:var(--thc-whrv2-muted);
  font-size:14px;
}

#thc-whrv2 .thc-whrv2-switch{
  display:inline-flex;
  gap:4px;
  padding:4px;
  border-radius:999px;
  border:1px solid var(--thc-whrv2-border);
  background:var(--thc-whrv2-bg-soft);
  width:fit-content;
}

#thc-whrv2 .thc-whrv2-switch button,
#thc-whrv2 .thc-whrv2-btn{
  appearance:none;
  border:1px solid var(--thc-whrv2-border);
  background:var(--thc-whrv2-bg);
  color:var(--thc-whrv2-text);
  border-radius:14px;
  font:inherit;
  font-weight:700;
  min-height:46px;
  padding:12px 14px;
  cursor:pointer;
  transition:transform .16s ease, border-color .16s ease, background-color .16s ease, color .16s ease, box-shadow .16s ease;
}

#thc-whrv2 .thc-whrv2-switch button{
  border:0;
  border-radius:999px;
  min-height:42px;
  padding:10px 14px;
  color:var(--thc-whrv2-muted);
  background:transparent;
}

#thc-whrv2 .thc-whrv2-switch button.is-active{
  background:var(--thc-whrv2-accent);
  color:#ffffff;
}

#thc-whrv2 .thc-whrv2-btn:hover,
#thc-whrv2 .thc-whrv2-switch button:hover{
  transform:translateY(-1px);
}

#thc-whrv2 .thc-whrv2-btn:disabled{
  opacity:.56;
  cursor:not-allowed;
  transform:none;
}

#thc-whrv2 .thc-whrv2-btn-primary{
  background:var(--thc-whrv2-accent);
  border-color:var(--thc-whrv2-accent);
  color:#ffffff;
}

#thc-whrv2 .thc-whrv2-btn-soft{
  background:var(--thc-whrv2-bg-soft);
}

#thc-whrv2 input,
#thc-whrv2 select{
  width:100%;
  border:1px solid var(--thc-whrv2-border);
  border-radius:14px;
  background:var(--thc-whrv2-bg);
  color:var(--thc-whrv2-text);
  padding:13px 42px 13px 14px;
  font:inherit;
  transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease, background-color .16s ease;
}

#thc-whrv2 input::placeholder{
  color:var(--thc-whrv2-muted);
  opacity:.8;
}

#thc-whrv2 input:focus-visible,
#thc-whrv2 select:focus-visible,
#thc-whrv2 .thc-whrv2-btn:focus-visible,
#thc-whrv2 .thc-whrv2-switch button:focus-visible{
  outline:none;
  box-shadow:0 0 0 4px var(--thc-whrv2-focus);
}

#thc-whrv2 .thc-whrv2-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}

#thc-whrv2 .thc-whrv2-field{
  display:grid;
  gap:6px;
}

#thc-whrv2 .thc-whrv2-field-wide{
  grid-column:1 / -1;
}

#thc-whrv2 .thc-whrv2-label-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

#thc-whrv2 label{
  display:inline-block;
  font-size:14px;
  line-height:1.4;
  font-weight:700;
  color:var(--thc-whrv2-text);
}

#thc-whrv2 .thc-whrv2-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  padding:5px 8px;
  border-radius:999px;
  border:1px solid var(--thc-whrv2-border);
  background:var(--thc-whrv2-bg-soft);
  color:var(--thc-whrv2-muted);
  font-size:12px;
  font-weight:700;
}

#thc-whrv2 .thc-whrv2-input-wrap{
  position:relative;
}

#thc-whrv2 .thc-whrv2-state{
  position:absolute;
  right:12px;
  top:50%;
  width:10px;
  height:10px;
  border-radius:999px;
  transform:translateY(-50%);
  background:transparent;
  border:1px solid transparent;
  transition:background-color .16s ease, border-color .16s ease;
}

#thc-whrv2 .is-valid .thc-whrv2-state{
  background:var(--thc-whrv2-success);
  border-color:var(--thc-whrv2-success);
}

#thc-whrv2 .is-valid input,
#thc-whrv2 .is-valid select{
  border-color:var(--thc-whrv2-success);
  box-shadow:0 0 0 4px rgba(29,138,87,0.08);
}

#thc-whrv2 .is-invalid input,
#thc-whrv2 .is-invalid select{
  border-color:var(--thc-whrv2-danger);
  box-shadow:0 0 0 4px rgba(193,74,74,0.10);
}

#thc-whrv2 .thc-whrv2-inline{
  margin:2px 0 0;
  font-size:12px;
  color:var(--thc-whrv2-muted);
}

#thc-whrv2 .thc-whrv2-actions,
#thc-whrv2 .thc-whrv2-mini-actions,
#thc-whrv2 .thc-whrv2-result-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

#thc-whrv2 .thc-whrv2-collapse{
  display:none;
  gap:12px;
  padding:14px;
  border:1px dashed var(--thc-whrv2-border);
  border-radius:14px;
  background:var(--thc-whrv2-bg-soft);
}

#thc-whrv2 .thc-whrv2-collapse.is-open{
  display:grid;
}

#thc-whrv2 .thc-whrv2-checks{
  display:grid;
  gap:10px;
}

#thc-whrv2 .thc-whrv2-check{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:var(--thc-whrv2-text);
  font-size:14px;
}

#thc-whrv2 .thc-whrv2-check input{
  width:18px;
  height:18px;
  margin:2px 0 0;
  padding:0;
}

#thc-whrv2 .thc-whrv2-live{
  min-height:22px;
  font-size:13px;
  color:var(--thc-whrv2-muted);
}

#thc-whrv2 .thc-whrv2-live.is-error{
  color:var(--thc-whrv2-danger);
}

#thc-whrv2 .thc-whrv2-live.is-success{
  color:var(--thc-whrv2-success);
}

#thc-whrv2 .thc-whrv2-empty{
  border:1px dashed var(--thc-whrv2-border);
  border-radius:16px;
  padding:16px;
  background:var(--thc-whrv2-bg-soft);
}

#thc-whrv2 .thc-whrv2-empty ul,
#thc-whrv2 .thc-whrv2-list{
  margin:0;
  padding-left:18px;
}

#thc-whrv2 .thc-whrv2-empty li,
#thc-whrv2 .thc-whrv2-list li{
  margin:0 0 8px;
}

#thc-whrv2 .thc-whrv2-results{
  display:none;
  gap:14px;
}

#thc-whrv2 .thc-whrv2-results.is-visible{
  display:grid;
  animation:thcWhrv2Fade .24s ease;
}

@keyframes thcWhrv2Fade{
  from{opacity:0;transform:translateY(4px);}
  to{opacity:1;transform:translateY(0);}
}

#thc-whrv2 .thc-whrv2-result-shell{
  border:1px solid var(--thc-whrv2-border);
  border-radius:18px;
  padding:16px;
  background:var(--thc-whrv2-bg);
  transition:border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

#thc-whrv2 .theme-success{
  border-color:rgba(29,138,87,0.28);
  background:linear-gradient(180deg, var(--thc-whrv2-success-soft), transparent 58%), var(--thc-whrv2-bg);
}

#thc-whrv2 .theme-warning{
  border-color:rgba(196,135,0,0.30);
  background:linear-gradient(180deg, var(--thc-whrv2-warning-soft), transparent 58%), var(--thc-whrv2-bg);
}

#thc-whrv2 .theme-danger{
  border-color:rgba(193,74,74,0.30);
  background:linear-gradient(180deg, var(--thc-whrv2-danger-soft), transparent 58%), var(--thc-whrv2-bg);
}

#thc-whrv2 .thc-whrv2-summary-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px;
}

#thc-whrv2 .thc-whrv2-metric{
  border:1px solid var(--thc-whrv2-border);
  border-radius:14px;
  padding:12px;
  background:var(--thc-whrv2-bg);
}

#thc-whrv2 .thc-whrv2-metric-label{
  margin:0 0 4px;
  font-size:12px;
  line-height:1.4;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:var(--thc-whrv2-muted);
}

#thc-whrv2 .thc-whrv2-metric-value{
  margin:0;
  font-size:24px;
  line-height:1.2;
  font-weight:700;
  color:var(--thc-whrv2-text);
}

#thc-whrv2 .thc-whrv2-metric-note{
  margin:4px 0 0;
  font-size:13px;
  color:var(--thc-whrv2-muted);
}

#thc-whrv2 .thc-whrv2-gauge-wrap{
  display:grid;
  gap:8px;
}

#thc-whrv2 .thc-whrv2-gauge{
  position:relative;
  height:16px;
  border-radius:999px;
  overflow:hidden;
  background:linear-gradient(90deg, #2d6cdf 0%, #2d6cdf 20%, #1d8a57 20%, #1d8a57 50%, #c48700 50%, #c48700 75%, #c14a4a 75%, #c14a4a 100%);
}

#thc-whrv2 .thc-whrv2-pointer{
  position:absolute;
  top:50%;
  left:0%;
  width:18px;
  height:18px;
  border-radius:999px;
  border:3px solid #ffffff;
  background:var(--thc-whrv2-text);
  box-shadow:0 2px 10px rgba(0,0,0,0.18);
  transform:translate(-50%,-50%);
}

#thc-whrv2 .thc-whrv2-scale{
  display:flex;
  justify-content:space-between;
  gap:8px;
  color:var(--thc-whrv2-muted);
  font-size:12px;
}

#thc-whrv2 .thc-whrv2-meaning,
#thc-whrv2 .thc-whrv2-reference,
#thc-whrv2 .thc-whrv2-next{
  margin:0;
  font-size:14px;
}

#thc-whrv2 .thc-whrv2-reference,
#thc-whrv2 .thc-whrv2-next{
  color:var(--thc-whrv2-muted);
}

#thc-whrv2 .thc-whrv2-goal{
  display:none;
  padding:12px;
  border:1px solid var(--thc-whrv2-border);
  border-radius:14px;
  background:var(--thc-whrv2-bg-soft);
}

#thc-whrv2 .thc-whrv2-goal.is-visible{
  display:block;
}

#thc-whrv2 .thc-whrv2-report{
  display:grid;
  gap:12px;
  border-top:1px solid var(--thc-whrv2-border);
  padding-top:14px;
}

#thc-whrv2 .thc-whrv2-report-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
}

#thc-whrv2 .thc-whrv2-brand{
  font-weight:700;
  letter-spacing:.06em;
}

#thc-whrv2 .thc-whrv2-report-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px;
}

#thc-whrv2 .thc-whrv2-box{
  border:1px solid var(--thc-whrv2-border);
  border-radius:12px;
  padding:10px;
  background:var(--thc-whrv2-bg);
}

#thc-whrv2 .thc-whrv2-foot{
  display:grid;
  gap:14px;
  margin-top:16px;
}

#thc-whrv2 .thc-whrv2-note,
#thc-whrv2 .thc-whrv2-disclaimer{
  padding:16px;
}

#thc-whrv2 .thc-whrv2-note p,
#thc-whrv2 .thc-whrv2-disclaimer p{
  margin:0;
}

#thc-whrv2 .thc-whrv2-note{
  background:linear-gradient(180deg, var(--thc-whrv2-accent-soft), transparent 85%), var(--thc-whrv2-bg);
}

#thc-whrv2 .thc-whrv2-noscript{
  margin-top:14px;
  padding:14px;
  border-radius:14px;
  border:1px solid var(--thc-whrv2-border);
  background:var(--thc-whrv2-bg-soft);
  color:var(--thc-whrv2-text);
}

@media (min-width:760px){
  #thc-whrv2 .thc-whrv2-shell{
    grid-template-columns:1fr;
  }
  #thc-whrv2 .thc-whrv2-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
  #thc-whrv2 .thc-whrv2-summary-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
  #thc-whrv2 .thc-whrv2-report-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width:640px){
  #thc-whrv2 .thc-whrv2-summary-grid,
  #thc-whrv2 .thc-whrv2-report-grid{
    grid-template-columns:1fr;
  }
  #thc-whrv2 .thc-whrv2-actions,
  #thc-whrv2 .thc-whrv2-mini-actions,
  #thc-whrv2 .thc-whrv2-result-actions{
    display:grid;
    grid-template-columns:1fr;
  }
}

@media print{
  #thc-whrv2{
    color:#111111;
    background:#ffffff;
    margin:0;
  }

#thc-whrv2 .thc-whrv2-card,
  #thc-whrv2 .thc-whrv2-note,
  #thc-whrv2 .thc-whrv2-disclaimer{
    box-shadow:none;
    border-color:#d0d0d0;
    background:#ffffff;
  }

#thc-whrv2 .thc-whrv2-switch,
  #thc-whrv2 .thc-whrv2-actions,
  #thc-whrv2 .thc-whrv2-mini-actions,
  #thc-whrv2 .thc-whrv2-result-actions,
  #thc-whrv2 .thc-whrv2-live,
  #thc-whrv2 .thc-whrv2-empty,
  #thc-whrv2 .thc-whrv2-inline,
  #thc-whrv2 .thc-whrv2-state,
  #thc-whrv2 noscript{
    display:none !important;
  }

#thc-whrv2 .thc-whrv2-shell{
    display:block;
  }

#thc-whrv2 .thc-whrv2-card{
    margin:0 0 12px;
    padding:14px;
  }

#thc-whrv2 .thc-whrv2-gauge{
    print-color-adjust:exact;
    -webkit-print-color-adjust:exact;
  }

#thc-whrv2 input,
  #thc-whrv2 select{
    border-color:#d9d9d9;
    background:#ffffff;
    color:#111111;
  }

#thc-whrv2 a{
    color:#111111;
    text-decoration:none;
  }
}

#thcalc-bf-app,
#thcalc-bf-app * {
  box-sizing: border-box;
  max-width: 100%;
  overflow-wrap: break-word;
}

#thcalc-bf-app {
  --thcalc-bf-bg: var(--surface, var(--card-bg, #ffffff));
  --thcalc-bf-bg-soft: var(--surface-2, var(--card-alt-bg, #f6f8fb));
  --thcalc-bf-text: var(--text, var(--body-text, #12212f));
  --thcalc-bf-muted: var(--muted-text, var(--secondary-text, #5a6b7c));
  --thcalc-bf-border: var(--border, var(--line-color, #d8e1ea));
  --thcalc-bf-accent: var(--accent, var(--link-color, #2b6cb0));
  --thcalc-bf-focus: var(--focus-ring, rgba(43, 108, 176, 0.22));
  --thcalc-bf-success: var(--success, #1f9d6b);
  --thcalc-bf-warning: var(--warning, #c88700);
  --thcalc-bf-danger: var(--danger, #c24141);
  --thcalc-bf-low: #4f86f7;
  --thcalc-bf-fit: #1f9d6b;
  --thcalc-bf-mid: #d69a00;
  --thcalc-bf-high: #d96a3a;
  --thcalc-bf-shadow: 0 14px 30px rgba(16, 33, 51, 0.08);
  --thcalc-bf-radius: 18px;
  --thcalc-bf-dynamic: var(--thcalc-bf-accent);
  margin: 24px 0;
  color: var(--thcalc-bf-text);
  font: 16px/1.6 Arial, Helvetica, sans-serif;
}

html[data-theme='dark'] #thcalc-bf-app,
body[data-theme='dark'] #thcalc-bf-app,
html.dark #thcalc-bf-app,
body.dark #thcalc-bf-app {
  --thcalc-bf-bg: var(--surface, var(--card-bg, #101820));
  --thcalc-bf-bg-soft: var(--surface-2, var(--card-alt-bg, #17222e));
  --thcalc-bf-text: var(--text, var(--body-text, #f2f7fb));
  --thcalc-bf-muted: var(--muted-text, var(--secondary-text, #b4c0cc));
  --thcalc-bf-border: var(--border, var(--line-color, #2c3b49));
  --thcalc-bf-focus: var(--focus-ring, rgba(102, 163, 255, 0.28));
  --thcalc-bf-shadow: 0 16px 32px rgba(0, 0, 0, 0.28);
}

#thcalc-bf-app .thcalc-bf-shell {
  background: var(--thcalc-bf-bg);
  border: 1px solid var(--thcalc-bf-border);
  border-radius: var(--thcalc-bf-radius);
  box-shadow: var(--thcalc-bf-shadow);
  overflow: hidden;
}

#thcalc-bf-app .thcalc-bf-inner {
  padding: 18px;
}

#thcalc-bf-app .thcalc-bf-brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  background: var(--thcalc-bf-bg-soft);
  color: var(--thcalc-bf-muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#thcalc-bf-app .thcalc-bf-brand::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--thcalc-bf-accent);
  flex: 0 0 auto;
}

#thcalc-bf-app .thcalc-bf-lead {
  margin: 14px 0 0;
  color: var(--thcalc-bf-text);
}

#thcalc-bf-app .thcalc-bf-sub {
  margin: 6px 0 0;
  color: var(--thcalc-bf-muted);
  font-size: 14px;
}

#thcalc-bf-app .thcalc-bf-grid {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

#thcalc-bf-app .thcalc-bf-card {
  background: var(--thcalc-bf-bg);
  border: 1px solid var(--thcalc-bf-border);
  border-radius: 16px;
  padding: 16px;
}

#thcalc-bf-app .thcalc-bf-card-soft {
  background: var(--thcalc-bf-bg-soft);
}

#thcalc-bf-app .thcalc-bf-section-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(43, 108, 176, 0.08);
  color: var(--thcalc-bf-accent);
  font-size: 13px;
  font-weight: 700;
}

#thcalc-bf-app .thcalc-bf-switch {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}

#thcalc-bf-app .thcalc-bf-switch button {
  appearance: none;
  border: 1px solid var(--thcalc-bf-border);
  background: var(--thcalc-bf-bg-soft);
  color: var(--thcalc-bf-text);
  border-radius: 12px;
  padding: 12px 14px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.12s ease;
}

#thcalc-bf-app .thcalc-bf-switch button[aria-pressed="true"] {
  background: rgba(43, 108, 176, 0.12);
  border-color: var(--thcalc-bf-accent);
  color: var(--thcalc-bf-accent);
}

#thcalc-bf-app .thcalc-bf-switch button:focus-visible,
#thcalc-bf-app button:focus-visible,
#thcalc-bf-app input:focus-visible,
#thcalc-bf-app select:focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px var(--thcalc-bf-focus);
}

#thcalc-bf-app .thcalc-bf-field-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 12px;
}

#thcalc-bf-app .thcalc-bf-inline {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

#thcalc-bf-app .thcalc-bf-field {
  position: relative;
}

#thcalc-bf-app .thcalc-bf-field.is-valid::after {
  content: "\2713";
  position: absolute;
  right: 12px;
  top: 40px;
  font-size: 14px;
  color: var(--thcalc-bf-success);
  font-weight: 700;
  pointer-events: none;
}

#thcalc-bf-app label,
#thcalc-bf-app .thcalc-bf-mini-label {
  display: block;
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 700;
  color: var(--thcalc-bf-text);
}

#thcalc-bf-app input,
#thcalc-bf-app select {
  width: 100%;
  border: 1px solid var(--thcalc-bf-border);
  background: var(--thcalc-bf-bg);
  color: var(--thcalc-bf-text);
  border-radius: 12px;
  padding: 12px 14px;
  min-height: 48px;
  font-size: 16px;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.12s ease;
}

#thcalc-bf-app input::placeholder {
  color: var(--thcalc-bf-muted);
}

#thcalc-bf-app input:focus,
#thcalc-bf-app select:focus {
  border-color: var(--thcalc-bf-accent);
}

#thcalc-bf-app .thcalc-bf-field.invalid input,
#thcalc-bf-app .thcalc-bf-field.invalid select {
  border-color: var(--thcalc-bf-danger);
}

#thcalc-bf-app .thcalc-bf-field.invalid {
  animation: thcalc-bf-shake 0.2s ease;
}

#thcalc-bf-app .thcalc-bf-error {
  min-height: 18px;
  margin-top: 6px;
  color: var(--thcalc-bf-danger);
  font-size: 12px;
  line-height: 1.35;
}

#thcalc-bf-app .thcalc-bf-hint {
  margin: 6px 0 0;
  color: var(--thcalc-bf-muted);
  font-size: 12px;
  line-height: 1.45;
}

#thcalc-bf-app .thcalc-bf-optional-toggle {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--thcalc-bf-accent);
  font-size: 14px;
  font-weight: 700;
  padding: 0;
  cursor: pointer;
}

#thcalc-bf-app .thcalc-bf-optional-wrap[hidden],
#thcalc-bf-app .thcalc-bf-unit-panel[hidden],
#thcalc-bf-app .thcalc-bf-female-only[hidden],
#thcalc-bf-app .thcalc-bf-preg-wrap[hidden],
#thcalc-bf-app .thcalc-bf-result[hidden],
#thcalc-bf-app .thcalc-bf-print-report[hidden] {
  display: none !important;
}

#thcalc-bf-app .thcalc-bf-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--thcalc-bf-border);
  background: var(--thcalc-bf-bg);
}

#thcalc-bf-app .thcalc-bf-check input {
  width: 18px;
  height: 18px;
  min-height: auto;
  margin: 3px 0 0;
  padding: 0;
}

#thcalc-bf-app .thcalc-bf-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

#thcalc-bf-app .thcalc-bf-actions button {
  appearance: none;
  border: 1px solid var(--thcalc-bf-border);
  background: var(--thcalc-bf-bg);
  color: var(--thcalc-bf-text);
  border-radius: 12px;
  padding: 12px 14px;
  min-height: 48px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.12s ease, border-color 0.18s ease, background-color 0.18s ease;
}

#thcalc-bf-app .thcalc-bf-actions button:hover {
  transform: translateY(-1px);
}

#thcalc-bf-app .thcalc-bf-actions .thcalc-bf-primary {
  background: var(--thcalc-bf-accent);
  color: #ffffff;
  border-color: var(--thcalc-bf-accent);
}

#thcalc-bf-app .thcalc-bf-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
  transform: none;
}

#thcalc-bf-app .thcalc-bf-status {
  min-height: 20px;
  margin-top: 10px;
  color: var(--thcalc-bf-muted);
  font-size: 13px;
}

#thcalc-bf-app .thcalc-bf-result {
  margin-top: 16px;
  border: 1px solid var(--thcalc-bf-border);
  border-radius: 18px;
  padding: 16px;
  animation: thcalc-bf-fade 0.25s ease;
}

#thcalc-bf-app .thcalc-bf-result-top {
  display: grid;
  gap: 12px;
}

#thcalc-bf-app .thcalc-bf-scoreline {
  display: grid;
  gap: 12px;
}

#thcalc-bf-app .thcalc-bf-scorebox {
  display: grid;
  gap: 4px;
}

#thcalc-bf-app .thcalc-bf-score-big {
  font-size: 34px;
  line-height: 1.05;
  font-weight: 800;
  color: var(--thcalc-bf-text);
}

#thcalc-bf-app .thcalc-bf-score-sub {
  color: var(--thcalc-bf-muted);
  font-size: 13px;
}

#thcalc-bf-app .thcalc-bf-pill {
  display: inline-flex;
  align-items: center;
  align-self: start;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  color: #ffffff;
  background: var(--thcalc-bf-dynamic);
}

#thcalc-bf-app .thcalc-bf-meaning {
  margin: 0;
  color: var(--thcalc-bf-text);
}

#thcalc-bf-app .thcalc-bf-gauge-wrap {
  margin-top: 10px;
}

#thcalc-bf-app .thcalc-bf-gauge-track {
  position: relative;
  display: grid;
  grid-template-columns: var(--g1, 20%) var(--g2, 25%) var(--g3, 20%) var(--g4, 35%);
  height: 14px;
  border-radius: 999px;
  overflow: hidden;
  background: var(--thcalc-bf-bg-soft);
  border: 1px solid var(--thcalc-bf-border);
}

#thcalc-bf-app .thcalc-bf-gauge-seg.low { background: var(--thcalc-bf-low); }
#thcalc-bf-app .thcalc-bf-gauge-seg.fit { background: var(--thcalc-bf-fit); }
#thcalc-bf-app .thcalc-bf-gauge-seg.mid { background: var(--thcalc-bf-mid); }
#thcalc-bf-app .thcalc-bf-gauge-seg.high { background: var(--thcalc-bf-high); }

#thcalc-bf-app .thcalc-bf-gauge-pointer {
  position: absolute;
  top: -8px;
  left: calc(var(--marker, 50%) - 10px);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 12px solid var(--thcalc-bf-text);
}

#thcalc-bf-app .thcalc-bf-gauge-note {
  margin-top: 8px;
  color: var(--thcalc-bf-muted);
  font-size: 12px;
}

#thcalc-bf-app .thcalc-bf-metrics {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

#thcalc-bf-app .thcalc-bf-metric {
  border: 1px solid var(--thcalc-bf-border);
  background: var(--thcalc-bf-bg);
  border-radius: 14px;
  padding: 12px;
}

#thcalc-bf-app .thcalc-bf-metric-value {
  font-size: 24px;
  line-height: 1.1;
  font-weight: 800;
  margin-top: 4px;
}

#thcalc-bf-app .thcalc-bf-metric-copy {
  color: var(--thcalc-bf-muted);
  font-size: 12px;
}

#thcalc-bf-app .thcalc-bf-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

#thcalc-bf-app .thcalc-bf-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  border-radius: 999px;
  background: var(--thcalc-bf-bg);
  border: 1px solid var(--thcalc-bf-border);
  color: var(--thcalc-bf-text);
  font-size: 12px;
}

#thcalc-bf-app .thcalc-bf-list {
  margin: 12px 0 0 18px;
  padding: 0;
}

#thcalc-bf-app .thcalc-bf-list li {
  margin: 6px 0;
  color: var(--thcalc-bf-text);
}

#thcalc-bf-app .thcalc-bf-goal,
#thcalc-bf-app .thcalc-bf-seal,
#thcalc-bf-app .thcalc-bf-sourcebox,
#thcalc-bf-app .thcalc-bf-disclaimer,
#thcalc-bf-app .thcalc-bf-print-report {
  margin-top: 14px;
  border: 1px solid var(--thcalc-bf-border);
  border-radius: 14px;
  padding: 14px;
  background: var(--thcalc-bf-bg);
}

#thcalc-bf-app .thcalc-bf-goal {
  background: var(--thcalc-bf-bg-soft);
}

#thcalc-bf-app .thcalc-bf-sourcebox a,
#thcalc-bf-app .thcalc-bf-disclaimer a {
  color: var(--thcalc-bf-accent);
  text-decoration: none;
}

#thcalc-bf-app .thcalc-bf-sourcebox a:hover,
#thcalc-bf-app .thcalc-bf-disclaimer a:hover {
  text-decoration: underline;
}

#thcalc-bf-app .thcalc-bf-toast {
  position: fixed;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%) translateY(16px);
  min-width: min(92vw, 320px);
  max-width: 92vw;
  border-radius: 12px;
  padding: 11px 14px;
  background: var(--thcalc-bf-text);
  color: #ffffff;
  font-size: 14px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 9999;
}

#thcalc-bf-app .thcalc-bf-toast.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

#thcalc-bf-app .thcalc-bf-noscript {
  margin-top: 16px;
  border: 1px dashed var(--thcalc-bf-border);
  border-radius: 14px;
  padding: 14px;
  color: var(--thcalc-bf-muted);
  background: var(--thcalc-bf-bg-soft);
}

#thcalc-bf-app .thcalc-bf-screen-only {
  display: block;
}

#thcalc-bf-app .thcalc-bf-print-only {
  display: none;
}

@keyframes thcalc-bf-fade {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes thcalc-bf-shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-2px); }
  50% { transform: translateX(2px); }
  75% { transform: translateX(-2px); }
  100% { transform: translateX(0); }
}

@media (min-width: 760px) {
  #thcalc-bf-app .thcalc-bf-inner {
    padding: 22px;
  }

#thcalc-bf-app .thcalc-bf-grid {
    grid-template-columns: 1fr;
    align-items: start;
  }

#thcalc-bf-app .thcalc-bf-field-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

#thcalc-bf-app .thcalc-bf-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

#thcalc-bf-app .thcalc-bf-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

#thcalc-bf-app .thcalc-bf-result-top {
    grid-template-columns: 1fr;
    align-items: start;
  }
}

@media (min-width: 1100px) {
  #thcalc-bf-app .thcalc-bf-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

#thcalc-bf-app .thcalc-bf-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media print {
  body * {
    visibility: hidden;
  }

#thcalc-bf-app,
  #thcalc-bf-app * {
    visibility: visible;
  }

#thcalc-bf-app {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    color: #111111;
    background: #ffffff;
  }

#thcalc-bf-app .thcalc-bf-shell,
  #thcalc-bf-app .thcalc-bf-card,
  #thcalc-bf-app .thcalc-bf-result,
  #thcalc-bf-app .thcalc-bf-goal,
  #thcalc-bf-app .thcalc-bf-seal,
  #thcalc-bf-app .thcalc-bf-sourcebox,
  #thcalc-bf-app .thcalc-bf-disclaimer,
  #thcalc-bf-app .thcalc-bf-print-report {
    box-shadow: none !important;
    border-color: #c9d2db !important;
    background: #ffffff !important;
    color: #111111 !important;
  }

#thcalc-bf-app .thcalc-bf-screen-only,
  #thcalc-bf-app .thcalc-bf-actions,
  #thcalc-bf-app .thcalc-bf-switch,
  #thcalc-bf-app .thcalc-bf-optional-toggle,
  #thcalc-bf-app .thcalc-bf-status,
  #thcalc-bf-app .thcalc-bf-toast,
  #thcalc-bf-app .thcalc-bf-card-soft:first-of-type,
  #thcalc-bf-app .thcalc-bf-noscript {
    display: none !important;
  }

#thcalc-bf-app .thcalc-bf-print-only {
    display: block !important;
  }

#thcalc-bf-app .thcalc-bf-print-report {
    display: block !important;
  }

#thcalc-bf-app .thcalc-bf-inner {
    padding: 0;
  }

#thcalc-bf-app .thcalc-bf-brand {
    background: #eef3f7 !important;
    color: #111111 !important;
  }

#thcalc-bf-app .thcalc-bf-gauge-pointer {
    border-top-color: #111111 !important;
  }
}

(function () {
  var app = document.getElementById('thcalc-bf-app');
  if (!app) return;

var storageKey = 'thcalc_bf_calculator_v2';
  var currentMode = 'metric';
  var currentResult = null;

function byId(id) {
    return document.getElementById(id);
  }

function fmt(n, decimals) {
    return Number(n).toFixed(decimals);
  }

function roundTo(n, decimals) {
    var p = Math.pow(10, decimals);
    return Math.round(n * p) / p;
  }

function clamp(n, min, max) {
    return Math.min(Math.max(n, min), max);
  }

function log10(n) {
    return Math.log(n) / Math.LN10;
  }

function cmToIn(cm) {
    return cm / 2.54;
  }

function inToCm(i) {
    return i * 2.54;
  }

function kgToLb(kg) {
    return kg * 2.2046226218;
  }

function lbToKg(lb) {
    return lb / 2.2046226218;
  }

function totalInches(ft, inch) {
    return (ft * 12) + inch;
  }

function setPressed(metricPressed) {
    byId('thcalc-bf-mode-metric').setAttribute('aria-pressed', metricPressed ? 'true' : 'false');
    byId('thcalc-bf-mode-imperial').setAttribute('aria-pressed', metricPressed ? 'false' : 'true');
  }

function toast(message) {
    var t = byId('thcalc-bf-toast');
    t.textContent = message;
    t.classList.add('show');
    window.clearTimeout(toast._timer);
    toast._timer = window.setTimeout(function () {
      t.classList.remove('show');
    }, 1800);
  }

function setOptionalVisibility() {
    var sex = byId('thcalc-bf-sex').value;
    var femaleOnly = app.querySelectorAll('.thcalc-bf-female-only');
    for (var i = 0; i < femaleOnly.length; i++) {
      femaleOnly[i].hidden = sex !== 'female';
    }
    byId('thcalc-bf-preg-wrap').hidden = sex !== 'female';
  }

function setUnitVisibility() {
    byId('thcalc-bf-panel-metric').hidden = currentMode !== 'metric';
    byId('thcalc-bf-panel-imperial').hidden = currentMode !== 'imperial';
    setPressed(currentMode === 'metric');
  }

function setStatus(message) {
    byId('thcalc-bf-status').textContent = message || '';
  }

function showOptional() {
    var wrap = byId('thcalc-bf-optional-wrap');
    var btn = byId('thcalc-bf-optional-toggle');
    var nowHidden = wrap.hidden;
    wrap.hidden = !nowHidden;
    btn.setAttribute('aria-expanded', nowHidden ? 'true' : 'false');
    btn.textContent = nowHidden ? 'Hide optional goal and context' : 'Show optional goal and context';
  }

function copyModeValues(nextMode) {
    if (currentMode === nextMode) return;

if (currentMode === 'metric') {
      var hCm = parseFloat(byId('thcalc-bf-m-height').value);
      var wKg = parseFloat(byId('thcalc-bf-m-weight').value);
      var neckCm = parseFloat(byId('thcalc-bf-m-neck').value);
      var waistCm = parseFloat(byId('thcalc-bf-m-waist').value);
      var hipCm = parseFloat(byId('thcalc-bf-m-hip').value);

if (!isNaN(hCm)) {
        var total = cmToIn(hCm);
        var ft = Math.floor(total / 12);
        var inch = roundTo(total - (ft * 12), 1);
        byId('thcalc-bf-i-height-ft').value = String(ft);
        byId('thcalc-bf-i-height-in').value = String(inch);
      }
      if (!isNaN(wKg)) byId('thcalc-bf-i-weight').value = String(roundTo(kgToLb(wKg), 1));
      if (!isNaN(neckCm)) byId('thcalc-bf-i-neck').value = String(roundTo(cmToIn(neckCm), 1));
      if (!isNaN(waistCm)) byId('thcalc-bf-i-waist').value = String(roundTo(cmToIn(waistCm), 1));
      if (!isNaN(hipCm)) byId('thcalc-bf-i-hip').value = String(roundTo(cmToIn(hipCm), 1));
    } else {
      var ftVal = parseFloat(byId('thcalc-bf-i-height-ft').value);
      var inVal = parseFloat(byId('thcalc-bf-i-height-in').value);
      var wLb = parseFloat(byId('thcalc-bf-i-weight').value);
      var neckIn = parseFloat(byId('thcalc-bf-i-neck').value);
      var waistIn = parseFloat(byId('thcalc-bf-i-waist').value);
      var hipIn = parseFloat(byId('thcalc-bf-i-hip').value);

if (!isNaN(ftVal) || !isNaN(inVal)) {
        var inches = (isNaN(ftVal) ? 0 : ftVal * 12) + (isNaN(inVal) ? 0 : inVal);
        if (inches > 0) byId('thcalc-bf-m-height').value = String(roundTo(inToCm(inches), 1));
      }
      if (!isNaN(wLb)) byId('thcalc-bf-m-weight').value = String(roundTo(lbToKg(wLb), 1));
      if (!isNaN(neckIn)) byId('thcalc-bf-m-neck').value = String(roundTo(inToCm(neckIn), 1));
      if (!isNaN(waistIn)) byId('thcalc-bf-m-waist').value = String(roundTo(inToCm(waistIn), 1));
      if (!isNaN(hipIn)) byId('thcalc-bf-m-hip').value = String(roundTo(inToCm(hipIn), 1));
    }
  }

function getBodyFatBand(sex, bf) {
    var color, label, meaning, gauge, note;

if (sex === 'female') {
      gauge = { max: 50, widths: ['28%', '22%', '14%', '36%'] };
      if (bf < 14) {
        color = 'var(--thcalc-bf-low)';
        label = 'Lower reference band';
        meaning = 'This estimate is below commonly used adult female reference ranges. Some trained adults may sit here, but very low body-fat levels are not a fit for everyone.';
      } else if (bf < 25) {
        color = 'var(--thcalc-bf-fit)';
        label = 'Lean to fitness range';
        meaning = 'This estimate falls in a lean to fitness-style adult female reference band. It is still more useful as a trend than as a single judgment.';
      } else if (bf < 32) {
        color = 'var(--thcalc-bf-mid)';
        label = 'General adult reference band';
        meaning = 'This estimate sits in a commonly used adult female reference band. It is best treated as context, not a diagnosis.';
      } else {
        color = 'var(--thcalc-bf-high)';
        label = 'Higher reference band';
        meaning = 'This estimate is above commonly used adult female reference bands. For many adults, that is most useful as a tracking signal over time with the same method.';
      }
      note = 'General adult female reference context only. Children, teens, pregnancy, and some athletic builds need extra caution.';
    } else {
      gauge = { max: 40, widths: ['15%', '30%', '18%', '37%'] };
      if (bf < 6) {
        color = 'var(--thcalc-bf-low)';
        label = 'Lower reference band';
        meaning = 'This estimate is below commonly used adult male reference ranges. Some trained adults may sit here, but very low body-fat levels are not a fit for everyone.';
      } else if (bf < 18) {
        color = 'var(--thcalc-bf-fit)';
        label = 'Lean to fitness range';
        meaning = 'This estimate falls in a lean to fitness-style adult male reference band. It is still more useful as a trend than as a single judgment.';
      } else if (bf < 25) {
        color = 'var(--thcalc-bf-mid)';
        label = 'General adult reference band';
        meaning = 'This estimate sits in a commonly used adult male reference band. It is best treated as context, not a diagnosis.';
      } else {
        color = 'var(--thcalc-bf-high)';
        label = 'Higher reference band';
        meaning = 'This estimate is above commonly used adult male reference bands. For many adults, that is most useful as a tracking signal over time with the same method.';
      }
      note = 'General adult male reference context only. Children, teens, and very muscular builds can need extra caution.';
    }

return {
      color: color,
      label: label,
      meaning: meaning,
      gauge: gauge,
      note: note
    };
  }

function validate(silent) {
    clearErrors();

var sex = byId('thcalc-bf-sex').value;
    var age = parseFloat(byId('thcalc-bf-age').value);
    var goal = parseFloat(byId('thcalc-bf-goal').value);
    var pregnant = byId('thcalc-bf-pregnant').checked;
    var muscular = byId('thcalc-bf-muscular').checked;
    var valid = true;

age = need('age', age, 14, 99, 'Age');

var values = {
      sex: sex,
      age: age,
      goal: isNaN(goal) ? null : goal,
      pregnant: pregnant,
      muscular: muscular,
      unitMode: currentMode
    };

if (currentMode === 'metric') {
      var hCm = need('m-height', parseFloat(byId('thcalc-bf-m-height').value), 120, 230, 'Height');
      var wKg = need('m-weight', parseFloat(byId('thcalc-bf-m-weight').value), 30, 300, 'Weight');
      var neckCm = need('m-neck', parseFloat(byId('thcalc-bf-m-neck').value), 20, 65, 'Neck');
      var waistCm = need('m-waist', parseFloat(byId('thcalc-bf-m-waist').value), 40, 220, 'Waist');
      var hipCm = sex === 'female' ? need('m-hip', parseFloat(byId('thcalc-bf-m-hip').value), 50, 220, 'Hip') : null;

if (!valid) return null;

values.heightCm = hCm;
      values.weightKg = wKg;
      values.neckCm = neckCm;
      values.waistCm = waistCm;
      values.hipCm = hipCm;
      values.heightIn = cmToIn(hCm);
      values.weightLb = kgToLb(wKg);
      values.neckIn = cmToIn(neckCm);
      values.waistIn = cmToIn(waistCm);
      values.hipIn = hipCm ? cmToIn(hipCm) : null;
    } else {
      var ft = need('i-height-ft', parseFloat(byId('thcalc-bf-i-height-ft').value), 3, 8, 'Height feet');
      var inch = need('i-height-in', parseFloat(byId('thcalc-bf-i-height-in').value), 0, 11.9, 'Height inches');
      var wLb = need('i-weight', parseFloat(byId('thcalc-bf-i-weight').value), 66, 660, 'Weight');
      var neckIn = need('i-neck', parseFloat(byId('thcalc-bf-i-neck').value), 8, 26, 'Neck');
      var waistIn = need('i-waist', parseFloat(byId('thcalc-bf-i-waist').value), 16, 86, 'Waist');
      var hipIn = sex === 'female' ? need('i-hip', parseFloat(byId('thcalc-bf-i-hip').value), 20, 86, 'Hip') : null;

if (!valid) return null;

values.heightIn = totalInches(ft, inch);
      values.weightLb = wLb;
      values.neckIn = neckIn;
      values.waistIn = waistIn;
      values.hipIn = hipIn;
      values.heightCm = inToCm(values.heightIn);
      values.weightKg = lbToKg(wLb);
      values.neckCm = inToCm(neckIn);
      values.waistCm = inToCm(waistIn);
      values.hipCm = hipIn ? inToCm(hipIn) : null;
    }

if (values.sex === 'male') {
      if ((values.waistIn - values.neckIn) <= 0.5) {
        if (!silent) markFieldState(currentMode === 'metric' ? 'm-waist' : 'i-waist', false, 'Waist should be clearly larger than neck for a usable estimate.');
        return null;
      }
    } else {
      if (((values.waistIn + values.hipIn) - values.neckIn) <= 1) {
        if (!silent) markFieldState(currentMode === 'metric' ? 'm-hip' : 'i-hip', false, 'Waist, hip, and neck values do not create a usable estimate.');
        return null;
      }
    }

if (!isNaN(goal)) {
      var minGoal = values.sex === 'male' ? 3 : 10;
      var maxGoal = values.sex === 'male' ? 45 : 50;
      if (goal < minGoal || goal > maxGoal) {
        if (!silent) markFieldState('goal', false, 'Target body fat should be between ' + minGoal + ' and ' + maxGoal + ' for this context.');
        return null;
      } else if (!silent) {
        markFieldState('goal', true, '');
      }
    }

return values;
  }

function buildNotes(data, bf, band, bmiInfo) {
    var notes = [];

notes.push('Use the same tape placement, posture, and time of day if you want to compare results over time.');
    notes.push('This estimate is most useful as a repeatable snapshot, not as a stand-alone health judgment.');

if (data.age < 20) {
      notes.push('This calculator is designed mainly for adult-style interpretation. If you are under 20, do not treat adult body-fat or BMI reference bands as a direct fit.');
    }

if (data.sex === 'female' && data.pregnant) {
      notes.push('Pregnancy and breastfeeding can change body composition in ways this calculator does not model. Use the estimate with extra caution.');
    }

if (data.muscular) {
      notes.push('A very muscular or athletic build can make weight-based context such as BMI look less representative than body-composition trends over time.');
    }

if (data.age >= 60) {
      notes.push('Body composition can shift with age, including changes in lean mass. That makes trend tracking and broader context especially helpful.');
    }

if (data.age >= 20) {
      if (bmiInfo.label === 'Healthy weight' && band.label === 'Higher reference band') {
        notes.push('Your BMI falls in a healthy-weight category, but your body-fat estimate sits higher. This is one reason body weight alone does not tell the whole story.');
      }
      if ((bmiInfo.label === 'Overweight' || bmiInfo.label === 'Obesity') && (band.label === 'Lean to fitness range' || band.label === 'Lower reference band')) {
        notes.push('Your BMI category and body-fat estimate do not point in the same direction. Body composition, waist measures, and training status can help explain that difference.');
      }
    }

if (bf < 6 && data.sex === 'male') {
      notes.push('Very low readings may reflect a lean build, but they can also be sensitive to small tape-measure errors.');
    }

if (bf < 14 && data.sex === 'female') {
      notes.push('Lower readings in women deserve extra context, because adult female body-fat patterns differ from male reference bands.');
    }

return notes;
  }

function buildGoalText(data, bf, leanMassKg) {
    if (data.goal === null || isNaN(data.goal)) return '';
    var targetWeightKg = leanMassKg / (1 - (data.goal / 100));
    if (!isFinite(targetWeightKg) || targetWeightKg <= 0) return '';
    var deltaKg = targetWeightKg - data.weightKg;
    var deltaLb = kgToLb(deltaKg);
    var direction = deltaKg < 0 ? 'lower' : 'higher';
    var absKg = Math.abs(deltaKg);
    var absLb = Math.abs(deltaLb);

if (absKg < 0.2) {
      return 'You are already close to your selected target. The most useful next step may be consistent tracking rather than chasing a very small change.';
    }

return 'If lean mass stayed broadly similar, moving from ' + fmt(bf, 1) + '% to ' + fmt(data.goal, 1) + '% body fat would put your estimated body weight around ' + fmt(targetWeightKg, 1) + ' kg (' + fmt(kgToLb(targetWeightKg), 1) + ' lb), which is about ' + fmt(absKg, 1) + ' kg (' + fmt(absLb, 1) + ' lb) ' + direction + ' than now.';
  }

function buildInputChips(data) {
    var chips = [];
    chips.push('Sex: ' + (data.sex === 'female' ? 'Female' : 'Male'));
    chips.push('Age: ' + data.age);

if (currentMode === 'metric') {
      chips.push('Height: ' + fmt(data.heightCm, 1) + ' cm');
      chips.push('Weight: ' + fmt(data.weightKg, 1) + ' kg');
      chips.push('Neck: ' + fmt(data.neckCm, 1) + ' cm');
      chips.push('Waist: ' + fmt(data.waistCm, 1) + ' cm');
      if (data.sex === 'female' && data.hipCm) chips.push('Hip: ' + fmt(data.hipCm, 1) + ' cm');
    } else {
      var ft = Math.floor(data.heightIn / 12);
      var inch = roundTo(data.heightIn - (ft * 12), 1);
      chips.push('Height: ' + ft + ' ft ' + fmt(inch, 1) + ' in');
      chips.push('Weight: ' + fmt(data.weightLb, 1) + ' lb');
      chips.push('Neck: ' + fmt(data.neckIn, 1) + ' in');
      chips.push('Waist: ' + fmt(data.waistIn, 1) + ' in');
      if (data.sex === 'female' && data.hipIn) chips.push('Hip: ' + fmt(data.hipIn, 1) + ' in');
    }

if (data.muscular) chips.push('Context: muscular build');
    if (data.sex === 'female' && data.pregnant) chips.push('Context: pregnancy or breastfeeding');
    return chips;
  }

function makeSummary(data, bf, band, bmi, bmiInfo, fatMassKg, leanMassKg) {
    var lines = [];
    lines.push('Estimated body fat: ' + fmt(bf, 1) + '%');
    lines.push('Reference band: ' + band.label);
    lines.push('Fat mass: ' + fmt(fatMassKg, 1) + ' kg (' + fmt(kgToLb(fatMassKg), 1) + ' lb)');
    lines.push('Lean body mass: ' + fmt(leanMassKg, 1) + ' kg (' + fmt(kgToLb(leanMassKg), 1) + ' lb)');
    lines.push('BMI: ' + fmt(bmi, 1) + ' - ' + bmiInfo.label);
    if (data.age < 20) lines.push('Teen note: adult BMI and body-fat reference bands are not a direct fit.');
    if (data.sex === 'female' && data.pregnant) lines.push('Pregnancy note: interpret cautiously.');
    if (data.muscular) lines.push('Muscular build note: BMI may be less representative than body-composition trends.');
    return lines.join('\n');
  }

function updateDynamicColors(color) {
    var result = byId('thcalc-bf-result');
    result.style.borderColor = color;
    result.style.background = 'linear-gradient(180deg, rgba(255,255,255,0.96) 0%, var(--thcalc-bf-bg) 100%)';
    result.style.boxShadow = 'inset 0 0 0 9999px rgba(255,255,255,0.01)';
    result.style.setProperty('--thcalc-bf-dynamic', color);
  }

function renderPrintReport(chips, results, notes, goalText) {
    var printBox = byId('thcalc-bf-print-report');
    var printInputs = byId('thcalc-bf-print-inputs');
    var printResults = byId('thcalc-bf-print-results');
    var printNotes = byId('thcalc-bf-print-notes');
    var printGoalBox = byId('thcalc-bf-print-goal-box');
    var printGoal = byId('thcalc-bf-print-goal');

printInputs.innerHTML = '';
    printResults.innerHTML = '';
    printNotes.innerHTML = '';

for (var i = 0; i < chips.length; i++) {
      var liIn = document.createElement('li');
      liIn.textContent = chips[i];
      printInputs.appendChild(liIn);
    }

for (var j = 0; j < results.length; j++) {
      var liRes = document.createElement('li');
      liRes.textContent = results[j];
      printResults.appendChild(liRes);
    }

for (var k = 0; k < notes.length; k++) {
      var liNote = document.createElement('li');
      liNote.textContent = notes[k];
      printNotes.appendChild(liNote);
    }

if (goalText) {
      printGoalBox.hidden = false;
      printGoal.textContent = goalText;
    } else {
      printGoalBox.hidden = true;
      printGoal.textContent = '';
    }

byId('thcalc-bf-print-date').textContent = 'Printed on ' + new Date().toLocaleDateString();
    printBox.hidden = false;
  }

function renderResult(data) {
    var bf;
    if (data.sex === 'male') {
      bf = (86.01 * log10(data.waistIn - data.neckIn)) - (70.041 * log10(data.heightIn)) + 36.76;
    } else {
      bf = (163.205 * log10(data.waistIn + data.hipIn - data.neckIn)) - (97.684 * log10(data.heightIn)) - 78.387;
    }

if (!isFinite(bf)) {
      setStatus('The inputs do not create a usable estimate yet.');
      byId('thcalc-bf-result').hidden = true;
      byId('thcalc-bf-print-report').hidden = true;
      currentResult = null;
      return;
    }

bf = clamp(roundTo(bf, 1), 2, 60);

var fatMassKg = roundTo(data.weightKg * (bf / 100), 1);
    var leanMassKg = roundTo(data.weightKg - fatMassKg, 1);
    var bmi = roundTo(data.weightKg / Math.pow(data.heightCm / 100, 2), 1);
    var band = getBodyFatBand(data.sex, bf);
    var bmiInfo = getBmiContext(data.age, bmi);
    var notes = buildNotes(data, bf, band, bmiInfo);
    var goalText = buildGoalText(data, bf, leanMassKg);
    var chips = buildInputChips(data);
    var summary = makeSummary(data, bf, band, bmi, bmiInfo, fatMassKg, leanMassKg);

currentResult = {
      bodyFat: bf,
      band: band.label,
      bmi: bmi,
      bmiLabel: bmiInfo.label,
      fatMassKg: fatMassKg,
      leanMassKg: leanMassKg,
      summary: summary
    };

byId('thcalc-bf-result').hidden = false;
    updateDynamicColors(band.color);

byId('thcalc-bf-score').textContent = fmt(bf, 1) + '%';
    byId('thcalc-bf-band-pill').textContent = band.label;
    byId('thcalc-bf-meaning').textContent = band.meaning;
    byId('thcalc-bf-gauge-note').textContent = band.note;
    byId('thcalc-bf-fat-mass').textContent = fmt(fatMassKg, 1) + ' kg';
    byId('thcalc-bf-lean-mass').textContent = fmt(leanMassKg, 1) + ' kg';
    byId('thcalc-bf-bmi').textContent = fmt(bmi, 1);
    byId('thcalc-bf-bmi-copy').textContent = bmiInfo.label + '. ' + bmiInfo.meaning;
    byId('thcalc-bf-summary').textContent = summary.replace(/\n/g, ' | ');

var notesList = byId('thcalc-bf-notes');
    notesList.innerHTML = '';
    for (var i = 0; i < notes.length; i++) {
      var li = document.createElement('li');
      li.textContent = notes[i];
      notesList.appendChild(li);
    }

var chipsWrap = byId('thcalc-bf-input-chips');
    chipsWrap.innerHTML = '';
    for (var j = 0; j < chips.length; j++) {
      var chip = document.createElement('span');
      chip.className = 'thcalc-bf-chip';
      chip.textContent = chips[j];
      chipsWrap.appendChild(chip);
    }

if (goalText) {
      byId('thcalc-bf-goal-box').hidden = false;
      byId('thcalc-bf-goal-text').textContent = goalText;
    } else {
      byId('thcalc-bf-goal-box').hidden = true;
      byId('thcalc-bf-goal-text').textContent = '';
    }

var gaugeTrack = byId('thcalc-bf-gauge-track');
    gaugeTrack.style.setProperty('--g1', band.gauge.widths[0]);
    gaugeTrack.style.setProperty('--g2', band.gauge.widths[1]);
    gaugeTrack.style.setProperty('--g3', band.gauge.widths[2]);
    gaugeTrack.style.setProperty('--g4', band.gauge.widths[3]);
    gaugeTrack.style.setProperty('--marker', clamp((bf / band.gauge.max) * 100, 0, 100) + '%');

var resultLines = [
      'Estimated body fat: ' + fmt(bf, 1) + '%',
      'Reference band: ' + band.label,
      'Fat mass: ' + fmt(fatMassKg, 1) + ' kg (' + fmt(kgToLb(fatMassKg), 1) + ' lb)',
      'Lean body mass: ' + fmt(leanMassKg, 1) + ' kg (' + fmt(kgToLb(leanMassKg), 1) + ' lb)',
      'BMI: ' + fmt(bmi, 1) + ' - ' + bmiInfo.label
    ];

renderPrintReport(chips, resultLines, notes, goalText);

setStatus('Updated. You can copy, print, share, or save this result locally.');
    saveLocal(true);
  }

function updateButtonState() {
    var data = validate(true);
    byId('thcalc-bf-calc').disabled = !data;
  }

byId('thcalc-bf-mode-metric').addEventListener('click', function () {
    copyModeValues('metric');
    currentMode = 'metric';
    setUnitVisibility();
    updateButtonState();
    if (validate(true)) calculateAndRender(false);
    saveLocal(true);
  });

byId('thcalc-bf-mode-imperial').addEventListener('click', function () {
    copyModeValues('imperial');
    currentMode = 'imperial';
    setUnitVisibility();
    updateButtonState();
    if (validate(true)) calculateAndRender(false);
    saveLocal(true);
  });

byId('thcalc-bf-optional-toggle').addEventListener('click', showOptional);
  byId('thcalc-bf-calc').addEventListener('click', function () { calculateAndRender(true); });
  byId('thcalc-bf-recalc').addEventListener('click', function () { calculateAndRender(true); });
  byId('thcalc-bf-save').addEventListener('click', function () { saveLocal(false); });
  byId('thcalc-bf-reset').addEventListener('click', function () { resetAll(); toast('Calculator reset'); });

byId('thcalc-bf-copy').addEventListener('click', function () {
    if (!currentResult) return;
    copyText(currentResult.summary).then(function () {
      toast('Result copied');
    }).catch(function () {
      toast('Unable to copy right now');
    });
  });

byId('thcalc-bf-share').addEventListener('click', function () {
    if (!currentResult) return;
    var shareData = {
      title: 'Body Fat Calculator Result',
      text: currentResult.summary,
      url: window.location.href
    };

if (navigator.share) {
      navigator.share(shareData).then(function () {
        toast('Shared');
      }).catch(function () {});
    } else {
      copyText(currentResult.summary).then(function () {
        toast('Summary copied for sharing');
      }).catch(function () {
        toast('Sharing is not available here');
      });
    }
  });

byId('thcalc-bf-print').addEventListener('click', function () {
    if (!currentResult) calculateAndRender(false);
    window.print();
  });

byId('thcalc-bf-pdf').addEventListener('click', function () {
    if (!currentResult) calculateAndRender(false);
    toast('Choose Save as PDF in your print dialog');
    window.setTimeout(function () {
      window.print();
    }, 250);
  });

restoreLocal();
  setUnitVisibility();
  setOptionalVisibility();
  attachLiveUpdates();
  updateButtonState();

if (validate(true)) {
    calculateAndRender(false);
  } else {
    setStatus('Enter your details to estimate body fat, fat mass, lean body mass, and BMI context.');
  }
})();

.thc-protein-calc,
  .thc-protein-calc * {
    box-sizing: border-box;
    max-width: 100%;
    overflow-wrap: break-word;
  }

.thc-protein-calc {
    --thc-protein-bg: var(--body-bg, var(--background, #f6fbf8));
    --thc-protein-surface: var(--card-bg, var(--surface, #ffffff));
    --thc-protein-surface-soft: var(--surface-soft, #eef8f2);
    --thc-protein-text: var(--text-color, var(--text, #173128));
    --thc-protein-muted: var(--muted-text, #60756d);
    --thc-protein-border: var(--border-color, #d8e7df);
    --thc-protein-accent: var(--accent-color, #1f8f61);
    --thc-protein-accent-soft: rgba(31, 143, 97, 0.12);
    --thc-protein-focus: rgba(31, 143, 97, 0.26);
    --thc-protein-blue: #2f6fc7;
    --thc-protein-green: #1f8f61;
    --thc-protein-yellow: #b87912;
    --thc-protein-red: #b54444;
    --thc-protein-error: #b54444;
    --thc-protein-radius: 18px;
    --thc-protein-shadow: 0 16px 42px rgba(18, 56, 42, 0.10);
    width: 100%;
    margin: 24px auto;
    padding: 16px;
    color: var(--thc-protein-text);
    background: linear-gradient(180deg, var(--thc-protein-bg), transparent);
    border: 1px solid var(--thc-protein-border);
    border-radius: 24px;
    font-family: inherit;
  }

html[data-theme='dark'] .thc-protein-calc,
  body.dark .thc-protein-calc,
  .dark .thc-protein-calc,
  [data-theme='dark'] .thc-protein-calc {
    --thc-protein-bg: var(--body-bg, var(--background, #101816));
    --thc-protein-surface: var(--card-bg, var(--surface, #16231f));
    --thc-protein-surface-soft: var(--surface-soft, #1c2f29);
    --thc-protein-text: var(--text-color, var(--text, #edf7f2));
    --thc-protein-muted: var(--muted-text, #a7bbb2);
    --thc-protein-border: var(--border-color, #2a4039);
    --thc-protein-accent: var(--accent-color, #66d69d);
    --thc-protein-accent-soft: rgba(102, 214, 157, 0.14);
    --thc-protein-focus: rgba(102, 214, 157, 0.28);
    --thc-protein-shadow: 0 18px 44px rgba(0, 0, 0, 0.28);
  }

.thc-protein-wrap {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    width: 100%;
  }

.thc-protein-card {
    width: 100%;
    background: var(--thc-protein-surface);
    border: 1px solid var(--thc-protein-border);
    border-radius: var(--thc-protein-radius);
    box-shadow: var(--thc-protein-shadow);
    padding: 18px;
  }

.thc-protein-card-title {
    display: block;
    font-size: 1.12rem;
    line-height: 1.35;
    font-weight: 800;
    margin: 0 0 6px;
    color: var(--thc-protein-text);
  }

.thc-protein-card-sub {
    margin: 0 0 16px;
    color: var(--thc-protein-muted);
    font-size: 0.94rem;
    line-height: 1.55;
  }

.thc-protein-form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
  }

.thc-protein-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }

@media (min-width: 640px) {
    .thc-protein-row {
      grid-template-columns: 1fr 1fr;
    }
  }

.thc-protein-field {
    position: relative;
  }

.thc-protein-label {
    display: block;
    margin: 0 0 7px;
    font-size: 0.92rem;
    font-weight: 750;
    color: var(--thc-protein-text);
  }

.thc-protein-input,
  .thc-protein-select {
    width: 100%;
    min-height: 46px;
    padding: 11px 12px;
    border-radius: 14px;
    border: 1px solid var(--thc-protein-border);
    background: var(--thc-protein-surface);
    color: var(--thc-protein-text);
    font: inherit;
    outline: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
  }

.thc-protein-input::placeholder {
    color: var(--thc-protein-muted);
    opacity: 0.78;
  }

.thc-protein-input:focus,
  .thc-protein-select:focus {
    border-color: var(--thc-protein-accent);
    box-shadow: 0 0 0 4px var(--thc-protein-focus);
  }

.thc-protein-field.thc-protein-valid .thc-protein-input,
  .thc-protein-field.thc-protein-valid .thc-protein-select {
    border-color: var(--thc-protein-green);
  }

.thc-protein-field.thc-protein-valid::after {
    content: "\2713";
    position: absolute;
    right: 12px;
    bottom: 13px;
    font-weight: 800;
    color: var(--thc-protein-green);
    pointer-events: none;
  }

.thc-protein-field.thc-protein-select-field.thc-protein-valid::after {
    display: none;
  }

.thc-protein-field.thc-protein-invalid .thc-protein-input,
  .thc-protein-field.thc-protein-invalid .thc-protein-select {
    border-color: var(--thc-protein-error);
    animation: thcProteinShake 0.18s ease;
  }

@keyframes thcProteinShake {
    0%, 100% { transform: translateX(0); }
    35% { transform: translateX(-3px); }
    70% { transform: translateX(3px); }
  }

.thc-protein-error {
    display: none;
    margin-top: 6px;
    color: var(--thc-protein-error);
    font-size: 0.83rem;
    line-height: 1.4;
  }

.thc-protein-field.thc-protein-invalid .thc-protein-error {
    display: block;
  }

.thc-protein-toggle {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 5px;
    border: 1px solid var(--thc-protein-border);
    border-radius: 15px;
    background: var(--thc-protein-surface-soft);
  }

.thc-protein-toggle button {
    min-height: 40px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: var(--thc-protein-muted);
    font: inherit;
    font-weight: 750;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
  }

.thc-protein-toggle button[aria-pressed="true"] {
    background: var(--thc-protein-surface);
    color: var(--thc-protein-accent);
    box-shadow: 0 8px 18px rgba(18, 56, 42, 0.08);
  }

.thc-protein-toggle button:focus-visible,
  .thc-protein-btn:focus-visible,
  .thc-protein-link-btn:focus-visible {
    outline: 3px solid var(--thc-protein-focus);
    outline-offset: 2px;
  }

.thc-protein-advanced {
    border: 1px solid var(--thc-protein-border);
    border-radius: 16px;
    background: var(--thc-protein-surface-soft);
    overflow: hidden;
  }

.thc-protein-advanced summary {
    cursor: pointer;
    padding: 13px 14px;
    font-weight: 800;
    color: var(--thc-protein-text);
  }

.thc-protein-advanced-inner {
    padding: 0 14px 14px;
  }

.thc-protein-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 2px;
  }

.thc-protein-btn,
  .thc-protein-link-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 14px;
    border-radius: 14px;
    border: 1px solid var(--thc-protein-border);
    background: var(--thc-protein-surface);
    color: var(--thc-protein-text);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    text-decoration: none;
    transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease, opacity 0.18s ease;
  }

.thc-protein-btn:hover,
  .thc-protein-link-btn:hover {
    transform: translateY(-1px);
    border-color: var(--thc-protein-accent);
  }

.thc-protein-btn-primary {
    background: var(--thc-protein-accent);
    color: #ffffff;
    border-color: var(--thc-protein-accent);
  }

.thc-protein-btn:disabled {
    cursor: not-allowed;
    opacity: 0.56;
    transform: none;
  }

.thc-protein-note {
    margin: 10px 0 0;
    color: var(--thc-protein-muted);
    font-size: 0.88rem;
    line-height: 1.5;
  }

.thc-protein-result-card {
    display: none;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity 0.22s ease, transform 0.22s ease, border-color 0.22s ease, background 0.22s ease;
  }

.thc-protein-result-card.thc-protein-show {
    display: block;
    opacity: 1;
    transform: translateY(0);
  }

.thc-protein-result-card.thc-protein-state-blue {
    border-color: rgba(47, 111, 199, 0.42);
    background: linear-gradient(180deg, rgba(47, 111, 199, 0.08), var(--thc-protein-surface));
  }

.thc-protein-result-card.thc-protein-state-green {
    border-color: rgba(31, 143, 97, 0.46);
    background: linear-gradient(180deg, rgba(31, 143, 97, 0.10), var(--thc-protein-surface));
  }

.thc-protein-result-card.thc-protein-state-yellow {
    border-color: rgba(184, 121, 18, 0.44);
    background: linear-gradient(180deg, rgba(184, 121, 18, 0.10), var(--thc-protein-surface));
  }

.thc-protein-result-card.thc-protein-state-red {
    border-color: rgba(181, 68, 68, 0.44);
    background: linear-gradient(180deg, rgba(181, 68, 68, 0.09), var(--thc-protein-surface));
  }

.thc-protein-preview {
    padding: 14px;
    border: 1px dashed var(--thc-protein-border);
    border-radius: 16px;
    background: var(--thc-protein-surface-soft);
    color: var(--thc-protein-muted);
    line-height: 1.55;
  }

.thc-protein-result-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 14px;
  }

@media (min-width: 680px) {
    .thc-protein-result-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

.thc-protein-metric {
    padding: 14px;
    border-radius: 16px;
    background: var(--thc-protein-surface-soft);
    border: 1px solid var(--thc-protein-border);
  }

.thc-protein-metric-label {
    display: block;
    color: var(--thc-protein-muted);
    font-size: 0.82rem;
    line-height: 1.35;
    margin-bottom: 6px;
  }

.thc-protein-metric-value {
    display: block;
    font-size: 1.24rem;
    line-height: 1.2;
    font-weight: 900;
    color: var(--thc-protein-text);
  }

.thc-protein-big-result {
    display: block;
    margin: 8px 0 0;
    font-size: clamp(1.8rem, 5vw, 3rem);
    line-height: 1.06;
    font-weight: 950;
    letter-spacing: -0.04em;
    color: var(--thc-protein-text);
  }

.thc-protein-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    padding: 7px 10px;
    border-radius: 999px;
    font-size: 0.84rem;
    font-weight: 850;
    background: var(--thc-protein-accent-soft);
    color: var(--thc-protein-text);
    border: 1px solid var(--thc-protein-border);
  }

.thc-protein-gauge-wrap {
    margin-top: 16px;
    padding: 14px;
    border-radius: 16px;
    border: 1px solid var(--thc-protein-border);
    background: var(--thc-protein-surface-soft);
  }

.thc-protein-gauge-labels {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
    color: var(--thc-protein-muted);
    font-size: 0.78rem;
  }

.thc-protein-gauge {
    position: relative;
    height: 14px;
    border-radius: 999px;
    overflow: visible;
    background: linear-gradient(90deg, var(--thc-protein-blue) 0%, var(--thc-protein-green) 38%, var(--thc-protein-yellow) 72%, var(--thc-protein-red) 100%);
  }

.thc-protein-gauge-marker {
    position: absolute;
    top: -6px;
    left: 0%;
    width: 4px;
    height: 26px;
    border-radius: 99px;
    background: var(--thc-protein-text);
    transform: translateX(-2px);
    transition: left 0.25s ease;
  }

.thc-protein-section {
    margin-top: 14px;
    padding: 14px;
    border: 1px solid var(--thc-protein-border);
    border-radius: 16px;
    background: var(--thc-protein-surface-soft);
  }

.thc-protein-section-label {
    display: block;
    margin: 0 0 7px;
    font-weight: 900;
    color: var(--thc-protein-text);
  }

.thc-protein-section p {
    margin: 0;
    color: var(--thc-protein-muted);
    line-height: 1.58;
    font-size: 0.94rem;
  }

.thc-protein-mini-list {
    margin: 8px 0 0;
    padding-left: 18px;
    color: var(--thc-protein-muted);
    line-height: 1.55;
    font-size: 0.94rem;
  }

.thc-protein-mini-list li {
    margin: 4px 0;
  }

.thc-protein-status {
    min-height: 20px;
    margin-top: 10px;
    color: var(--thc-protein-muted);
    font-size: 0.88rem;
    line-height: 1.45;
  }

.thc-protein-trust,
  .thc-protein-disclaimer,
  .thc-protein-seo-text {
    margin-top: 14px;
    padding: 14px;
    border-radius: 16px;
    border: 1px solid var(--thc-protein-border);
    background: var(--thc-protein-surface);
    color: var(--thc-protein-muted);
    line-height: 1.58;
    font-size: 0.92rem;
  }

.thc-protein-trust strong,
  .thc-protein-disclaimer strong,
  .thc-protein-seo-text strong {
    color: var(--thc-protein-text);
  }

.thc-protein-print-only {
    display: none;
  }

@media print {
    body.thc-protein-printing * {
      visibility: hidden !important;
    }

body.thc-protein-printing .thc-protein-calc,
    body.thc-protein-printing .thc-protein-calc * {
      visibility: visible !important;
    }

body.thc-protein-printing .thc-protein-calc {
      position: absolute !important;
      left: 0 !important;
      top: 0 !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      box-shadow: none !important;
      background: #ffffff !important;
      color: #111111 !important;
    }

body.thc-protein-printing .thc-protein-card,
    body.thc-protein-printing .thc-protein-section,
    body.thc-protein-printing .thc-protein-metric,
    body.thc-protein-printing .thc-protein-gauge-wrap,
    body.thc-protein-printing .thc-protein-trust,
    body.thc-protein-printing .thc-protein-disclaimer {
      box-shadow: none !important;
      border-color: #cccccc !important;
      background: #ffffff !important;
      color: #111111 !important;
      break-inside: avoid;
    }

body.thc-protein-printing .thc-protein-actions,
    body.thc-protein-printing .thc-protein-form,
    body.thc-protein-printing .thc-protein-note,
    body.thc-protein-printing .thc-protein-seo-text,
    body.thc-protein-printing .thc-protein-preview,
    body.thc-protein-printing .thc-protein-advanced {
      display: none !important;
    }

body.thc-protein-printing .thc-protein-print-only {
      display: block !important;
      margin-bottom: 12px;
      padding-bottom: 10px;
      border-bottom: 2px solid #222222;
      color: #111111 !important;
    }

body.thc-protein-printing .thc-protein-result-card {
      display: block !important;
      opacity: 1 !important;
      transform: none !important;
    }

body.thc-protein-printing .thc-protein-result-grid {
      grid-template-columns: 1fr 1fr 1fr !important;
    }

body.thc-protein-printing .thc-protein-btn {
      display: none !important;
    }
  }

Free health calculators and practical wellness tools

Browse calculators by health category

Weight & Body

Nutrition

Pregnancy & Fertility

Baby & Child

Fitness & Performance

Most popular calculators

Body Composition Calculator for BMI, Body Fat & Daily Calories

BMR Calculator: Calculate Your Basal Metabolic Rate

BMI Calculator: Check Your Body Mass Index and Understand What Your Result Means

Protein Calculator: Estimate Your Daily Protein Intake

Child Height Predictor: How Tall Will My Child Be?

Lean Muscle Gain Calculator: Estimate Calories, Protein, and Muscle Growth

TDEE Calculator: Estimate Your Daily Calories and Energy Needs

Calorie Calculator: Estimate Your Daily Calorie Needs

Ideal Weight Calculator: Find Your Healthy Weight Range

Waist-to-Hip Ratio Calculator: Check Your WHR and Understand What It Means

Browse guides by topic

Contact us

Contact Us

Post a Comment

Contact form