:is(.chat-purple-black, .chat-pastel) {
  display: flex; flex-direction: column; align-items: flex-start; gap: 3px;
  padding: 0; border-radius: 0; background: transparent; min-width: 0; max-width: 100%;
}
:is(.chat-purple-black, .chat-pastel) .chat-name-row {
  display: flex; align-items: center; gap: 7px; box-sizing: border-box;
  max-width: 100%; min-width: 0; padding: 5px 11px 5px 7px; border-radius: 7px;
  background: linear-gradient(100deg, var(--chat-header-start, rgba(48,20,72,.96)), var(--chat-header-end, rgba(145,83,180,.94)));
}
:is(.chat-purple-black, .chat-pastel) .avatar { width: 24px; height: 24px; margin: 0; border-width: 1px; flex-shrink: 0; }
:is(.chat-purple-black, .chat-pastel) .username { margin: 0; min-width: 0; overflow-wrap: anywhere; }
:is(.chat-purple-black, .chat-pastel) .chat-text-row {
  box-sizing: border-box; max-width: 100%; min-width: 0; padding: 7px 11px;
  border-radius: 7px; background: var(--chat-message-bg, rgba(20,18,24,.82)); line-height: 1.4;
  overflow-wrap: anywhere; white-space: pre-wrap;
}
body:is([data-chat-theme="purple-black"], [data-chat-theme="pastel"]) .chat-message { background: transparent; padding: 0; border-radius: 0; }
body[data-chat-theme="classic"][data-bg="solid"] .chat-message { background: #141218; }
@media (prefers-reduced-motion: reduce) { .chat-message { animation: none; } }