.live-status{min-height:44px;color:var(--text-secondary);white-space:nowrap;align-items:center;gap:.4rem;padding:0 .25rem;font-size:.8125rem;font-weight:500;display:inline-flex}.live-status__dot{border-radius:var(--radius-full);background:var(--text-secondary);flex-shrink:0;width:.5rem;height:.5rem}.live-status--live .live-status__dot{background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success)20%,transparent)}.live-status--connecting .live-status__dot,.live-status--reconnecting .live-status__dot{background:color-mix(in srgb,var(--primary-color)70%,var(--text-secondary));animation:1.4s ease-in-out infinite live-pulse}.live-status--paused .live-status__dot{background:var(--error)}@keyframes live-pulse{50%{opacity:.35}}.live-badge{border-radius:var(--radius-full);background:var(--primary-color);color:#fff;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;margin-left:.4rem;padding:0 .35rem;font-size:.8125rem;font-weight:700;line-height:1;display:inline-flex}.live-new{animation:1.6s ease-out live-new-fade}@keyframes live-new-fade{0%{background-color:color-mix(in srgb,var(--primary-color)14%,transparent)}to{background-color:#0000}}@media (prefers-reduced-motion:reduce){.live-status--connecting .live-status__dot,.live-status--reconnecting .live-status__dot{animation:none}.live-new{box-shadow:inset 3px 0 0 var(--primary-color);animation:none}}