.otus-chip-group{gap:var(--space-1);flex-wrap:wrap;align-items:center;display:inline-flex}.otus-chip{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border-muted);border-radius:var(--radius-full);background:var(--color-surface-table-row-alt);color:var(--color-text-muted);font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--text-xs);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out-expo), color var(--duration-fast) var(--ease-out-expo), border-color var(--duration-fast) var(--ease-out-expo), transform var(--duration-fast) var(--ease-out-expo), box-shadow var(--duration-fast) var(--ease-out-expo);user-select:none;white-space:nowrap;line-height:1.2;display:inline-flex}.otus-chip-group--sm .otus-chip{padding:2px var(--space-2);font-size:var(--text-xs)}.otus-chip-group--md .otus-chip{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.otus-chip:not(:disabled):hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-secondary);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.otus-chip:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.otus-chip--active{background:var(--otus-gold-pale);color:var(--otus-charcoal);border-color:var(--otus-gold)}[data-theme=dark] .otus-chip--active{color:var(--otus-gold)}.otus-chip--active:not(:disabled):hover{background:var(--otus-gold-mist);color:var(--otus-charcoal);border-color:var(--otus-gold-deep)}[data-theme=dark] .otus-chip--active:not(:disabled):hover{color:var(--otus-gold-bright)}.otus-chip--disabled,.otus-chip:disabled{opacity:.55;cursor:not-allowed}.otus-chip--loading{cursor:progress}.otus-chip__dot{border-radius:var(--radius-full);opacity:.4;width:6px;height:6px;transition:opacity var(--duration-fast) var(--ease-out-expo);background:currentColor;flex-shrink:0}.otus-chip--active .otus-chip__dot{opacity:1;background:var(--otus-gold)}.otus-chip__spinner{border:2px solid var(--color-border-muted);border-top-color:var(--otus-gold);border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px;animation:.7s linear infinite otus-chip-spin}@keyframes otus-chip-spin{to{transform:rotate(360deg)}}.otus-chip__label{font-weight:var(--weight-medium);letter-spacing:.01em}@media (prefers-reduced-motion:reduce){.otus-chip{transition:none}.otus-chip:not(:disabled):hover{transform:none}.otus-chip__spinner{animation:none}}