.chat-shell { max-width: 820px; margin: 0 auto; padding: 0 1.5rem 4rem; }
.chat-intro { max-width: 64ch; margin: 0 auto 1.5rem; text-align: center; }
.chat-intro > p:last-child { font-size: 1.2rem; line-height: 1.6; color: var(--ink-soft); }
.chat-starters { display: flex; justify-content: center; flex-wrap: wrap; gap: .75rem; margin-bottom: 2rem; }
.chat-starters .button { font-size: 1rem; }
.chat-transcript { border-top: 1px solid var(--gold-hair); }
.chat-message { padding: 1.5rem 0; border-bottom: 1px solid var(--gold-hair); scroll-margin-top: calc(var(--header-height) + 1rem); }
.chat-message h2 { font: .9rem var(--serif-display); letter-spacing: .1em; color: var(--gold); margin: 0 0 .75rem; }
.chat-answer { white-space: pre-wrap; overflow-wrap: anywhere; font: 1.2rem/1.75 var(--serif-body); color: var(--ink); }
.chat-user .chat-answer { color: var(--ink-soft); }
#chat-status { margin: 1.25rem 0; color: var(--ink-soft); font-size: 1rem; min-height: 1.5em; }
#chat-form { padding: 1.25rem; background: #151109; border: 1px solid var(--gold-hair); }
#chat-form label { display: block; color: var(--gold); margin-bottom: .5rem; font-size: 1.05rem; }
#chat-question { display: block; width: 100%; min-height: 110px; resize: vertical; border: 1px solid var(--gold-hair); padding: .75rem; background: #100d08; color: var(--ink); font: 1.15rem/1.5 var(--serif-body); border-radius: 0; }
#chat-question::placeholder { color: var(--ink-faint); }
#chat-question:focus-visible { outline: 2px solid var(--gold-bright); outline-offset: 3px; }
.chat-actions { display: flex; gap: .75rem; flex-wrap: wrap; align-items: center; margin-top: 1rem; }
.chat-reset { margin-left: auto; min-height: 44px; padding: .5rem 0; color: var(--ink-soft); background: none; border: 0; text-decoration: underline; text-underline-offset: .2em; font: 1rem var(--serif-body); cursor: pointer; }
.chat-shell button:disabled { opacity: .55; cursor: default; }
.chat-note { color: var(--ink-faint); font-size: .95rem; line-height: 1.6; margin: 1rem 0 0; }
.chat-sources { margin-top: 1rem; }
.chat-sources summary { cursor: pointer; min-height: 44px; display: list-item; padding: .5rem 0; color: var(--gold); }
.chat-sources > div { padding: .75rem 0; }
.chat-sources a { font-size: 1.05rem; }
.chat-sources blockquote { margin: .5rem 0; border-left: 1px solid var(--gold-hair); padding-left: 1rem; color: var(--ink-soft); font-size: 1.05rem; line-height: 1.6; }
.chat-interrupted { color: var(--ink-faint); font-style: italic; }
@media (max-width: 760px) {
 .chat-shell { padding: 0 1.25rem 3rem; }
 .chat-starters { justify-content: flex-start; gap: .5rem; }
 .chat-starters .button { font-size: .95rem; padding: .5rem .75rem; }
 #chat-form { padding: 1rem; }
 .chat-reset { margin-left: 0; }
}