.dot-meter{align-items:center;gap:.5rem;line-height:1;display:inline-flex}.dot-meter-track{grid-auto-flow:column;grid-auto-columns:var(--cell-sm);grid-template-rows:var(--cell-sm);gap:var(--cell-sm-gap);display:grid}.dm-cell{width:var(--cell-sm);height:var(--cell-sm);border-radius:var(--cell-radius);background:var(--ink-faint);opacity:.32;transition:background-color .2s,opacity .2s}.dm-cell--on{background:var(--accent);opacity:1}.dm-value{font-size:var(--text-xs);color:var(--ink-soft);font-variant-numeric:tabular-nums;font-weight:500}.dot-meter--vertical{flex-direction:column;gap:.3rem}.dot-meter--vertical .dm-value{font-size:.6875rem}.dot-meter--own .dm-cell--on{background:var(--gold)}
.tag{font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);align-items:center;gap:.4rem;font-size:.625rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.tag:before{content:"";background:var(--tag-color,var(--ink-faint));border-radius:1.5px;flex:none;width:6px;height:6px}.tag:hover{color:var(--accent)}