:root{font-family:Arial,Helvetica,sans-serif;color:#20252b;background:#f6f7f8;font-synthesis:none;font-variant-numeric:tabular-nums}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}h1{font-size:23px;font-weight:600;margin:0}.status{font-size:12px;color:#636c75}.demo{padding:12px;background:#fff2ca;margin-bottom:16px;font-size:12px}.demo span{margin-left:10px}.dashboard{background:white;border:1px solid #dce0e4;padding:24px}.summary{display:flex;gap:72px;align-items:center;padding-bottom:24px;border-bottom:1px solid #e3e6e9}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.5px;color:#626c76;margin:0 0 12px}.reading{display:flex;align-items:baseline;gap:8px}#weight{font-size:48px;font-weight:600;line-height:1}#weight-unit{font-size:20px;color:#636c75}.muted{font-size:12px;color:#636c75;margin:8px 0 0}.change{font-size:27px;margin:0}.chart-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0}h2{font-size:16px;font-weight:600;margin:0}.controls{display:flex;gap:16px}.segmented{display:flex;gap:1px;border:1px solid #d5dae0;border-radius:4px;overflow:hidden}button{font:inherit;font-size:12px;padding:8px 12px;background:white;color:#47505a;border:0;cursor:pointer}button[aria-pressed=true]{background:#e7edf5;color:#153c6b;font-weight:600}button:focus-visible,summary:focus-visible{outline:2px solid #2463a0;outline-offset:-2px}.chart-wrap{position:relative}svg{width:100%;height:auto;display:block}svg text{font:11px Arial;fill:#65717c}svg .grid{stroke:#e8ecf0;stroke-width:1}svg .line{fill:none;stroke:#346a9e;stroke-width:2;stroke-linejoin:round}svg .point{fill:#346a9e;stroke:white;stroke-width:1}#empty{padding:55px 12px;background:#fafbfc;text-align:center;color:#626c76;font-size:14px;border:1px dashed #dce0e4}.chart-bottom{display:flex;justify-content:space-between;font-size:11px;color:#636c75;margin:12px 0 20px}.legend{display:inline-block;width:7px;height:7px;background:#346a9e;margin-right:6px}details{border-top:1px solid #e3e6e9;padding-top:16px;font-size:12px}summary{font-weight:600;cursor:pointer;width:fit-content}.table-wrap{max-height:240px;overflow:auto;margin-top:12px}table{width:100%;border-collapse:collapse;font-size:12px}th{background:#f6f7f8;position:sticky;top:0}td,th{padding:10px;text-align:left;border-bottom:1px solid #e8ecf0}td:last-child,th:last-child{text-align:right}footer{font-size:11px;color:#6b747d;padding:16px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(max-width:600px){main{padding:16px}h1{font-size:20px}.dashboard{padding:16px}.summary{gap:32px}#weight{font-size:40px}.change{font-size:24px}.chart-top{align-items:flex-start;flex-direction:column}.controls{width:100%;justify-content:space-between}svg text{font-size:14px}.status{font-size:11px}}

.rolling-section{border-top:1px solid #e3e6e9;padding:16px 0 24px}.rolling-value{font-size:12px;color:#47505a}.rolling-section>svg{margin-bottom:24px}
.series-toggles{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.series-toggles button{display:flex;align-items:center;gap:7px;border:1px solid #d5dae0;border-radius:4px}.series-toggles button[aria-pressed=false]{opacity:.55;background:#fff}.swatch{display:inline-block;width:18px;height:3px;background:var(--series-color)}.weight{--series-color:#346a9e}.average{--series-color:#bd6500}.maximum{--series-color:#9a49a5}.minimum{--series-color:#14805e}svg g .line{stroke:var(--series-color)}svg g .point{fill:var(--series-color)}svg .average .line{stroke-width:3}svg .maximum .line{stroke-dasharray:7 4}svg .minimum .line{stroke-dasharray:3 4}