.health-container{--page-gutter:clamp(1rem, 2vw, 2rem);padding:var(--page-gutter);--viz-heat-1:#d4defa;--viz-heat-2:#a9bcf0;--viz-heat-3:#708ce0;--viz-heat-4:#2952c2;--viz-sym-1:#f6d0c7;--viz-sym-2:#eda28f;--viz-sym-3:#dd6c50;--viz-sym-4:#b3391b;--viz-pos:#006300;--viz-neg:#d03b3b;--viz-cal-1:#98bac9;--viz-cal-2:#528fa4;--viz-cal-3:#215f72;--viz-intake:#11829a;--viz-macro-protein:#b5533a;--viz-macro-carbohydrates:#b8901c;--viz-macro-fat:#6b4fa8;--viz-meal-breakfast:#eb6834;--viz-meal-lunch:#1baf7a;--viz-meal-dinner:#2952c2;--viz-meal-snack:#94a3b8;--viz-meal-other:#cbd5e1;width:100%;max-width:1040px;margin:0 auto}[data-theme=dark] .health-container{--viz-heat-1:#263654;--viz-heat-2:#3e5288;--viz-heat-3:#6b8ce8;--viz-heat-4:#a9c4f7;--viz-sym-1:#4a2b28;--viz-sym-2:#7c4030;--viz-sym-3:#c2603f;--viz-sym-4:#eda28f;--viz-pos:#34d399;--viz-neg:#f87171;--viz-cal-1:#457487;--viz-cal-2:#69a7bd;--viz-cal-3:#9ed0e0;--viz-intake:#4cc0d8;--viz-macro-protein:#cf6f4c;--viz-macro-carbohydrates:#d4b455;--viz-macro-fat:#9e8ae8;--viz-meal-breakfast:#f0885a;--viz-meal-lunch:#34d399;--viz-meal-dinner:#6b8ce8;--viz-meal-snack:#9a8f7f;--viz-meal-other:#64748b}.health-container .health-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:.75rem;display:flex}.health-container .health-title{font-family:var(--gp-display);letter-spacing:-.01em;color:var(--gp-ink);font-size:clamp(1.5rem,2vw,1.875rem);font-weight:600}.health-container .health-tabs{scrollbar-width:none;align-items:center;gap:.25rem;display:flex;overflow-x:auto}.health-container .health-tabs .tab-btn{font-family:var(--gp-display);letter-spacing:-.01em;color:var(--gp-ink-muted);cursor:pointer;white-space:nowrap;transition:color .15s var(--gp-ease), background .15s var(--gp-ease);background:0 0;border:none;border-radius:999px;padding:.375rem .75rem;font-size:.9375rem;font-weight:500}.health-container .health-tabs .tab-btn:hover{color:var(--gp-ink);background:var(--gp-hover)}.health-container .health-tabs .tab-btn.dim{color:color-mix(in srgb, var(--gp-ink-faint) 55%, transparent)}.health-container .health-tabs .tab-btn.dim:hover{color:var(--gp-ink-muted)}.health-container .health-tabs .tab-btn.active{color:var(--gp-on-accent);background:var(--gp-accent);cursor:default}.health-container .empty-state{min-height:46dvh;padding-top:0}