.chip { display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0 14px; border-radius: var(--r-sm); font-size: 13px; font-weight: 500; background: color-mix(in oklab, var(--surface) 70%, transparent); color: var(--on-surface); }
.chip.tonal { background: var(--tertiary-container); color: var(--on-tertiary-container); }
.chip-dot { width: 8px; height: 8px; border-radius: 50%; background: #2EAD3A; box-shadow: 0 0 0 0 #2EAD3A; animation: chip-ping 2s infinite; }
@keyframes chip-ping {
  0% { box-shadow: 0 0 0 0 rgba(46,173,58,0.55); }
  70% { box-shadow: 0 0 0 8px rgba(46,173,58,0); }
  100% { box-shadow: 0 0 0 0 rgba(46,173,58,0); }
}