:root{font-family:JetBrains Mono,Fira Code,Cascadia Mono,Consolas,monospace;font-weight:400;line-height:1.4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{margin:0;min-height:100%}:root{--bg: #050505;--panel: #111111;--panel-2: #1a1a1a;--line: #303030;--text: #e6e6e6;--muted: #bdbdbd;--accent: #d7d7d7;--danger: #f1a3a3}*{box-sizing:border-box}.terminal-shell{min-height:100vh;padding:24px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.05),transparent 40%),radial-gradient(circle at 80% 90%,rgba(255,255,255,.04),transparent 45%),var(--bg);color:var(--text)}.toast-stack{position:fixed;top:16px;right:16px;z-index:40;display:grid;gap:10px}.toast{min-width:240px;max-width:360px;border:1px solid var(--line);background:#232323f2;color:var(--text);border-radius:10px;padding:10px 12px;box-shadow:0 10px 30px #00000059}.auth-card,.chat-terminal{width:min(100%,1080px);border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--panel-2));border-radius:14px;box-shadow:0 24px 60px #00000073}.auth-card{max-width:520px;padding:28px}.prompt{margin:0 0 12px;color:var(--accent);font-size:.92rem}.auth-card h1{margin:0 0 8px;font-size:1.7rem}.hint{margin:0 0 20px;color:var(--muted)}.auth-card form{display:grid;gap:12px}.auth-card label{font-size:.9rem;color:var(--muted)}.auth-card input,.input-row input{width:100%;border:1px solid var(--line);background:#0c0c0c;color:var(--text);border-radius:8px;padding:10px 12px;outline:none}.auth-card input:focus,.input-row input:focus{border-color:var(--accent)}button{border:1px solid var(--line);background:#202020;color:var(--text);border-radius:8px;padding:10px 14px;cursor:pointer}button:hover{border-color:var(--accent)}.chat-terminal{display:grid;grid-template-rows:auto 1fr auto auto;min-height:min(85vh,760px);overflow:hidden}.terminal-header{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.terminal-header h2{margin:4px 0 0;font-size:1.05rem;font-weight:500}.header-actions{display:flex;gap:8px}.status{font-size:.78rem}.status.connected{color:var(--accent)}.status.connecting{color:#d0d0d0}.status.disconnected,.status.error{color:var(--danger)}.terminal-body{display:grid;grid-template-columns:240px 1fr;min-height:0}.users-panel{border-right:1px solid var(--line);padding:14px;overflow:auto}.users-panel p{margin:0 0 10px;font-size:.9rem;color:var(--muted)}.user-line{padding:6px 0}.messages-panel{padding:14px;overflow:auto;display:grid;align-content:start;gap:8px}.line{font-size:.95rem;line-height:1.35;display:grid;grid-template-columns:90px 130px 1fr;gap:10px}.line.system{color:#cfcfcf}.sender{color:var(--accent)}.muted{color:var(--muted)}.error-line{margin:0;color:var(--danger);padding:0 16px 10px;font-size:.88rem}.input-row{border-top:1px solid var(--line);padding:12px 16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}@media(max-width:820px){.terminal-shell{padding:10px}.chat-terminal{min-height:92vh}.terminal-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.users-panel{border-right:none;border-bottom:1px solid var(--line);max-height:120px}.line{grid-template-columns:1fr;gap:2px}}