.at-legend{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.at-legend-btn{border:1px solid var(--line);color:var(--ink-3);font:600 var(--text-label) var(--font-mono);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;transition:color .14s,border-color .14s,background .14s;display:inline-flex}.at-legend-btn:hover{color:var(--ink-1);border-color:var(--ink-3)}.at-legend-btn.active{color:var(--ink-1)}.at-legend-btn.total.active{background:oklch(70% .2 200/.12);border-color:oklch(70% .2 200)}.at-legend-btn.unique.active{background:oklch(80% .2 90/.12);border-color:oklch(80% .2 90)}.at-sort{font-size:var(--text-micro);opacity:.9}.at-dot{border-radius:3px;width:10px;height:10px;display:inline-block}.at-dot.total{background:oklch(70% .2 200)}.at-dot.unique{background:oklch(80% .2 90)}.at-chart{padding:8px 6px}.at-row{color:var(--ink-1);border-radius:8px;grid-template-columns:32px minmax(110px,200px) 1fr 60px;align-items:center;gap:12px;padding:7px 12px;text-decoration:none;transition:background .15s;display:grid}a.at-row{cursor:pointer}.at-row:hover{background:oklch(18% .04 260/.5)}.at-rank{font:700 var(--text-label) var(--font-mono);color:oklch(70% .22 90)}.at-name{font:500 var(--text-body) var(--font-ui);color:var(--ink-1);white-space:nowrap;text-overflow:ellipsis;transition:color .12s;overflow:hidden}a.at-row:hover .at-name{color:var(--accent-2)}.at-bars{flex-direction:column;gap:4px;min-width:0;display:flex}.at-bar{background:oklch(24% .05 260/.6);border-radius:999px;height:7px;overflow:hidden}.at-bar span{border-radius:999px;height:100%;animation:.7s cubic-bezier(.16,1,.3,1) backwards at-grow;display:block}.at-bar span.total{background:oklch(70% .2 200)}.at-bar span.unique{background:oklch(80% .2 90)}@keyframes at-grow{0%{width:0}}.at-counts{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;line-height:1.25;display:flex}.at-counts .total{font:600 var(--text-body-sm) var(--font-mono);color:oklch(75% .18 200)}.at-counts .unique{font:500 var(--text-label) var(--font-mono);color:oklch(80% .18 90)}@media (width<=640px){.at-chart{padding:6px 2px}.at-row{grid-template-columns:26px minmax(84px,1.2fr) 1.4fr 48px;gap:8px;padding:7px 8px}.at-name{font-size:var(--text-meta)}}
