.tracker{max-width:var(--width-tool)}.tracker-note{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.tracker-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:640px){.tracker-grid{grid-template-columns:1fr 1fr;align-items:stretch}}.tracker-today,.tracker-stats{background:var(--color-surface);border:var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.tracker-today-label,.tracker-chart-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-subtle);margin-bottom:var(--space-3)}.tracker-today-main{display:flex;align-items:center;gap:var(--space-4)}.tracker-ring{flex:none;width:96px;height:96px}.tracker-ring svg{width:96px;height:96px}.tracker-today-value-wrap{display:flex;align-items:baseline;gap:var(--space-2)}.tracker-today-value{font-family:var(--font-mono);font-size:var(--text-5xl);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--color-text)}.tracker-today-unit{font-size:var(--text-lg);color:var(--color-text-muted)}.tracker-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.tracker-add,.tracker-sub,.tracker-log{min-height:var(--touch-target);padding-inline:var(--space-4);border:var(--border);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-text-inverse);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color .15s,border-color .15s}.tracker-sub{background:var(--color-surface);color:var(--color-text);min-width:var(--touch-target)}.tracker-add:hover,.tracker-log:hover{opacity:.92}.tracker-sub:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.tracker-actions--value{flex-direction:column;align-items:stretch}.tracker-input-label{font-size:var(--text-sm);color:var(--color-text-muted)}.tracker-input-row{display:flex;gap:var(--space-2)}.tracker-input{flex:1;min-height:var(--touch-target);padding:var(--space-3);border:var(--border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono)}.tracker-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-content:center}.tracker-stat{display:flex;flex-direction:column;gap:var(--space-1)}.tracker-stat--wide{grid-column:1 / -1}.tracker-stat-value{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text)}.tracker-summary{font-size:var(--text-xl)}.tracker-stat-label{font-size:var(--text-xs);color:var(--color-text-subtle)}.tracker-chart-wrap{margin-top:var(--space-6)}.tracker-chart{width:100%}.tracker-empty{color:var(--color-text-muted);font-size:var(--text-sm)}.tracker-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-4);border-top:var(--border)}.tracker-control{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.tracker-goal,.tracker-unit{min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:var(--border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text)}.tracker-reset{margin-left:auto;min-height:var(--touch-target);padding-inline:var(--space-4);border:var(--border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer}.tracker-reset.is-confirming{color:var(--color-danger);border-color:var(--color-danger)}.tracker-chart .viz-bar{fill:var(--color-accent-subtle)}.tracker-chart .viz-bar--met{fill:var(--color-accent)}.tracker-chart .viz-line{stroke:var(--color-accent);stroke-width:2}.tracker-chart .viz-avg{stroke:var(--color-text-subtle);stroke-width:1.5;stroke-dasharray:3 3}.tracker-chart .viz-dot{fill:var(--color-accent)}.tracker-chart .viz-goal{stroke:var(--color-text-subtle)}.tracker-chart .viz-axis{fill:var(--color-text-subtle);font-size:9px}.tracker-ring .viz-ring-track{stroke:var(--color-surface-hover)}.tracker-ring .viz-ring-fill{stroke:var(--color-accent)}.tracker-ring .viz-ring-text{fill:var(--color-text);font-family:var(--font-mono);font-size:22px;font-weight:700}