.activity-filters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.activity-filters label { min-width: 0; }
.activity-filters select { width: 100%; min-height: 44px; }
.activity-metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--space-3); }
.activity-metric, .activity-chart, .activity-attempt { border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); padding: var(--space-4); min-width: 0; overflow-wrap: anywhere; }
.activity-metric { display: flex; flex-direction: column; gap: var(--space-2); }
.activity-metric strong { font-size: var(--font-size-h2); }
.activity-metric span, .activity-note, .activity-chart > p { font-size: var(--font-size-sm); }
.activity-charts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); margin-top: var(--space-5); }
.activity-chart { margin: 0; }
.activity-chart figcaption { font-weight: 700; }
.activity-bars { position: relative; height: 140px; display: flex; gap: 3px; align-items: stretch; margin-top: var(--space-4); border-bottom: 1px solid var(--color-border-strong); }
.activity-bar { display: flex; flex: 1; min-width: 0; align-items: flex-end; }
.activity-bar:focus-visible { box-shadow: var(--focus-ring); }
.activity-bar-label { display: none; position: absolute; bottom: 100%; left: 0; right: 0; padding: var(--space-2); border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface); color: var(--color-text); font-size: var(--font-size-xs); z-index: 1; }
.activity-bar:hover .activity-bar-label, .activity-bar:focus .activity-bar-label { display: block; }
.activity-bar-fill { display: block; width: 100%; border-radius: 3px 3px 0 0; background: var(--color-primary); }
.activity-bar-zero { min-height: 2px; opacity: .35; }
.activity-history { display: grid; gap: var(--space-3); }
.activity-attempt-heading, .activity-pagination { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--space-3); }
.activity-attempt p { margin: var(--space-2) 0; }
.activity-attempt-values { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.activity-attempt progress { width: 120px; max-width: 100%; accent-color: var(--color-primary); }
.activity-pagination { margin-top: var(--space-4); }
.activity-note { margin-top: var(--space-5); line-height: 1.6; }
@media (max-width: 1100px) { .activity-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 800px) { .activity-filters, .activity-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } .activity-charts { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 480px) { .activity-filters, .activity-metrics { grid-template-columns: minmax(0, 1fr); } .activity-attempt-heading { align-items: flex-start; flex-direction: column; } }