[data-home-live-avatar] { position: relative; align-self: start; display: block; border-radius: 50%; }
[data-home-live-avatar].is-live::after { content: ''; position: absolute; inset: -3px; border: 2px solid #ff0044; border-radius: 50%; pointer-events: none; }
[data-home-live-avatar]:focus-visible { outline: 2px solid #ff0044; outline-offset: 5px; }
.home-avatar-live-badge { position: absolute; z-index: 1; bottom: -6px; left: 50%; transform: translateX(-50%); padding: 1px 3px; border: 1px solid var(--page-bg, #16171a); border-radius: 3px; background: #ff0044; color: #fff; font: 9px/1.1 Outfit-Medium, sans-serif; }
.home-avatar-live-badge[hidden] { display: none; }