.activity-chart{min-width:0;padding:4px 0;color:var(--ink)}
.activity-chart-controls{display:flex;flex-wrap:wrap;gap:8px}
.activity-chart button{min-height:44px;padding:10px 14px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:12px/1.4 var(--mono);cursor:pointer}
.activity-chart button[aria-pressed=true]{background:var(--ink);color:var(--card)}
.activity-chart button:disabled{opacity:.5;cursor:default}
.activity-chart button:focus-visible,.activity-chart input:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.activity-chart-plot{display:block;width:100%;height:160px;overflow:visible}
.activity-chart-grid{stroke:var(--chart-grid,var(--line));stroke-width:1}
.activity-chart-axis{fill:var(--chart-axis,var(--muted));font:12px var(--mono)}
.activity-chart-line{fill:none;stroke:var(--chart-clicks,var(--ink));stroke-width:3;stroke-linejoin:round}
.activity-chart-dot{fill:var(--chart-clicks,var(--ink));stroke:var(--card);stroke-width:2}
.activity-chart-marker{stroke:var(--ink);stroke-width:1;stroke-dasharray:4 4;pointer-events:none}
.activity-chart-readout{font:12px/1.5 var(--mono);overflow-wrap:anywhere;margin:6px 0}
.activity-chart-note{font-size:11px;line-height:1.5;color:var(--muted);margin:6px 0}
.activity-chart-navigation{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;gap:12px;align-items:center}
.activity-chart-navigation input{width:100%;min-width:0;min-height:44px;accent-color:var(--ink)}
@media(max-width:540px){.activity-chart-navigation{grid-template-columns:44px minmax(80px,1fr) 44px;gap:8px}.activity-chart-controls button{flex:1}.activity-chart-plot{height:140px}.activity-chart-readout{font-size:11px}}