:root{color-scheme:dark;--bg: #0b0d12;--panel: #141821;--panel-2: #1a1f2b;--border: #2a3042;--text: #e6e8ee;--muted: #8892a6;--accent: #5b8cff;--accent-2: #79e0a3;--user: #2a3a5e;--asst: #1f2a3a;--danger: #ff6b6b}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text)}.app{display:flex;flex-direction:column;height:100vh}header{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--panel)}header h1{font-size:16px;margin:0;flex:1;font-weight:600}header .user{font-size:13px;color:var(--muted)}header select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);padding:6px 10px;border-radius:6px;font-size:13px}header button{background:transparent;color:var(--muted);border:1px solid var(--border);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px}header button:hover{color:var(--text)}.status{font-size:12px;padding:4px 8px;border-radius:4px;background:var(--panel-2);color:var(--muted)}.status.connected{color:var(--accent-2)}.status.error{color:var(--danger)}.messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;max-width:900px;width:100%;margin:0 auto}.msg{padding:12px 16px;border-radius:10px;line-height:1.55;white-space:pre-wrap;word-wrap:break-word}.msg.user{background:var(--user);align-self:flex-end;max-width:80%}.msg.assistant{background:var(--asst);align-self:flex-start;max-width:90%;border:1px solid var(--border)}.msg.error{background:#3a1f1f;color:var(--danger);align-self:stretch}.msg .role{font-size:11px;color:var(--muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.cursor{display:inline-block;width:8px;height:14px;background:var(--accent);animation:blink 1s steps(2) infinite;vertical-align:text-bottom;margin-left:2px}@keyframes blink{50%{opacity:0}}.composer{border-top:1px solid var(--border);padding:12px 16px;background:var(--panel);display:flex;gap:8px;max-width:900px;width:100%;margin:0 auto}.composer textarea{flex:1;resize:none;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font:inherit;font-size:14px;min-height:44px;max-height:200px}.composer textarea:focus{outline:none;border-color:var(--accent)}.composer button{background:var(--accent);color:#fff;border:0;padding:0 18px;border-radius:8px;cursor:pointer;font-weight:600}.composer button:disabled{opacity:.4;cursor:not-allowed}.login{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px}.login h1{margin:0}.login p{color:var(--muted);margin:0}.login button{background:var(--accent);color:#fff;border:0;padding:10px 22px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600}