.pill{--pill-fg:var(--text-muted);--pill-bg:var(--surface-3);--pill-border:var(--border);display:inline-flex;align-items:center;gap:.5em;padding:.4rem .8rem;border:1px solid var(--pill-border);background:var(--pill-bg);color:var(--pill-fg);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;white-space:nowrap}.pill--accent{--pill-fg:var(--accent-strong);--pill-bg:var(--accent-wash);--pill-border:var(--accent-line)}.pill--premium{--pill-fg:var(--premium-strong);--pill-bg:var(--premium-wash);--pill-border:var(--premium-line)}.pill--warn{--pill-fg:var(--warn);--pill-bg:oklch(58% 0.11 76/0.12);--pill-border:oklch(58% 0.11 76/0.3)}.pill--danger{--pill-fg:var(--danger);--pill-bg:oklch(54% 0.18 25/0.1);--pill-border:oklch(54% 0.18 25/0.28)}.pill__dot{width:.5rem;height:.5rem;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:pill-pulse 2.4s var(--ease-out-expo) infinite}@keyframes pill-pulse{0%{box-shadow:0 0 0 0 oklch(98% .005 85/.5)}70%{box-shadow:0 0 0 .5rem oklch(98% .005 85/0)}to{box-shadow:0 0 0 0 oklch(98% .005 85/0)}}