.tag{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-radius:var(--radius);background-color:var(--surface);color:var(--text-secondary);border:1px solid var(--border);transition:all var(--duration-fast) var(--ease);white-space:nowrap;align-items:center;font-weight:500;display:inline-flex}.tag--accent{color:var(--accent);background-color:#25c3801a;border-color:#25c3804d}.tag--clickable{cursor:pointer;position:relative}.tag--clickable:before{content:"";border-radius:calc(var(--radius) + 2px);background:var(--accent);opacity:0;filter:blur(8px);transition:opacity var(--duration-fast) var(--ease);z-index:-1;position:absolute;inset:-2px}.tag--clickable:hover:before{opacity:.2}.tag--clickable:hover{background-color:var(--surface-hover);border-color:var(--accent);transform:translateY(-1px)}.tag--selected{color:var(--accent);border-color:var(--accent);background-color:#25c38026;box-shadow:0 0 0 3px #25c3801a}.tag--selected:before{opacity:.3}.tag--highlighted-chip{color:var(--accent);border-color:var(--accent);background-color:#25c38033;font-weight:600;box-shadow:0 0 8px #25c3804d}.tag:hover{background-color:var(--surface-hover);border-color:var(--accent);transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.tag:hover,.tag--clickable:hover{transform:none}}