: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}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{--bg-color: #f0f2f5;--text-color: #333;--chat-bg: #f5f7fb;--message-bg: white;--message-text: #1f2937;--primary-color: #4f46e5;--primary-hover: #4338ca;--input-border: #e5e7eb;--shadow-color: rgba(0, 0, 0, .1)}[data-theme=dark]{--bg-color: #1a1a1a;--text-color: #f0f0f0;--chat-bg: #2a2a2a;--message-bg: #3a3a3a;--message-text: #f0f0f0;--primary-color: #6366f1;--primary-hover: #818cf8;--input-border: #4a4a4a;--shadow-color: rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}.app{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;position:relative}.theme-toggle{position:absolute;top:20px;right:20px;background-color:var(--primary-color);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;box-shadow:0 2px 5px var(--shadow-color);transition:background-color .2s}.theme-toggle:hover{background-color:var(--primary-hover)}@media (max-width: 768px){.app{padding:0}}.chat-container{display:flex;flex-direction:column;height:100vh;width:800px;margin:0 auto;background-color:var(--chat-bg);border-radius:12px;box-shadow:0 5px 15px var(--shadow-color);overflow:hidden;transition:background-color .3s,box-shadow .3s}.chat-header{background-color:var(--primary-color);color:#fff;padding:15px 20px;display:flex;justify-content:center;align-items:center;position:relative;font-weight:600;transition:background-color .3s}.chat-header h2{margin:0;font-size:1.5rem}.clear-button{position:absolute;right:15px;background:none;border:none;color:#fff;cursor:pointer;opacity:.7;transition:opacity .2s;display:flex;align-items:center;justify-content:center;padding:5px}.clear-button:hover{opacity:1}.messages-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:15px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#9ca3af;gap:10px}.message{display:flex;margin-bottom:15px;max-width:80%}.user-message{align-self:flex-end;flex-direction:row-reverse}.ai-message{align-self:flex-start}.message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 8px;flex-shrink:0}.user-message .message-avatar{background-color:var(--primary-color);color:#fff}.ai-message .message-avatar{background-color:#10b981;color:#fff}.message-content{padding:12px 16px;border-radius:18px;position:relative;word-break:break-word}.user-message .message-content{background-color:var(--primary-color);color:#fff;border-bottom-right-radius:4px}.ai-message .message-content{background-color:var(--message-bg);color:var(--message-text);border-bottom-left-radius:4px;box-shadow:0 1px 2px var(--shadow-color);transition:background-color .3s,color .3s,box-shadow .3s}.message-time{font-size:.7rem;margin-top:5px;opacity:.7;text-align:right}.input-container{display:flex;padding:15px;background-color:var(--message-bg);border-top:1px solid var(--input-border);transition:background-color .3s,border-color .3s}.input-container input{flex:1;padding:12px 16px;border:1px solid var(--input-border);border-radius:24px;font-size:1rem;outline:none;transition:border-color .2s;background-color:var(--message-bg);color:var(--message-text)}.input-container input:focus{border-color:var(--primary-color)}.input-container button{background-color:var(--primary-color);color:#fff;border:none;border-radius:50%;width:44px;height:44px;margin-left:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.input-container button:hover{background-color:var(--primary-hover)}.input-container button.disabled{background-color:#9ca3af;cursor:not-allowed}.typing-indicator{display:flex;align-items:center;gap:5px;padding:5px 10px}.typing-indicator span{width:8px;height:8px;background-color:#9ca3af;border-radius:50%;display:inline-block;animation:typing 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{transform:scale(.7);opacity:.5}50%{transform:scale(1);opacity:1}}@media (max-width: 768px){.chat-container{height:100vh;max-width:100%;border-radius:0}.message{max-width:90%}}.react-markdown{line-height:1.6}.react-markdown p{margin:.5em 0}.react-markdown pre{background-color:#f5f5f5;padding:1em;border-radius:4px;overflow-x:auto}.react-markdown code{background-color:#f5f5f5;padding:.2em .4em;border-radius:3px;font-family:monospace}.react-markdown blockquote{border-left:3px solid #ddd;padding-left:1em;margin-left:0;color:#777}