:root{--bg:#0e1116;--panel:#161b22;--border:#2a313a;--fg:#e6edf3;--muted:#8b949e;--accent:#58a6ff;--warn:#f0b429;--danger:#f85149;--good:#56d364;--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;height:100%}button{cursor:pointer}.container{max-width:920px;margin:0 auto;padding:24px 16px;min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:12px;border-bottom:1px solid var(--border)}.brand{font-weight:600;letter-spacing:-.01em}.muted{color:var(--muted);font-size:13px}.chat{flex:1 1;overflow-y:auto;padding:16px 0;display:flex;flex-direction:column;gap:12px}.msg{padding:12px 14px;border-radius:10px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.msg.user{background:#1c2330;align-self:flex-end;max-width:82%}.msg.assistant{background:var(--panel);border:1px solid var(--border);align-self:flex-start;max-width:92%}.msg.system{background:transparent;color:var(--muted);font-size:12px;font-family:var(--mono);align-self:center}.msg .role{font-size:11px;color:var(--muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.thinking{color:var(--muted);font-style:italic;font-size:13px;padding:4px 12px}.composer{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.composer textarea{flex:1 1;resize:vertical;min-height:56px;max-height:200px;padding:10px 12px;background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--fg);font-family:inherit;font-size:14px}.composer button{padding:0 18px;background:var(--accent);color:#0b1220;border:none;border-radius:8px;font-weight:600}.composer button:disabled{background:var(--border);color:var(--muted);cursor:not-allowed}.banner{padding:8px 12px;border-radius:8px;margin-bottom:12px;font-size:13px}.banner.info{background:#15293f;border:1px solid #1f3957;color:var(--accent)}.banner.warn{background:#3a2e0c;border:1px solid #5a4513;color:var(--warn)}.banner.danger{background:#3a1414;border:1px solid #5a1c1c;color:var(--danger)}.login{max-width:420px;margin:80px auto;padding:32px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.login h1{margin:0 0 8px;font-size:20px}.login p{color:var(--muted);margin:0 0 20px;font-size:14px}.login input{width:100%;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--fg);font-size:14px;margin-bottom:12px}.login button{width:100%;padding:10px;background:var(--accent);color:#0b1220;border:none;border-radius:6px;font-weight:600}