.health-hero{margin-bottom:22px}.health-overview{display:grid;grid-template-columns:minmax(560px,1.35fr) minmax(340px,.65fr);gap:20px;align-items:stretch}.body-card,.source-card,.trend-card,.history-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}.body-card>header,.source-card>header,.history-card>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.body-card h2,.source-card h2,.trend-card h2,.history-card h2{margin:2px 0}.body-layout{display:grid;grid-template-columns:1fr 180px 1fr;gap:18px;align-items:center;min-height:350px}.body-values{display:grid;gap:24px}.body-values.right{text-align:right}.body-values div{padding-bottom:10px;border-bottom:1px solid var(--line)}.body-values span,.metric-grid span{display:block;color:var(--muted);font-size:12px}.body-values strong{font-size:23px}.human-wrap{text-align:center}.human-figure{width:145px;height:300px;overflow:visible}.human-figure circle,.human-figure path{fill:color-mix(in srgb,currentColor 13%,transparent);stroke:currentColor;stroke-width:4}.human-wrap.under{color:#46a4dd}.human-wrap.normal{color:#43b432}.human-wrap.over{color:#ffad0b}.human-wrap.obese{color:#ff493e}.human-wrap.clinical{color:#df0000}.human-wrap.unknown{color:#a9ada9}.human-wrap small{font-weight:800;color:currentColor}.bmi-legend{display:grid;grid-template-columns:repeat(5,1fr);margin-top:8px;overflow:hidden;border-radius:12px;color:white;text-align:center;font-size:11px}.bmi-legend span{padding:10px 4px}.bmi-legend .under{background:#46a4dd}.bmi-legend .normal{background:#43b432}.bmi-legend .over{background:#ffad0b}.bmi-legend .obese{background:#ff493e}.bmi-legend .clinical{background:#df0000}.health-side{display:grid;grid-template-rows:1fr 1fr;gap:20px}.source-card header{justify-content:flex-start}.source-logo{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:white;font-size:23px;font-weight:900}.zepp-card .source-logo{background:#ef6f44}.fitbit-card .source-logo{background:#00a6a6}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.metric-grid div{padding:14px;border-radius:14px;background:#f3f1ea}.metric-grid b{font-size:19px}.source-badge{display:inline-flex;width:max-content;padding:5px 9px;border-radius:99px;font-size:11px;font-weight:850}.source-badge.zepp{background:#ffe4d9;color:#9b3f20}.source-badge.fitbit{background:#d8f5f3;color:#08736f}.trend-card{margin-top:20px}.weight-chart{height:175px;display:flex;align-items:end;gap:10px;padding-top:20px;overflow-x:auto}.weight-column{min-width:52px;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center}.weight-column b,.weight-column span{font-size:10px}.weight-column i{display:block;width:24px;margin:5px 0;border-radius:8px 8px 2px 2px;background:linear-gradient(#d06b42,#efa783)}.health-inputs{display:grid;grid-template-columns:.7fr 1.3fr;gap:20px;margin-top:20px}.history-card{margin-top:20px}.health-table{overflow-x:auto}.health-row{min-width:780px;display:grid;grid-template-columns:1.5fr .8fr repeat(5,1fr);align-items:center;gap:10px;padding:12px 5px;border-bottom:1px solid var(--line)}.health-row.heading{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.health-row:last-child{border-bottom:0}
@media(max-width:980px){.health-overview,.health-inputs{grid-template-columns:1fr}.body-card{padding:18px}.health-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}}
@media(max-width:680px){.body-layout{grid-template-columns:1fr;gap:18px;min-height:0;padding-top:10px}.human-wrap{grid-row:1}.athletic-silhouette,.human-figure{width:118px;height:220px}.body-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.body-values.left{grid-row:2}.body-values.right{grid-row:3;text-align:left}.body-values div{min-width:0;padding:10px 7px;border:1px solid var(--line);border-radius:11px;background:#f8f6f0}.body-values strong{display:block;font-size:15px;line-height:1.25;overflow-wrap:anywhere}.body-values span{font-size:9px;line-height:1.25}.bmi-legend{grid-template-columns:1fr}.health-side{grid-template-columns:1fr}.metric-grid{gap:8px}.health-inputs .three-cols{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.body-values{grid-template-columns:repeat(2,minmax(0,1fr))}.body-card,.source-card,.trend-card,.history-card{padding:14px}}
.unique-date-picker{min-width:220px}.unique-date-picker label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.unique-date-picker select{width:100%;padding:9px 34px 9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);font:inherit;text-transform:none}
.unique-body-panel{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.unique-body-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:12px}.unique-body-heading h3{margin:2px 0;font-size:20px}.unique-body-heading>span{color:var(--muted);font-size:12px}.unique-metric-cloud{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.unique-metric{padding:11px 10px;border:1px solid var(--line);border-radius:13px;background:#f7f5ef;min-width:0}.unique-metric span{display:block;color:var(--muted);font-size:10px;line-height:1.2;min-height:24px}.unique-metric strong{display:block;margin-top:4px;font-size:17px;line-height:1.2;overflow-wrap:anywhere}.unique-metric.important{background:linear-gradient(145deg,#e8f6ed,#f7fbf8);border-color:#a9d9ba}.unique-metric.important strong{color:#1d6840}@media(max-width:980px){.unique-metric-cloud{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.unique-metric-cloud{grid-template-columns:repeat(2,minmax(0,1fr))}.unique-body-heading{align-items:flex-start;flex-direction:column}.unique-metric span{min-height:0}.unique-metric strong{font-size:16px}}