*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0a;--bg-secondary: #141414;--bg-tertiary: #1e1e1e;--border: #2a2a2a;--text: #e5e5e5;--text-secondary: #888;--accent: #3b82f6;--accent-hover: #2563eb;--success: #22c55e;--error: #ef4444;--warning: #eab308;--radius: 12px;--radius-sm: 8px}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro,Segoe UI,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.auth-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px;gap:24px}.auth-screen h1{font-size:28px;font-weight:700;letter-spacing:-.5px}.auth-screen p{color:var(--text-secondary);text-align:center;max-width:300px;line-height:1.5}.auth-input{width:100%;max-width:320px;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:16px;font-family:SF Mono,Fira Code,monospace;outline:none;transition:border-color .2s}.auth-input:focus{border-color:var(--accent)}.auth-btn{padding:14px 32px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.auth-btn:hover{background:var(--accent-hover)}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-error{color:var(--error);font-size:14px}.app{display:flex;flex-direction:column;height:100%}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0}.header-title{font-size:17px;font-weight:600}.header-status{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success)}.status-dot.disconnected{background:var(--error)}.mode-toggle{display:flex;background:var(--bg-tertiary);border-radius:8px;padding:2px;gap:2px}.mode-btn{padding:6px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s}.mode-btn.active{background:var(--accent);color:#fff}.messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch}.message{max-width:85%;padding:10px 14px;border-radius:var(--radius);font-size:15px;line-height:1.5;word-break:break-word;white-space:pre-wrap}.message.user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.message.assistant{align-self:flex-start;background:var(--bg-secondary);border:1px solid var(--border);border-bottom-left-radius:4px}.message.system{align-self:center;color:var(--text-secondary);font-size:13px;padding:6px 12px;background:var(--bg-tertiary);border-radius:20px}.message.error{align-self:center;color:var(--error);font-size:13px;padding:6px 12px}.tool-result{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;margin-top:6px;font-size:13px}.tool-result-header{display:flex;align-items:center;gap:6px;font-weight:600;font-size:12px;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.tool-result pre{background:var(--bg);padding:8px;border-radius:6px;overflow-x:auto;font-size:12px;font-family:SF Mono,Fira Code,monospace;max-height:200px;overflow-y:auto;color:var(--text)}.tool-result img{max-width:100%;border-radius:6px;margin-top:6px}.input-area{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0}.input-area textarea{flex:1;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:16px;font-family:inherit;resize:none;outline:none;min-height:44px;max-height:120px;line-height:1.4;transition:border-color .2s}.input-area textarea:focus{border-color:var(--accent)}.mic-btn,.send-btn{width:44px;height:44px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.mic-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text)}.mic-btn.recording{background:var(--error);border-color:var(--error);color:#fff;animation:pulse 1.5s infinite}.send-btn{background:var(--accent);color:#fff}.send-btn:disabled{opacity:.3;cursor:not-allowed}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.messages::-webkit-scrollbar{width:4px}.messages::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}@supports (padding-top: env(safe-area-inset-top)){.header{padding-top:calc(12px + env(safe-area-inset-top))}.input-area{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}