:root{--color-bg: #0d1117;--color-surface: #161b22;--color-surface-muted: #21262d;--color-text: #e6edf3;--color-muted: #8b949e;--color-border: #30363d;--color-accent: #2f81f7;--color-accent-text: #ffffff;--color-user-bg: #1c2d41;--color-error-bg: #3d1519;--color-error-border: #f85149;--color-warning-bg: #3b2e0a;--color-warning-border: #d29922;--color-success: #3fb950;--color-scrollbar: #484f58;--radius: 8px;--space: 16px;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color:var(--color-text);background:var(--color-bg)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-bg)}.app{display:flex;flex-direction:column;gap:var(--space);max-width:960px;height:100vh;height:100dvh;margin:0 auto;padding:var(--space);overflow:hidden}.app-header,.mcp-status,.composer{flex:none}.app-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space)}.app-header h1{margin:0;font-size:1.5rem}.transcript{display:flex;flex:1;flex-direction:column;gap:12px;min-height:0;padding-right:4px;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) transparent}.mcp-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);font-size:.875rem}.mcp-status-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--color-muted)}.mcp-status-connected .mcp-status-dot{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.mcp-status-degraded{border-color:var(--color-warning-border)}.mcp-status-degraded .mcp-status-dot{background:var(--color-warning-border)}.mcp-status-disconnected{border-color:var(--color-error-border);background:var(--color-error-bg)}.mcp-status-disconnected .mcp-status-dot{background:var(--color-error-border)}.mcp-status-checked{margin-left:auto;color:var(--color-muted);font-size:.8125rem}.transcript-empty{margin:auto;color:var(--color-muted)}.message{margin:0;padding:12px var(--space);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.message-user{align-self:flex-end;max-width:80%;background:var(--color-user-bg)}.message-error{border-color:var(--color-error-border);background:var(--color-error-bg)}.message-limit{border-color:var(--color-warning-border);background:var(--color-warning-bg)}.message-pending{align-self:flex-start;color:var(--color-muted)}.message-role{display:block;margin-bottom:4px;font-size:.75rem;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em}.message-text{margin:0 0 8px;white-space:pre-wrap;overflow-wrap:anywhere}.message-text:last-child{margin-bottom:0}.mermaid-block{overflow-x:auto}.mermaid-block:empty{display:none}.mermaid-block svg{max-width:100%;height:auto}.mermaid-error pre{overflow-x:auto;padding:8px;background:var(--color-bg)}.composer{display:flex;gap:8px}.composer input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font:inherit}.composer input:disabled{background:var(--color-surface-muted);color:var(--color-muted);cursor:not-allowed}input::placeholder{color:var(--color-muted)}button{padding:10px 18px;border:1px solid var(--color-accent);border-radius:var(--radius);background:var(--color-accent);color:var(--color-accent-text);font:inherit;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.button-secondary{border-color:var(--color-border);background:transparent;color:var(--color-accent)}:is(button,input):focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.login{display:grid;min-height:100vh;place-items:center;padding:var(--space)}.login-form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:360px;padding:calc(var(--space) * 1.5);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.login-form h1{margin:0 0 4px;font-size:1.25rem}.login-form label{display:flex;flex-direction:column;gap:4px;font-size:.875rem;font-weight:600}.login-form input{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font:inherit;font-weight:400}.login-notice,.login-error{margin:0;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius)}.login-error{border-color:var(--color-error-border);background:var(--color-error-bg)}.app-header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.login-app-name{margin:0;font-size:.875rem;color:var(--color-muted)}.login-hint{margin:-8px 0 0;font-size:.8125rem;color:var(--color-muted)}.login-switch{margin:0;font-size:.875rem;text-align:center;color:var(--color-muted)}.button-link{padding:0;border:none;background:none;color:var(--color-accent);font:inherit;text-decoration:underline}.button-link:disabled{background:none}.app-user{font-size:.875rem;color:var(--color-muted)}