.chat-panel{border:1px solid var(--line-2);background:#090606}
.chat-toolbar{display:flex;min-height:44px;align-items:center;gap:14px;padding:8px 12px;border-bottom:1px solid var(--line);background:#0d0808}
.chat-connection{display:flex;align-items:baseline;gap:8px;color:var(--text-dim);font:600 10px var(--mono)}
.chat-connection strong{color:var(--gold);font-weight:600}
.chat-connection[data-state="connected"] strong{color:var(--green)}
.chat-connection[data-state="offline"] strong{color:var(--crimson-bright)}
.chat-count{margin-left:auto;color:var(--text-faint);font:10px var(--mono)}
.chat-refresh{min-height:30px;padding:4px 9px;border:1px solid var(--line-2);border-radius:2px;background:#130b0b;color:var(--text-dim);font:600 9px var(--mono);cursor:pointer}
.chat-refresh:hover,.chat-refresh:focus-visible{border-color:var(--gold);color:var(--gold-pale);outline:0}
.chat-log{height:350px;overflow-y:auto;padding:6px 0;background:#080505;scrollbar-color:#542828 transparent;scrollbar-width:thin}
.chat-message{display:grid;grid-template-columns:24px 42px minmax(0,1fr);gap:7px;align-items:start;padding:5px 12px;border-left:2px solid transparent;font:11px/1.55 var(--mono)}
.chat-message:hover{border-left-color:#643232;background:#100909}
.chat-message.system{grid-template-columns:24px minmax(0,1fr);color:var(--text-faint)}
.chat-avatar{width:24px;height:24px;margin-top:1px;border:1px solid var(--line-2);object-fit:cover;image-rendering:pixelated}
.chat-time{padding-top:3px;color:#6f5050;font-size:9px;white-space:nowrap}
.chat-copy{min-width:0;overflow-wrap:anywhere;color:var(--text-dim)}
.chat-name{margin-right:6px;font-weight:700}
.chat-name::after{content:":";color:var(--text-faint)}
.chat-source{display:inline-block;margin-right:7px;color:var(--gold);font-size:8px;font-weight:700;letter-spacing:.05em}
.chat-message.system .chat-source{color:var(--crimson-bright)}
.chat-message a{color:var(--gold-pale)}
.chat-empty{display:grid;min-height:100%;place-content:center;padding:28px;color:var(--text-faint);font:11px/1.6 var(--mono);text-align:center}
.chat-empty strong{display:block;margin-bottom:4px;color:var(--text-dim);font-family:var(--display);font-size:20px}
.chat-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 12px;border-top:1px solid var(--line);color:var(--text-faint);font:9px/1.5 var(--mono)}
.chat-footer a{color:var(--gold);text-decoration:none}.chat-footer a:hover{text-decoration:underline}
.chat-new{position:sticky;right:10px;bottom:10px;display:block;width:max-content;margin:-42px 10px 10px auto;padding:6px 9px;border:1px solid var(--gold);border-radius:2px;background:#1c1008;color:var(--gold-pale);font:600 9px var(--mono);cursor:pointer}
.chat-new[hidden]{display:none}
@media(max-width:700px){.chat-log{height:300px}.chat-toolbar{flex-wrap:wrap}.chat-count{margin-left:0}.chat-refresh{margin-left:auto}.chat-message{grid-template-columns:22px minmax(0,1fr);padding:6px 9px}.chat-avatar{width:22px;height:22px}.chat-time{display:none}.chat-message.system{grid-template-columns:minmax(0,1fr)}.chat-footer{display:block}.chat-footer span{display:block;margin-bottom:3px}}
@media(prefers-reduced-motion:reduce){.chat-log{scroll-behavior:auto}}