:root{--agi-blue: #052393;--agi-blue-light: #2AAAEA;--agi-green: #009245;--agi-yellow: #FBB03B;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--font-sans: "Roboto", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 24px;--text-3xl: 32px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .3);--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal: 1000;--z-tooltip: 1100;--z-toast: 1200;--gradient-primary: linear-gradient(135deg, #052393 0%, #2AAAEA 50%, #009245 100%);--gradient-accent: linear-gradient(135deg, #2AAAEA 0%, #009245 100%);--gradient-warm: linear-gradient(135deg, #FBB03B 0%, #e84855 100%);--gradient-brain: linear-gradient(135deg, #a855f7 0%, #ec4899 100%)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideIn{animation:slideIn .3s ease-out}[data-theme=dark]{--bg-primary: #0a0d14;--bg-secondary: #0f1318;--bg-tertiary: #151a22;--bg-card: #151a22;--bg-elevated: #1a2030;--bg-hover: rgba(42, 170, 234, .08);--bg-active: rgba(42, 170, 234, .12);--bg-overlay: rgba(0, 0, 0, .6);--text-primary: #f0f4f8;--text-secondary: rgba(200, 220, 240, .75);--text-muted: rgba(180, 200, 220, .5);--text-disabled: rgba(180, 200, 220, .3);--text-inverse: #0a0d14;--border-subtle: rgba(42, 170, 234, .12);--border-default: rgba(42, 170, 234, .2);--border-strong: rgba(42, 170, 234, .35);--border-accent: rgba(5, 35, 147, .5);--accent-blue: #2AAAEA;--accent-blue-hover: #3db8f5;--accent-blue-deep: #052393;--accent-emerald: #009245;--accent-emerald-hover: #00a850;--accent-amber: #FBB03B;--accent-amber-hover: #ffc04d;--accent-rose: #e84855;--accent-rose-hover: #f05a66;--accent-purple: #a855f7;--accent-purple-hover: #b76fff;--status-success: #22c55e;--status-success-bg: rgba(34, 197, 94, .15);--status-warning: #f59e0b;--status-warning-bg: rgba(245, 158, 11, .15);--status-error: #ef4444;--status-error-bg: rgba(239, 68, 68, .15);--status-info: #2AAAEA;--status-info-bg: rgba(42, 170, 234, .15);--input-bg: rgba(0, 0, 0, .3);--input-border: rgba(42, 170, 234, .2);--input-border-focus: rgba(42, 170, 234, .5);--input-placeholder: rgba(180, 200, 220, .4);--btn-primary-bg: linear-gradient(135deg, #052393 0%, #2AAAEA 100%);--btn-primary-text: #ffffff;--btn-secondary-bg: rgba(42, 170, 234, .1);--btn-secondary-text: #2AAAEA;--btn-secondary-border: rgba(42, 170, 234, .3);--scrollbar-track: transparent;--scrollbar-thumb: rgba(100, 150, 200, .2);--scrollbar-thumb-hover: rgba(100, 150, 200, .3);--code-bg: rgba(0, 0, 0, .4);--code-text: #e0e6ed;--code-border: rgba(42, 170, 234, .15)}[data-theme=light]{--bg-primary: #eef2f6;--bg-secondary: #f8fafc;--bg-tertiary: #e2e8f0;--bg-card: #ffffff;--bg-elevated: #ffffff;--bg-hover: rgba(5, 35, 147, .06);--bg-active: rgba(5, 35, 147, .12);--bg-overlay: rgba(15, 23, 42, .5);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-disabled: #94a3b8;--text-inverse: #f0f4f8;--border-subtle: #cbd5e1;--border-default: #94a3b8;--border-strong: #64748b;--border-accent: #052393;--accent-blue: #052393;--accent-blue-hover: #0830b8;--accent-blue-deep: #031560;--accent-emerald: #059669;--accent-emerald-hover: #047857;--accent-amber: #d97706;--accent-amber-hover: #b45309;--accent-rose: #dc2626;--accent-rose-hover: #b91c1c;--accent-purple: #7c3aed;--accent-purple-hover: #6d28d9;--status-success: #16a34a;--status-success-bg: rgba(22, 163, 74, .12);--status-warning: #ca8a04;--status-warning-bg: rgba(202, 138, 4, .12);--status-error: #dc2626;--status-error-bg: rgba(220, 38, 38, .12);--status-info: #052393;--status-info-bg: rgba(5, 35, 147, .12);--input-bg: #ffffff;--input-border: #94a3b8;--input-border-focus: #052393;--input-placeholder: #64748b;--btn-primary-bg: linear-gradient(135deg, #052393 0%, #2AAAEA 100%);--btn-primary-text: #ffffff;--btn-secondary-bg: rgba(5, 35, 147, .1);--btn-secondary-text: #052393;--btn-secondary-border: #052393;--scrollbar-track: #e2e8f0;--scrollbar-thumb: #94a3b8;--scrollbar-thumb-hover: #64748b;--code-bg: #e2e8f0;--code-text: #1e293b;--code-border: #cbd5e1;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 12px rgba(15, 23, 42, .1), 0 2px 4px rgba(15, 23, 42, .06);--shadow-lg: 0 10px 30px rgba(15, 23, 42, .12), 0 4px 8px rgba(15, 23, 42, .06);--shadow-xl: 0 20px 50px rgba(15, 23, 42, .15), 0 8px 16px rgba(15, 23, 42, .08)}*{box-sizing:border-box;margin:0;padding:0}html{--bg-primary: #0a0d14;--bg-secondary: #0f1318;--bg-tertiary: #151a22;--bg-card: #151a22;--bg-elevated: #1a2030;--bg-hover: rgba(42, 170, 234, .08);--bg-active: rgba(42, 170, 234, .12);--bg-overlay: rgba(0, 0, 0, .6);--text-primary: #f0f4f8;--text-secondary: rgba(200, 220, 240, .75);--text-muted: rgba(180, 200, 220, .5);--text-disabled: rgba(180, 200, 220, .3);--text-inverse: #0a0d14;--border-subtle: rgba(42, 170, 234, .12);--border-default: rgba(42, 170, 234, .2);--border-strong: rgba(42, 170, 234, .35);--border-accent: rgba(5, 35, 147, .5);--accent-blue: #2AAAEA;--accent-blue-hover: #3db8f5;--accent-blue-deep: #052393;--accent-emerald: #009245;--accent-emerald-hover: #00a850;--accent-amber: #FBB03B;--accent-amber-hover: #ffc04d;--accent-rose: #e84855;--accent-rose-hover: #f05a66;--accent-purple: #a855f7;--accent-purple-hover: #b76fff;--status-success: #22c55e;--status-success-bg: rgba(34, 197, 94, .15);--status-warning: #f59e0b;--status-warning-bg: rgba(245, 158, 11, .15);--status-error: #ef4444;--status-error-bg: rgba(239, 68, 68, .15);--status-info: #2AAAEA;--status-info-bg: rgba(42, 170, 234, .15);--input-bg: rgba(0, 0, 0, .3);--input-border: rgba(42, 170, 234, .2);--input-border-focus: rgba(42, 170, 234, .5);--input-placeholder: rgba(180, 200, 220, .4);--btn-primary-bg: linear-gradient(135deg, #052393 0%, #2AAAEA 100%);--btn-primary-text: #ffffff;--btn-secondary-bg: rgba(42, 170, 234, .1);--btn-secondary-text: #2AAAEA;--btn-secondary-border: rgba(42, 170, 234, .3);--scrollbar-track: transparent;--scrollbar-thumb: rgba(100, 150, 200, .2);--scrollbar-thumb-hover: rgba(100, 150, 200, .3);--code-bg: rgba(0, 0, 0, .4);--code-text: #e0e6ed;--code-border: rgba(42, 170, 234, .15)}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;letter-spacing:.01em;transition:background-color var(--transition-slow),color var(--transition-slow)}code,pre{font-family:var(--font-mono)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.chat-message-content{word-wrap:break-word;overflow-wrap:break-word}.chat-message-content p:last-child{margin-bottom:0}.chat-message-content h1:first-child,.chat-message-content h2:first-child,.chat-message-content h3:first-child{margin-top:0}.chat-message-content sup{color:var(--accent-blue);font-weight:600;cursor:pointer;padding:0 2px;transition:all .2s ease}.chat-message-content sup:hover{background:#2aaaea33;border-radius:3px}.chat-message-content table{width:100%;border-collapse:collapse;margin:12px 0;font-size:.9em}.chat-message-content th,.chat-message-content td{border:1px solid var(--border-subtle);padding:8px 12px;text-align:left}.chat-message-content th{background:var(--bg-hover);font-weight:600}.chat-message-content tr:hover{background:var(--bg-hover)}