.health-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;margin-top:14px}.metric-card,.week-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow)}.metric-card h3,.week-card h3{font:700 21px Georgia,serif;margin:0}.metric-head{display:flex;align-items:flex-start;justify-content:space-between}.metric-head>span,.metric-head>strong{font-size:12px;color:var(--muted)}.macro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.macro-grid div{display:grid;grid-template-columns:8px 1fr;column-gap:8px}.macro-grid strong{font-size:18px}.macro-grid span{grid-column:2;color:var(--muted);font-size:11px}.macro{grid-row:1/3;width:5px;border-radius:9px}.protein{background:#e97940}.carbs{background:#d1b64b}.fat{background:#709a82}.water-value{margin:17px 0 14px}.water-value strong{font:700 30px Georgia,serif}.water-value span{font-size:11px;color:var(--muted)}.water-buttons{display:flex;gap:7px}.water-buttons button{border:0;border-radius:999px;padding:8px 11px;background:#dcecf0;color:#315f66;font-weight:800;cursor:pointer}.water-buttons button:first-child{width:34px}.weight-card>button{border:0;background:transparent;text-align:left;padding:17px 0 0;cursor:pointer;color:var(--ink)}.weight-card button strong{display:block;font:700 30px Georgia,serif}.weight-card button span{font-size:11px;color:var(--muted)}.week-card{margin-top:14px}.week-chart{height:125px;display:grid;grid-template-columns:repeat(7,1fr);gap:9px;align-items:end;margin-top:18px}.day-bar{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.day-bar i{display:block;width:min(34px,70%);min-height:3px;background:var(--orange);border-radius:8px 8px 3px 3px}.day-bar span{font-size:10px;color:var(--muted)}#foodDialog select{font:600 16px Inter,sans-serif;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--paper);width:100%}@media(max-width:800px){.health-grid{grid-template-columns:1fr 1fr}.macros-card{grid-column:1/-1}}@media(max-width:520px){.health-grid{grid-template-columns:1fr}.macros-card{grid-column:auto}.week-chart{gap:4px}.log-actions{max-width:145px}.log-actions .text-btn:first-child{order:3}}