.stat{--stat-tone:var(--accent);--stat-pad-y:var(--pad,var(--spacing-16px,16px));--stat-pad-x:var(--pad,var(--spacing-16px,16px));--stat-gap:6px;--stat-value-size:var(--fs-26);--stat-ico:30px;--tn:var(--stat-tone);--tn-s:var(--accent-soft);--tn-e:var(--accent);gap:var(--stat-gap);padding:var(--stat-pad-y) var(--stat-pad-x);background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-xl);min-width:0;transition:border-color var(--dur,var(--dur-fast)) var(--ease);flex-direction:column;display:flex}.stat[data-size=compact]{--stat-pad-y:var(--spacing-10px,10px);--stat-pad-x:var(--spacing-11px,11px);--stat-gap:5px;--stat-value-size:var(--fs-22);--stat-ico:26px}.stat[data-size=comfortable]{--stat-pad-y:var(--spacing-14px,14px);--stat-pad-x:var(--spacing-14px,14px);--stat-gap:var(--spacing-6px,6px);--stat-value-size:28px;--stat-ico:30px}.stat[data-size=spacious]{--stat-pad-y:18px;--stat-pad-x:var(--spacing-16px,16px);--stat-gap:var(--spacing-8px,8px);--stat-value-size:32px;--stat-ico:32px}.stat[data-tone]{--tn-e:var(--stat-tone);--tn-s:color-mix(in oklab, var(--stat-tone) 14%, transparent)}.stat-top{min-height:var(--stat-ico);justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.stat-i{width:var(--stat-ico);height:var(--stat-ico);border-radius:var(--r-lg);background:var(--tn-s,var(--accent-soft));color:var(--tn-e,var(--accent));flex:none;place-items:center;display:grid}.stat-v{min-width:0;font-family:var(--mono);font-size:var(--stat-value-size);letter-spacing:-.02em;color:var(--fg);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.05;display:block;overflow:hidden}.stat-v>i{color:var(--fg-dim);letter-spacing:0;vertical-align:.15em;margin-left:4px;font-size:.45em;font-style:normal;font-weight:520}.stat-l{min-width:0;font-family:var(--ui);letter-spacing:.005em;color:var(--fg-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;line-height:1.3;display:block;overflow:hidden}.stat-f{justify-content:space-between;align-items:center;gap:9px;min-height:20px;margin-top:2px;display:flex}.stat-d{border-radius:var(--r-pill);font-family:var(--mono);color:var(--fg-dim);background:var(--bg-3);font-variant-numeric:tabular-nums;letter-spacing:.005em;flex-shrink:0;align-items:center;gap:3px;padding:2px 7px;font-size:10.5px;font-weight:600;display:inline-flex}.stat-d[data-dir=up]{background:var(--green-soft);color:color-mix(in srgb, var(--green) 58%, black)}.stat-d[data-dir=down]{background:var(--red-soft);color:color-mix(in srgb, var(--red) 62%, black)}.stat-d[data-dir=flat]{background:var(--bg-3);color:var(--fg-dim)}:is([data-theme=dark],[data-theme=vscode]) .stat-d[data-dir=up]{color:color-mix(in srgb, var(--green) 92%, white)}:is([data-theme=dark],[data-theme=vscode]) .stat-d[data-dir=down]{color:color-mix(in srgb, var(--red) 90%, white)}:is([data-theme=dark],[data-theme=vscode]) .stat-d[data-dir=flat]{background:color-mix(in oklab, var(--bg-4) 55%, var(--bg-3));color:var(--fg-dim)}@media (prefers-reduced-motion:reduce){.stat{transition:none}}
.sparkline{--tn:var(--accent);--tn-h:var(--accent);--tn-a:var(--accent);--tn-s:var(--accent-soft);--tn-m:var(--accent-soft);--tn-e:var(--accent);--tn-b:var(--accent);--tn-on:var(--on-accent);--tn-g:transparent;color:var(--tn);display:block;overflow:visible}.sparkline-g line{stroke:color-mix(in oklab, var(--fg-faint,var(--fg-dim)) 55%, var(--line));stroke-width:1px;stroke-dasharray:2 3;opacity:.85}:is([data-theme=dark],[data-theme=vscode]) .sparkline-g line{stroke:color-mix(in oklab, var(--fg-dim) 50%, transparent);opacity:.9}.sparkline-l{stroke:var(--tn-h,var(--tn));stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round}:is([data-theme=dark],[data-theme=vscode]) .sparkline-l{stroke:var(--tn-a,var(--tn-h,var(--tn)));stroke-width:1.85px}.sparkline-a{fill:color-mix(in oklab, var(--tn) 18%, transparent);stroke:none}.sparkline-d{fill:var(--tn-h,var(--tn))}.sparkline-legend{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--fg-dim);letter-spacing:.01em;justify-content:space-between;gap:6px;max-width:100%;margin-top:2px;font-size:9px;font-weight:550;line-height:1.1;display:flex}.sparkline-wrap{vertical-align:middle;flex-direction:column;align-items:stretch;min-width:0;display:inline-flex}
