:root{--bg-gradient-start: #0b1017;--bg-gradient-end: #0b1017;--container-bg: #0d121a;--chat-window-bg: #0d121a;--bot-bubble-bg: #1b2430;--user-bubble-bg: #00b7ff;--text-primary: #e5e8f0;--text-secondary: #b7c2d0;--text-muted: #7f8a99;--accent-primary: #00b7ff;--accent-secondary: #008ac7;--accent-success: #22c55e;--accent-error: #ef4444;--accent-warning: #f59e0b;--border-color: #1d2633;--border-accent: #00b7ff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .25);--shadow-md: 0 2px 6px rgba(0, 0, 0, .32);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .38);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius-full: 50%;--font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Inter", sans-serif;--font-mono: "Consolas", "Courier New", monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}body.dark-theme{--bg-gradient-start: #080c12;--bg-gradient-end: #060910;--container-bg: #090d14;--chat-window-bg: #090d14;--bot-bubble-bg: #161d28;--user-bubble-bg: #00a2e6;--text-primary: #e5e7eb;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent-primary: #00a2e6;--accent-secondary: #0081bd;--accent-success: #22c55e;--accent-error: #ef4444;--accent-warning: #f59e0b;--border-color: #161d28;--border-accent: #00a2e6;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 2px 6px rgba(0, 0, 0, .45);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .55)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:linear-gradient(180deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);color:var(--text-primary);min-height:100vh;margin:0;padding:0;transition:background-color .3s ease,color .3s ease}html{height:100%}#root,app-root{height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes dotFlashing{0%,80%,to{opacity:.3}40%{opacity:1}}