#chat-pane{display:flex;flex-direction:column;height:100vh;height:100dvh;position:sticky;top:0;min-height:0;background:#0f1216;color:#e6e8eb;font:15px/1.5 system-ui,sans-serif}
#chat-pane .cc-log{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;min-height:0}
#chat-pane .cc-m{max-width:88%;padding:9px 12px;border-radius:12px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}
#chat-pane .cc-u{align-self:flex-end;background:#2a5bd7;color:#fff}
#chat-pane .cc-a{align-self:flex-start;background:#1c2128}
#chat-pane .cc-e{align-self:center;color:#f0a0a0;font-size:13px}
#chat-pane .cc-w{opacity:0;transition:opacity 320ms ease-in}
#chat-pane .cc-w.on{opacity:1}
#chat-pane pre{background:#0a0c0f;padding:8px;border-radius:8px;overflow-x:auto;margin:6px 0;white-space:pre}
#chat-pane code{font-family:ui-monospace,Menlo,monospace;font-size:13px;background:#0a0c0f;padding:1px 4px;border-radius:4px}
#chat-pane pre code{padding:0;background:none}
#chat-pane .cc-f{display:flex;gap:8px;padding:10px;border-top:1px solid #232a33}
#chat-pane textarea{flex:1;resize:none;background:#1c2128;color:inherit;border:1px solid #2c343f;border-radius:10px;padding:9px;font:inherit;max-height:120px}
#chat-pane button{background:#2a5bd7;color:#fff;border:0;border-radius:10px;padding:0 16px;font:inherit;cursor:pointer}
#chat-pane button:disabled{opacity:.5;cursor:default}