:root{--pico-font-family:"Inter",system-ui,sans-serif;--recovery:#22c55e;--sleep:#a855f7;--hrv:#ec4899;--rhr:#f43f5e;--strain:#f59e0b;--weight:#06b6d4}body{--pico-background-color:#0f172a;--pico-card-background-color:#1e293b;--pico-border-color:#334155}.metrics-grid .card{margin-bottom:0;padding:1rem}.metrics-grid .card .value{margin:.5rem 0;font-size:2rem;font-weight:800;line-height:1}.chart-container{width:100%;height:250px}.badge{display:inline-block;border-radius:1rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.badge-high{color:#34d399;background:#065f46}.badge-medium{color:#fbbf24;background:#92400e}.badge-low{color:#f87171;background:#7f1d1d}.recovery .value{color:var(--recovery)}.sleep .value{color:var(--sleep)}.hrv .value{color:var(--hrv)}.rhr .value{color:var(--rhr)}.strain .value{color:var(--strain)}.weight .value{color:var(--weight)}.muted{color:var(--pico-muted-color);font-size:.875rem}