:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}#root{width:100%;height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root[data-theme=light]{--primary-color: #0078d4;--secondary-color: #005a9e;--bg-color: #f5f5f5;--chat-bg: #ffffff;--user-msg-bg: #0078d4;--assistant-msg-bg: #f0f0f0;--border-color: #e1e1e1;--text-color: #323130;--text-secondary: #605e5c;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--code-bg: #1e1e1e;--code-text: #d4d4d4;--input-bg: #ffffff}:root[data-theme=dark]{--primary-color: #0066b8;--secondary-color: #004c87;--bg-color: #1e1e1e;--chat-bg: #252525;--user-msg-bg: #004c87;--assistant-msg-bg: #2d2d2d;--border-color: #3d3d3d;--text-color: #e1e1e1;--text-secondary: #a0a0a0;--shadow: 0 2px 8px rgba(0, 0, 0, .3);--code-bg: #1a1a1a;--code-text: #d4d4d4;--input-bg: #2d2d2d}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6}.app{display:flex;flex-direction:column;height:100vh;width:100%;background-color:var(--chat-bg)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:0 2px 4px #0000001a}.app-header h1{font-size:1.5rem;font-weight:600}.header-actions{display:flex;gap:.5rem;align-items:center}.service-dropdown{position:relative}.service-dropdown-button{background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;white-space:nowrap}.service-dropdown-button:hover{background-color:#ffffff4d}.service-dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;box-shadow:var(--shadow);min-width:220px;z-index:1000;overflow:hidden}.service-dropdown-item{width:100%;padding:.75rem 1rem;background-color:transparent;color:var(--text-color);border:none;border-bottom:1px solid var(--border-color);text-align:left;cursor:pointer;font-size:.9rem;transition:background-color .2s}.service-dropdown-item:last-child{border-bottom:none}.service-dropdown-item:not(.disabled):hover{background-color:var(--assistant-msg-bg)}.service-dropdown-item.selected{background-color:var(--primary-color);color:#fff;font-weight:600}.service-dropdown-item.disabled{color:var(--text-secondary);cursor:not-allowed;opacity:.5}.service-dropdown-item.disabled:hover{background-color:transparent}.theme-toggle{position:relative;display:inline-block;width:52px;height:28px}.theme-toggle input{opacity:0;width:0;height:0}.theme-toggle .slider{position:absolute;cursor:pointer;inset:0;background-color:#ffffff4d;border:1px solid rgba(255,255,255,.4);transition:.3s;border-radius:34px;display:flex;align-items:center;justify-content:space-between;padding:0 6px;font-size:.75rem}.theme-toggle .slider:after{content:"☀️";position:absolute;left:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center;pointer-events:none;line-height:1;font-size:.85rem}.theme-toggle .slider:before{content:"🌙";position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center;pointer-events:none;line-height:1;font-size:.85rem;filter:grayscale(1) brightness(2)}.slider .toggle-circle{position:absolute;height:20px;width:20px;left:4px;top:50%;transform:translateY(-50%);background-color:#fff;transition:.3s;border-radius:50%;z-index:1}.theme-toggle input:checked+.slider{background-color:#ffffff80}.theme-toggle input:checked+.slider .toggle-circle{transform:translate(24px,-50%)}.theme-toggle:hover .slider{background-color:#fff6}.clear-button{background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.clear-button:hover:not(:disabled){background-color:#ffffff4d}.clear-button:disabled{opacity:.5;cursor:not-allowed}.chat-container{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column}.connecting-message{text-align:center;padding:2rem;color:var(--text-secondary);font-size:1.1rem}.welcome-message{text-align:center;max-width:700px;margin:auto;padding:2rem}.welcome-message h2{color:var(--primary-color);margin-bottom:1rem}.welcome-message p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.example-queries{text-align:left;background-color:var(--bg-color);padding:1.5rem;border-radius:8px;border-left:4px solid var(--primary-color)}.example-queries h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.1rem}.example-queries ul{list-style-position:inside;color:var(--text-secondary)}.example-queries li{padding:.5rem 0;font-family:Consolas,Monaco,monospace;font-size:.9rem}.messages{display:flex;flex-direction:column;gap:1rem}.message{display:flex;gap:.5rem;animation:fadeIn .3s ease-in;align-items:flex-end}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse;justify-content:flex-start;margin-left:auto}.message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.message.user .message-avatar{background-color:var(--primary-color)}.message.assistant .message-avatar{background-color:var(--assistant-msg-bg)}.message-content{max-width:70%;min-width:100px;padding:.75rem 1rem;border-radius:18px;word-wrap:break-word;font-size:.95rem;line-height:1.4}.message.user .message-content{background-color:var(--user-msg-bg);color:#fff;border-bottom-right-radius:6px}.message.assistant .message-content{background-color:var(--assistant-msg-bg);color:var(--text-color);border-bottom-left-radius:6px}.message.streaming .message-content:after{content:"▋";animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.message-content pre{background-color:var(--code-bg);color:var(--code-text);padding:1rem;border-radius:6px;overflow-x:auto;margin:.5rem 0;font-family:Consolas,Monaco,monospace;font-size:.9rem}.message-content code{background-color:#0000000d;padding:.2rem .4rem;border-radius:3px;font-family:Consolas,Monaco,monospace;font-size:.9em}.message-content pre code{background-color:transparent;padding:0}.message.user .message-content code{background-color:#fff3}.message-content ul,.message-content ol{margin:.5rem 0;padding-left:1.5rem}.message-content li{margin:.25rem 0}.message>div:last-child{display:flex;flex-direction:column;min-width:100px}.message.user>div:last-child{align-items:flex-end}.message.user .message-timestamp{text-align:right;padding-right:.25rem;padding-left:0}.message-timestamp{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem;padding-left:.25rem}.chat-input-container{padding:1.5rem 2rem;background-color:var(--chat-bg);border-top:1px solid var(--border-color);box-shadow:0 -2px 8px #0000000d}.chat-input-wrapper{display:flex;gap:.75rem;max-width:1200px;margin:0 auto}.chat-input{flex:1;padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:inherit;resize:none;min-height:50px;max-height:150px;transition:border-color .2s;background-color:var(--input-bg);color:var(--text-color)}.chat-input:focus{outline:none;border-color:var(--primary-color)}.send-button{background-color:var(--primary-color);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s;align-self:flex-end}.send-button:hover:not(:disabled){background-color:var(--secondary-color);transform:translateY(-1px)}.send-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}[data-theme=dark] .send-button{background-color:#0066b8}[data-theme=dark] .send-button:hover:not(:disabled){background-color:#004c87}[data-theme=dark] .send-button:disabled{background-color:#444}.processing-indicator{font-size:.875rem;color:var(--text-secondary);margin-top:.5rem}.typing-indicator{display:flex;align-items:center;gap:4px;padding:.875rem 1.125rem!important;min-height:20px}.typing-dot{width:8px;height:8px;border-radius:50%;background-color:var(--text-secondary);animation:typing 1.4s infinite}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}@media(max-width:768px){.app-header{padding:1rem}.app-header h1{font-size:1.2rem}.chat-container{padding:1rem}.message-content{max-width:85%}.chat-input-container{padding:1rem}}