:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#e5e7eb;background:#11151c;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid #343b48;flex-wrap:wrap}header strong{font-size:20px}#status{margin-right:auto;color:#b8c2d3}button,select{font:inherit;padding:8px 14px;border-radius:6px;border:1px solid #465268;background:#243145;color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid #8dbbff;outline-offset:3px}#join,#send{background:#315db4}main{display:grid;grid-template-columns:minmax(0,1fr) 360px;height:calc(100dvh - 76px)}section{min-width:0;min-height:0}.screen{display:flex;flex-direction:column;background:#080b10}.screen-head{padding:12px 20px;display:flex;justify-content:space-between;gap:12px;color:#aebbd0;font-size:14px}#screen-scroll{overflow:auto;flex:1;padding:12px;display:grid;align-items:start}#screen{max-width:100%;height:auto;display:block}#screen.actual{max-width:none}#screen[hidden]{display:none}#placeholder{align-self:center;text-align:center;color:#aebbd0}.conversation{display:flex;flex-direction:column;border-left:1px solid #343b48}#messages{overflow:auto;flex:1;padding:16px}.message{padding:12px;background:#1c2432;border-radius:8px;margin-bottom:12px;overflow-wrap:anywhere}.message small{color:#9fb1cb}.message p{white-space:pre-wrap;margin:8px 0 0}.message pre{overflow:auto;white-space:pre;margin:8px 0 0;font:14px/1.5 Consolas,monospace}form{padding:16px;border-top:1px solid #343b48}textarea{resize:vertical;width:100%;margin:8px 0;padding:10px;font:14px/1.5 Consolas,monospace;border:1px solid #465268;border-radius:6px;background:#121923;color:inherit;min-height:80px;max-height:40vh}.actions{display:flex;align-items:center;gap:8px}#delivery{flex:1;font-size:13px;color:#b8c2d3}#error{padding:12px 24px;margin:0;background:#51232c;color:#ffdae0}body:has(#error:not([hidden])) main{height:calc(100dvh - 124px)}@media(max-width:800px){main{grid-template-columns:1fr;height:auto}.screen{min-height:40vh}.conversation{min-height:50vh}#messages{max-height:40vh}header{padding:12px;gap:10px}}