:root{--bg-primary: #f9f9f9;--bg-secondary: #ffffff;--bg-input: #ffffff;--border-color: #e5e5e5;--text-primary: #1a1a1a;--text-secondary: #666;--text-muted: #999;--accent: #1a1a1a;--accent-light: rgba(0, 0, 0, .05);--user-bubble: transparent;--user-text: #1a1a1a;--agent-bubble: transparent;--agent-text: #1a1a1a;--tool-bg: #f0fdf4;--tool-border: #bbf7d0;--error-bg: #fef2f2;--error-border: #fecaca;--error-text: #dc2626;--shadow-sm: none;--shadow-md: 0 1px 4px rgba(0, 0, 0, .06);--radius: 8px;--radius-sm: 6px;--sidebar-bg: #f3f4f6;--sidebar-text: #202123;--sidebar-text-muted: #6b7280;--sidebar-hover: #ebedf0;--sidebar-active: #e5e7eb;--sidebar-border: #e5e7eb;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--radius-xs: 4px;--radius-lg: 12px;--radius-full: 9999px;--color-blue: #2563eb;--color-blue-bg: #eff6ff;--color-green: #16a34a;--color-green-bg: #f0fdf4;--color-red: #dc2626;--color-red-bg: #fef2f2;--color-yellow: #ca8a04;--color-yellow-bg: #fefce8;--color-purple: #9333ea;--color-purple-bg: #faf5ff;--color-orange: #ea580c;--color-orange-bg: #fff7ed;--color-gray: #64748b;--color-gray-bg: #f1f5f9;--color-success: var(--color-green);--color-danger: var(--color-red);--color-info: var(--color-blue);--color-warn: #f59e0b;--color-connected: #22c55e;--color-disconnected: var(--color-red);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--surface-0: #ffffff;--surface-1: rgba(255, 255, 255, .88);--surface-2: rgba(15, 23, 42, .05);--border-subtle: rgba(148, 163, 184, .2);--border-strong: rgba(148, 163, 184, .34);--state-info: #1d4ed8;--state-success: #15803d;--state-warning: #c2410c;--state-danger: #b91c1c;--focus-ring: rgba(37, 99, 235, .45)}*{margin:0;padding:0;box-sizing:border-box}*:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}button:focus:not(:focus-visible),input:focus:not(:focus-visible),textarea:focus:not(:focus-visible),select:focus:not(:focus-visible){outline:none}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);height:100vh;overflow:hidden}#app{height:100vh;display:flex;flex-direction:column}*{scrollbar-width:thin;scrollbar-color:transparent transparent}*:hover,*:active{scrollbar-color:rgba(0,0,0,.2) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;transition:background .2s}*:hover::-webkit-scrollbar-thumb{background:#00000026}*::-webkit-scrollbar-thumb:hover{background:#0000004d}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}