.net9-live-chat {
  --net9-ink: #111;
  --net9-muted: #666;
  --net9-border: #ddd;
  --net9-bg: #fff;
  --net9-panel: #f6f6f6;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  max-width: 26rem;
  border: 1px solid var(--net9-border);
  border-radius: 14px;
  background: var(--net9-bg);
  box-shadow: 0 8px 28px rgba(0,0,0,.08);
  overflow: hidden;
}
.net9-live-chat * { box-sizing: border-box; }
.net9-chat-head {
  padding: .9rem 1rem;
  background: #111;
  color: #fff;
  font-weight: 650;
}
.net9-chat-body { padding: .9rem 1rem 1rem; display: grid; gap: .75rem; }
.net9-chat-hint { margin: 0; color: var(--net9-muted); font-size: .9rem; line-height: 1.4; }
.net9-chat-body label { display: grid; gap: .3rem; font-size: .88rem; font-weight: 600; }
.net9-chat-body input,
.net9-chat-body textarea {
  width: 100%;
  border: 1px solid var(--net9-border);
  border-radius: 10px;
  padding: .65rem .75rem;
  font: inherit;
}
.net9-chat-body button {
  border: 0;
  border-radius: 10px;
  background: #111;
  color: #fff;
  font: inherit;
  font-weight: 650;
  padding: .7rem 1rem;
  cursor: pointer;
}
.net9-chat-body button:disabled { opacity: .55; cursor: default; }
.net9-chat-messages {
  display: grid;
  gap: .55rem;
  max-height: 16rem;
  overflow: auto;
  padding: .35rem;
  background: var(--net9-panel);
  border-radius: 10px;
}
.net9-chat-bubble {
  padding: .55rem .7rem;
  border-radius: 10px;
  background: #fff;
  border: 1px solid var(--net9-border);
  font-size: .92rem;
  white-space: pre-wrap;
}
.net9-chat-bubble.is-admin { background: #111; color: #fff; border-color: #111; }
.net9-chat-bubble.is-system { color: var(--net9-muted); font-style: italic; }
.net9-chat-meta { font-size: .72rem; opacity: .75; margin-bottom: .2rem; }
.net9-chat-error { color: #b00020; font-size: .88rem; margin: 0; }
.net9-chat-compose { display: grid; gap: .5rem; }