.ss-grid{grid-template-columns:1.5fr 1fr}
.ss-chart{display:block;width:100%;height:auto;touch-action:none;font-family:var(--font)}
#yearChart{cursor:pointer}
.ss-chart text{fill:var(--ink-500);font-size:12px}
.ss-day{margin:var(--sp-5) 0}
.ss-stats{grid-template-columns:repeat(3,1fr)}
.sw{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:4px;vertical-align:middle}
.sw-self{background:#3c8d6b}.sw-batt{background:#7cc4a4}.sw-exp{background:#f5c542}.sw-gen{background:#f5a800}.sw-use{background:#9fb9c9}
.k-use{border-top:3px solid #34433d}
.ss-lbl{display:block;font-weight:600;font-size:var(--fs-sm);margin-bottom:var(--sp-2)}
.ss-seg{display:flex;flex-wrap:wrap;gap:var(--sp-1)}
.ss-seg button{font:inherit;font-size:var(--fs-sm);padding:.45rem .7rem;border:1.5px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--ink-700);cursor:pointer;min-height:36px}
.ss-seg button[aria-checked=true]{background:var(--brand-600);border-color:var(--brand-600);color:#fff}
@media (max-width:860px){.ss-grid{grid-template-columns:1fr}}
@media (max-width:420px){.ss-stats{grid-template-columns:repeat(2,1fr)}}
.sw-sur{background:#f5c542;opacity:.6}
.sw-cov{background:#2f7fa3}