.live-boot { display: grid; min-height: 100dvh; place-items: center; color: var(--muted); }
.live-thread-empty { display: grid; gap: 12px; place-items: center; margin: auto; padding: 24px; text-align: center; color: var(--muted); }
.message-flow > .live-thread-empty { margin: auto; }
.live-retry { display: block; margin-block-start: 10px; }
.live-feedback { padding: 5px 12px 0; font-size: 13px; color: var(--muted); }
.live-settings { display: grid; gap: 12px; max-width: 640px; margin-inline: auto; }
.live-settings > h1 { margin-block-end: 5px; }
.live-preferences { display: grid; justify-items: start; gap: 8px; }
.live-preferences > h2 { font-size: 15px; }
.live-preferences p { overflow-wrap: anywhere; }
.live-media { margin-block: 4px; font-size: 13px; }
.live-media :is(img, video, audio) { display: block; max-width: min(100%, 360px); max-height: 280px; border-radius: 8px; }
.live-poll { padding-inline-start: 20px; margin-block: 6px; font-size: 13px; }
.avatar img { width: 100%; height: 100%; border-radius: inherit; object-fit: cover; }
.live-announcement {
  position: fixed; z-index: 20; inset-inline-start: 50%; inset-block-end: max(16px, env(safe-area-inset-bottom));
  max-width: min(calc(100vw - 32px), 440px); padding: 9px 14px; border-radius: 9px; border: 1px solid var(--line);
  background: var(--surface); color: var(--text); font-size: 13px; box-shadow: 0 4px 16px var(--shadow);
  translate: -50% 0; pointer-events: none;
}
[dir="rtl"] .live-announcement { translate: 50% 0; }
.live-announcement:empty { position: absolute; padding: 0; border: 0; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 670px) {
  .live-announcement { inset-block-end: calc(86px + env(safe-area-inset-bottom)); }
}