:root{--bg:#0b0d11;--surface:#14171d;--surface-raised:#1a1e26;--border:#262b34;--text:#e4e6eb;--text-muted:#8b93a3;--text-faint:#5b6270;--accent-user:#5b8def;--accent-assistant:#3fc7ae;--accent-danger:#ef5b5b;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif;--mono:ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:15px/1.55 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--bg);margin:0}#root{flex-direction:column;min-height:100svh;display:flex}button{font-family:inherit;font-size:inherit}.app{flex-direction:column;width:100%;max-width:860px;height:100svh;margin:0 auto;display:flex}.server-status-banner{text-align:center;color:var(--text-muted);background:var(--surface-raised);border-bottom:1px solid var(--border);flex-shrink:0;padding:6px 12px;font-size:12.5px}.app-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.app-header h1{letter-spacing:-.01em;color:var(--text);margin:0;font-size:17px;font-weight:600}.session-id{font-family:var(--mono);color:var(--text-faint);margin-top:2px;font-size:12px;display:block}.new-conversation{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:7px 14px;font-size:13px;transition:border-color .15s,color .15s}.new-conversation:hover{border-color:var(--text-faint);color:var(--text)}.header-actions{gap:8px;display:flex}.log-out{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:7px 14px;font-size:13px;transition:border-color .15s,color .15s}.log-out:hover{border-color:var(--accent-danger);color:var(--accent-danger)}.chat-area{flex-direction:column;flex:1;gap:14px;padding:24px;display:flex;overflow-y:auto}.empty-state{text-align:center;max-width:380px;color:var(--text-faint);margin:auto;font-size:14px;line-height:1.6}.message{background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;padding:12px 14px}.message-role{text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-size:11px;font-weight:600}.message-content{word-wrap:break-word;font-size:14.5px;line-height:1.6}.message-user .message-content{white-space:pre-wrap}.message-content>:first-child{margin-top:0}.message-content>:last-child{margin-bottom:0}.message-content p{margin:0 0 10px}.message-content ul,.message-content ol{margin:0 0 10px;padding-left:22px}.message-content code{font-family:var(--mono);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:.9em}.message-content table{border-collapse:collapse;margin:4px 0 12px;font-size:13.5px}.message-content th,.message-content td{border:1px solid var(--border);text-align:left;padding:6px 10px}.message-content th{color:var(--text-muted);background:var(--surface-raised);font-weight:600}.message-user{border-left:3px solid var(--accent-user);background:var(--bg)}.message-user .message-role{color:var(--accent-user)}.message-assistant{border-left:3px solid var(--accent-assistant)}.message-assistant .message-role{color:var(--accent-assistant)}.message-pending .message-content{display:none}.feedback-row{gap:4px;margin-top:8px;display:flex}.feedback-btn{cursor:pointer;opacity:.5;background:0 0;border:1px solid #0000;border-radius:6px;padding:3px 6px;font-size:12px;line-height:1;transition:opacity .15s,border-color .15s,background-color .15s}.feedback-btn:not(:disabled):hover{opacity:1;border-color:var(--border);background:var(--surface-raised)}.feedback-btn:disabled{cursor:default}.feedback-btn-up-selected{opacity:1;border-color:var(--accent-assistant);background:#3fc7ae1f}.feedback-btn-down-selected{opacity:1;border-color:var(--accent-danger);background:#ef5b5b1f}.tool-calls{border:1px solid var(--border);background:var(--surface-raised);border-radius:8px;margin-bottom:10px;overflow:hidden}.tool-calls summary{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;padding:7px 10px;font-size:12.5px;list-style:none}.tool-calls summary::-webkit-details-marker{display:none}.tool-calls summary:hover{color:var(--text)}.tool-calls-list{flex-direction:column;gap:8px;padding:2px 10px 10px;display:flex}.tool-call{border-top:1px solid var(--border);padding-top:8px}.tool-call-name{font-family:var(--mono);color:var(--accent-assistant);margin-bottom:4px;font-size:12px;display:inline-block}.tool-call-args{font-family:var(--mono);color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:6px;margin:0;padding:8px 10px;font-size:12px;overflow-x:auto}.slow-loading-hint{color:var(--text-faint);margin-bottom:2px;font-size:13px}.typing-indicator{gap:4px;padding:4px 0 2px;display:flex}.typing-indicator span{background:var(--accent-assistant);opacity:.4;border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite typing-bounce}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.error-banner{max-width:90%;color:var(--accent-danger);text-align:center;background:#ef5b5b1a;border:1px solid #ef5b5b59;border-radius:8px;align-self:center;padding:10px 14px;font-size:13px}.auth-screen{justify-content:center;align-items:center;width:100%;min-height:100svh;padding:24px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:360px;padding:32px 28px}.auth-card h1{letter-spacing:-.01em;color:var(--text);text-align:center;margin:0 0 6px;font-size:18px;font-weight:600}.auth-subtitle{color:var(--text-faint);text-align:center;margin:0 0 24px;font-size:13.5px}.auth-field{color:var(--text-muted);flex-direction:column;gap:6px;margin-bottom:16px;font-size:13px;display:flex}.auth-field input{background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--sans);border-radius:8px;padding:10px 12px;font-size:14.5px;transition:border-color .15s}.auth-field input:focus{border-color:var(--accent-user);outline:none}.auth-error{color:var(--accent-danger);text-align:center;background:#ef5b5b1a;border:1px solid #ef5b5b59;border-radius:8px;margin-bottom:16px;padding:8px 12px;font-size:13px}.auth-card form button[type=submit]{background:var(--accent-user);color:#0b0d11;cursor:pointer;border:none;border-radius:8px;width:100%;padding:11px;font-weight:600;transition:opacity .15s}.auth-card form button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.auth-card form button[type=submit]:not(:disabled):hover{opacity:.9}.auth-toggle{width:100%;color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border:none;margin-top:16px;font-size:13px;transition:color .15s;display:block}.auth-toggle:hover{color:var(--accent-user)}.chat-input{border-top:1px solid var(--border);flex-shrink:0;align-items:flex-end;gap:10px;padding:16px 24px 20px;display:flex}.chat-input textarea{resize:none;background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--sans);border-radius:8px;flex:1;min-height:42px;max-height:160px;padding:10px 12px;font-size:14.5px;line-height:1.5;transition:border-color .15s}.chat-input textarea:focus{border-color:var(--accent-user);outline:none}.chat-input textarea:disabled{opacity:.6}.chat-input button{background:var(--accent-user);color:#0b0d11;cursor:pointer;border:none;border-radius:8px;height:42px;padding:0 18px;font-weight:600;transition:opacity .15s}.chat-input button:disabled{opacity:.4;cursor:not-allowed}.chat-input button:not(:disabled):hover{opacity:.9}