:root{--chat-primary:hsl(var(--primary));--chat-primary-hover:hsl(var(--brand-dark));--chat-primary-light:hsl(var(--info-background));--chat-primary-dark:hsl(var(--brand-dark));--chat-bg:hsl(var(--background));--chat-bg-secondary:hsl(var(--muted));--chat-bg-tertiary:hsl(var(--accent));--chat-bg-inverse:hsl(var(--foreground));--chat-text:hsl(var(--foreground));--chat-text-secondary:hsl(var(--muted-foreground));--chat-text-tertiary:hsl(var(--muted-foreground));--chat-text-inverse:hsl(var(--background));--chat-border:hsl(var(--border));--chat-border-light:hsl(var(--muted));--chat-border-dark:hsl(var(--border));--chat-bubble-user:var(--chat-primary);--chat-bubble-user-text:hsl(var(--primary-foreground));--chat-bubble-assistant:var(--chat-bg-secondary);--chat-bubble-assistant-text:var(--chat-text);--chat-bubble-system:hsl(var(--warning-background));--chat-bubble-system-text:hsl(var(--warning-deep));--chat-success:hsl(var(--success));--chat-warning:hsl(var(--warning));--chat-error:hsl(var(--error));--chat-info:hsl(var(--info));--chat-connected:hsl(var(--success));--chat-connecting:hsl(var(--warning));--chat-disconnected:hsl(var(--error));--chat-radius-sm:4px;--chat-radius-md:8px;--chat-radius-lg:12px;--chat-radius-xl:16px;--chat-radius-full:9999px;--chat-shadow-sm:0 1px 2px #0000000d;--chat-shadow-md:0 4px 12px #0000001a;--chat-shadow-lg:0 8px 24px #00000026;--chat-shadow-xl:0 12px 48px #0003;--chat-spacing-xs:4px;--chat-spacing-sm:8px;--chat-spacing-md:16px;--chat-spacing-lg:24px;--chat-spacing-xl:32px;--chat-font-xs:12px;--chat-font-sm:13px;--chat-font-md:14px;--chat-font-lg:16px;--chat-font-xl:18px;--chat-transition-fast:.15s ease;--chat-transition-normal:.25s ease;--chat-transition-slow:.35s ease;--chat-navbar-height:48px;--chat-input-min-height:60px;--chat-input-max-height:200px;--chat-message-max-width:80%;--chat-sidebar-width:280px}[data-theme=dark],.dark{--chat-primary:hsl(var(--primary));--chat-primary-hover:hsl(var(--brand-dark));--chat-primary-light:hsl(var(--info-background));--chat-bg:hsl(var(--background));--chat-bg-secondary:hsl(var(--muted));--chat-bg-tertiary:hsl(var(--accent));--chat-bg-inverse:hsl(var(--foreground));--chat-text:hsl(var(--foreground));--chat-text-secondary:hsl(var(--muted-foreground));--chat-text-tertiary:hsl(var(--muted-foreground));--chat-text-inverse:hsl(var(--background));--chat-border:hsl(var(--border));--chat-border-light:hsl(var(--muted));--chat-border-dark:hsl(var(--border));--chat-bubble-user:hsl(var(--primary));--chat-bubble-user-text:hsl(var(--primary-foreground));--chat-bubble-assistant:hsl(var(--muted));--chat-bubble-assistant-text:hsl(var(--foreground));--chat-bubble-system:hsl(var(--warning-background));--chat-bubble-system-text:hsl(var(--warning-deep));--chat-shadow-sm:0 1px 2px #0000004d;--chat-shadow-md:0 4px 12px #0006;--chat-shadow-lg:0 8px 24px #00000080;--chat-shadow-xl:0 12px 48px #0009}.chat-code-block{background:hsl(var(--muted));border-radius:var(--chat-radius-md);padding:var(--chat-spacing-md);font-family:Fira Code,JetBrains Mono,Consolas,monospace;font-size:var(--chat-font-sm);line-height:1.6;overflow-x:auto}.chat-scrollbar::-webkit-scrollbar{width:6px;height:6px}.chat-scrollbar::-webkit-scrollbar-track{background:0 0}.chat-scrollbar::-webkit-scrollbar-thumb{background:var(--chat-border);border-radius:var(--chat-radius-full)}.chat-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--chat-border-dark)}@keyframes chat-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes chat-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes chat-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes chat-typing-dot{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.chat-animate-fade-in{animation:chat-fade-in var(--chat-transition-normal)}.chat-animate-slide-up{animation:chat-slide-up var(--chat-transition-normal)}.chat-typing-dots span{animation:1.4s ease-in-out infinite both chat-typing-dot}.chat-typing-dots span:first-child{animation-delay:-.32s}.chat-typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes chat-cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.typewriter-cursor{color:var(--chat-primary);vertical-align:text-bottom;margin-left:2px;font-weight:400;animation:1s infinite chat-cursor-blink;display:inline-block}.typewriter-text{white-space:pre-wrap;word-break:break-word}:root{--chat-primary-gradient:linear-gradient(135deg,var(--chat-primary),var(--chat-primary-dark))}.chat-window-animated{animation:.18s ease-out chat-window-in}@keyframes chat-window-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes chat-msg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.chat-window-animated,.chat-msg-animated{animation:none!important}}