.cc-live-badge{margin-inline-start:auto;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:8px 11px;cursor:pointer}.cc-live-badge strong{font-size:11px;letter-spacing:.08em}.cc-live-badge small{font-size:10px;color:#cbd5e1}.cc-live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.14)}.cc-live-badge[data-mode="loading"] .cc-live-dot{background:#f59e0b;animation:ccLivePulse 1s infinite}.cc-live-badge[data-mode="new"] .cc-live-dot{background:#38bdf8;box-shadow:0 0 0 5px rgba(56,189,248,.14)}.cc-live-badge[data-mode="error"] .cc-live-dot{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.14)}.cc-live-update{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(56,189,248,.28);border-radius:14px;background:linear-gradient(135deg,rgba(224,242,254,.95),rgba(239,246,255,.98));box-shadow:0 10px 30px rgba(14,165,233,.08)}.cc-live-update>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cc-live-update>div>span{color:#0284c7;font-size:12px}.cc-live-update b{font-size:12px}.cc-live-update small{font-size:11px;color:#64748b}@keyframes ccLivePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}@media(max-width:720px){.cc-live-badge{margin-inline-start:0}.cc-live-update{align-items:flex-start;flex-direction:column}.cc-live-update button{width:100%}}