/* Phase 49 — LIVE bar on top of the home feed */
.xlive { border-bottom: 1px solid var(--border-color); }
.xlive__row { display: flex; align-items: center; gap: 10px; overflow-x: auto; padding: 12px 16px; scrollbar-width: none; }
.xlive__row::-webkit-scrollbar { display: none; }
.xlive__pill { flex: none; display: flex; align-items: center; gap: 8px; max-width: 82%; min-width: 0; padding: 6px 14px 6px 6px; border-radius: 999px; background: #fde3e8; color: #0f1419; text-decoration: none; font-weight: 500; }
:root[data-theme="dark"] .xlive__pill { background: #3a1a22; color: #e7e9ea; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .xlive__pill { background: #3a1a22; color: #e7e9ea; } }
.xlive__text { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02rem; }
.xlive__tag { flex: none; display: inline-flex; align-items: center; gap: 5px; color: #f4212e; font-weight: 800; font-size: 1.02rem; }
.xlive__tag i { width: 10px; height: 10px; border-radius: 50%; background: #f4212e; display: inline-block; }
.xlive__user { flex: none; text-decoration: none; }
.xlive__ring { display: inline-flex; padding: 2px; border-radius: 50%; }
.xlive__ring--red { background: #f4212e; }
.xlive__ring--purple { background: linear-gradient(135deg, #7856ff, #a78bfa); }
.xlive__ring .avatar { width: 46px; height: 46px; border: 2px solid var(--bg-primary, #fff); box-sizing: border-box; overflow: hidden; }
.xlive__ring .avatar img { width: 100%; height: 100%; object-fit: cover; }
.xlive__user .xlive__ring .avatar { width: 52px; height: 52px; }