.errl-avatar{flex-shrink:0;display:flex;align-items:center;justify-content:center;animation:wobble 3s ease-in-out infinite}.errl-avatar-svg{width:100%;height:100%;filter:drop-shadow(0 0 10px rgba(0,255,255,.5))}.errl-body{transition:all .3s ease}.errl-eye{animation:glow-pulse 2s ease-in-out infinite}@keyframes wobble{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(-2deg)}75%{transform:translateY(3px) rotate(2deg)}}.message-bubble{display:flex;gap:var(--chatbot-spacing-md);margin-bottom:var(--chatbot-spacing-lg);align-items:flex-start;max-width:85%}.message-user{align-self:flex-end;flex-direction:row-reverse;margin-left:auto}.message-assistant{align-self:flex-start}.message-avatar{flex-shrink:0}.message-avatar-user{width:40px;height:40px;border-radius:var(--chatbot-radius-full);background:linear-gradient(135deg,var(--errl-neon-cyan),var(--errl-neon-magenta));display:flex;align-items:center;justify-content:center;font-size:var(--chatbot-font-size-sm);font-weight:600;color:var(--errl-bg)}.message-content{padding:var(--chatbot-spacing-md) var(--chatbot-spacing-lg);border-radius:var(--chatbot-radius-lg);word-wrap:break-word;line-height:1.5}.message-content-user{background:linear-gradient(135deg,var(--errl-panel),var(--errl-surface));border:1px solid var(--errl-border);color:var(--errl-text)}.message-content-assistant{background:linear-gradient(135deg,rgba(var(--errl-neon-cyan-rgb),.1),rgba(var(--errl-neon-magenta-rgb),.1));border:1px solid rgba(var(--errl-neon-cyan-rgb),.3);color:var(--errl-text);box-shadow:0 0 10px rgba(var(--errl-neon-cyan-rgb),.2)}.message-text-assistant{color:var(--errl-text)}.message-text-assistant p{margin:0 0 var(--chatbot-spacing-sm) 0}.message-text-assistant p:last-child{margin-bottom:0}.message-text-assistant code{background:rgba(var(--errl-bg-rgb),.3);padding:2px 6px;border-radius:var(--chatbot-radius-sm);font-family:Fira Code,monospace;font-size:.9em}.message-text-assistant pre{background:rgba(var(--errl-bg-rgb),.3);padding:var(--chatbot-spacing-md);border-radius:var(--chatbot-radius-md);overflow-x:auto;margin:var(--chatbot-spacing-sm) 0}.message-text-user{color:var(--errl-text)}.streaming-cursor{display:inline-block;width:2px;height:1em;background:var(--errl-neon-cyan);margin-left:2px;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.input-bar{padding:var(--chatbot-spacing-md);background:var(--errl-surface);border-top:1px solid var(--errl-border)}.input-container{display:flex;gap:var(--chatbot-spacing-md);align-items:flex-end;max-width:1200px;margin:0 auto}.input-field{flex:1;padding:var(--chatbot-spacing-md);background:var(--errl-panel);border:1px solid var(--errl-border);border-radius:var(--chatbot-radius-lg);color:var(--errl-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--chatbot-font-size-base);resize:none;min-height:44px;max-height:200px;transition:all .2s ease}.input-field:focus{outline:none;border-color:var(--errl-neon-cyan);box-shadow:0 0 10px rgba(var(--errl-neon-cyan-rgb),.3)}.input-field:disabled{opacity:.5;cursor:not-allowed}.send-button{width:44px;height:44px;border-radius:var(--chatbot-radius-lg);background:linear-gradient(135deg,var(--errl-neon-cyan),var(--errl-neon-magenta));border:none;color:var(--errl-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 20px rgba(var(--errl-neon-cyan-rgb),.5),0 0 30px rgba(var(--errl-neon-magenta-rgb),.3)}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{opacity:.5;cursor:not-allowed}.input-hint{text-align:center;color:var(--errl-muted);font-size:var(--chatbot-font-size-xs);margin-top:var(--chatbot-spacing-sm)}.chat-interface{display:flex;flex-direction:column;height:100vh;background:var(--errl-bg);color:var(--errl-text)}.chat-header{padding:var(--chatbot-spacing-md) var(--chatbot-spacing-lg);background:var(--errl-surface);border-bottom:1px solid var(--errl-border);box-shadow:0 2px 10px #0000004d}.chat-header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.chat-title{display:flex;align-items:center;gap:var(--chatbot-spacing-md)}.chat-title h1{font-size:var(--chatbot-font-size-2xl);font-weight:600;margin:0}.chat-controls{display:flex;gap:var(--chatbot-spacing-md);align-items:center}.model-selector{padding:var(--chatbot-spacing-sm) var(--chatbot-spacing-md);background:var(--errl-panel);border:1px solid var(--errl-border);border-radius:var(--chatbot-radius-md);color:var(--errl-text);font-size:var(--chatbot-font-size-sm);cursor:pointer;transition:all .2s ease}.model-selector:focus{outline:none;border-color:var(--errl-neon-cyan);box-shadow:0 0 10px rgba(var(--errl-neon-cyan-rgb),.3)}.clear-button{padding:var(--chatbot-spacing-sm) var(--chatbot-spacing-md);background:var(--errl-panel);border:1px solid var(--errl-border);border-radius:var(--chatbot-radius-md);color:var(--errl-text);font-size:var(--chatbot-font-size-sm);cursor:pointer;transition:all .2s ease}.clear-button:hover:not(:disabled){background:var(--errl-surface);border-color:var(--chatbot-error);color:var(--chatbot-error)}.clear-button:disabled{opacity:.5;cursor:not-allowed}.connection-status{display:flex;align-items:center;gap:var(--chatbot-spacing-sm);margin-top:var(--chatbot-spacing-sm);max-width:1200px;margin-left:auto;margin-right:auto;font-size:var(--chatbot-font-size-xs)}.status-indicator{width:8px;height:8px;border-radius:var(--chatbot-radius-full);animation:glow-pulse 2s ease-in-out infinite}.status-connected{background:var(--chatbot-success);box-shadow:0 0 8px var(--chatbot-success)}.status-disconnected{background:var(--chatbot-error);box-shadow:0 0 8px var(--chatbot-error)}.status-text{color:var(--errl-muted)}.error-banner{padding:var(--chatbot-spacing-md) var(--chatbot-spacing-lg);background:rgba(var(--errl-neon-magenta-rgb),.1);border-bottom:1px solid var(--chatbot-error);color:var(--chatbot-error);display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;width:100%}.retry-button{padding:var(--chatbot-spacing-xs) var(--chatbot-spacing-md);background:var(--chatbot-error);border:none;border-radius:var(--chatbot-radius-md);color:var(--errl-text);font-size:var(--chatbot-font-size-sm);cursor:pointer;transition:all .2s ease}.retry-button:hover{opacity:.8;transform:scale(1.05)}.messages-container{flex:1;overflow-y:auto;padding:var(--chatbot-spacing-lg);scroll-behavior:smooth}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:var(--errl-surface)}.messages-container::-webkit-scrollbar-thumb{background:var(--errl-border);border-radius:var(--chatbot-radius-full)}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--errl-neon-cyan)}.messages-list{max-width:1200px;margin:0 auto;display:flex;flex-direction:column}.welcome-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--chatbot-spacing-2xl);gap:var(--chatbot-spacing-lg);max-width:600px;margin:0 auto;height:100%}.welcome-message h2{font-size:var(--chatbot-font-size-3xl);margin:0}.welcome-message p{font-size:var(--chatbot-font-size-lg);color:var(--errl-muted);line-height:1.6;margin:0}.welcome-hint{margin-top:var(--chatbot-spacing-md);font-size:var(--chatbot-font-size-base);color:var(--errl-neon-cyan);font-style:italic}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--errl-bg);color:var(--errl-text);overflow:hidden}#root{width:100vw;height:100vh}.app{width:100%;height:100%;display:flex;flex-direction:column}:root{--chatbot-spacing-xs: .25rem;--chatbot-spacing-sm: .5rem;--chatbot-spacing-md: 1rem;--chatbot-spacing-lg: 1.5rem;--chatbot-spacing-xl: 2rem;--chatbot-spacing-2xl: 3rem;--chatbot-radius-sm: .375rem;--chatbot-radius-md: .5rem;--chatbot-radius-lg: .75rem;--chatbot-radius-xl: 1rem;--chatbot-radius-full: 9999px;--chatbot-font-size-xs: .75rem;--chatbot-font-size-sm: .875rem;--chatbot-font-size-base: 1rem;--chatbot-font-size-lg: 1.125rem;--chatbot-font-size-xl: 1.25rem;--chatbot-font-size-2xl: 1.5rem;--chatbot-font-size-3xl: 2rem;--chatbot-success: #00f5a0;--chatbot-error: #ff34f5}.chat-interface{--chatbot-bg: var(--errl-bg);--chatbot-surface: var(--errl-surface);--chatbot-surface-light: var(--errl-panel);--chatbot-text: var(--errl-text);--chatbot-text-muted: var(--errl-muted);--chatbot-border: var(--errl-border);--chatbot-cyan: var(--errl-neon-cyan);--chatbot-magenta: var(--errl-neon-magenta);--chatbot-accent: var(--errl-accent);--chatbot-accent-2: var(--errl-accent-2);--chatbot-success: #00f5a0;--chatbot-error: #ff34f5}.errl-text-gradient{background:linear-gradient(135deg,var(--errl-neon-cyan),var(--errl-neon-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.errl-fade-in{animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{opacity:1}50%{opacity:.7}}