body:has(.support-shell) {
  --support-ink: #24372f;
  --support-muted: #52655b;
  --support-sidebar: #e9eee9;
  --support-divider: #bdc9c0;
  --support-composer: #e2e8e3;
  --support-field: #edf1ed;
  --support-prompt: #f1f4f1;
  --support-focus: #3d6755;
}

body .support-shell .thread-list {
  background: var(--support-sidebar);
  border-right: 1px solid var(--support-divider);
}

body .support-shell .thread-list :is(a, button, p, span, strong) {
  color: var(--support-ink);
}

body .support-shell .thread-list :is(a, button) {
  font-weight: 550;
}

body .support-shell .thread-list :is(small, time) {
  color: var(--support-muted);
  font-size: 0.8125rem;
  font-weight: 500;
}

body .support-shell .composer {
  background: var(--support-composer);
  border: 1px solid var(--support-divider);
  box-shadow: 0 1px 2px rgb(36 55 47 / 8%);
}

body .support-shell .composer textarea {
  background: var(--support-field);
  color: var(--support-ink);
  font-size: 1rem;
  font-weight: 500;
}

body .support-shell .composer textarea::placeholder {
  color: var(--support-muted);
  opacity: 1;
}

body .support-shell .composer textarea:focus-visible,
body .support-shell button:focus-visible,
body .support-shell a:focus-visible {
  outline: 2px solid var(--support-focus);
  outline-offset: 2px;
}

body .support-shell .assistant-prompt {
  box-sizing: border-box;
  width: min(100%, 640px);
  max-width: 640px;
  margin: auto;
  padding: 22px 24px;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  border: 1px solid var(--support-divider);
  border-radius: 18px;
  background: var(--support-prompt);
  box-shadow: 0 8px 24px rgb(36 55 47 / 8%);
}

body .support-shell .assistant-prompt .assistant-icon {
  flex: 0 0 auto;
}

body .support-shell .assistant-prompt strong {
  color: var(--support-ink);
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.35;
}

body .support-shell .assistant-prompt p {
  margin: 6px 0 0;
  color: var(--support-muted);
  font-size: 0.875rem;
  font-weight: 450;
  line-height: 1.55;
}

body .support-shell .composer-hint,
body .support-shell .support-expectation,
body .support-shell .empty span {
  color: var(--support-muted);
  font-weight: 500;
}

html[data-theme='dark'] body:has(.support-shell) {
  --support-ink: #f0f4f1;
  --support-muted: #bcc9c2;
  --support-sidebar: #202b26;
  --support-divider: #53655c;
  --support-composer: #2a3731;
  --support-field: #314139;
  --support-prompt: #26332d;
  --support-focus: #a5c9b8;
}

@media (max-width: 720px) {
  body .support-shell .assistant-prompt {
    padding: 18px;
    border-radius: 16px;
  }
}