*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#212121;--bg-secondary:#171717;--bg-tertiary:#2f2f2f;--bg-hover:#2f2f2f;--bg-active:#343541;--text-primary:#ececec;--text-secondary:#b4b4b4;--text-muted:#8e8e8e;--accent:#10a37f;--accent-hover:#0d8c6d;--border:#424242;--user-bubble:#2f2f2f;--input-bg:#40414f;--sidebar-width:260px;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#565869;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6e7089}.app-layout{width:100%;height:100vh;display:flex}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background-color:var(--bg-secondary);border-right:1px solid #ffffff14;flex-direction:column;transition:transform .3s;display:flex}.sidebar-header{padding:10px}.new-chat-btn{width:100%;color:var(--text-primary);font-size:14px;font-family:var(--font-family);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;transition:background-color .2s;display:flex}.new-chat-btn:hover{background-color:#ffffff14}.conversations-list{flex:1;padding:4px 0;overflow-y:auto}.conversation-item{color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;margin:2px 8px;padding:10px 12px;font-size:14px;transition:background-color .2s,color .2s;display:flex;position:relative}.conversation-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.conversation-item.active{background-color:var(--bg-active);color:var(--text-primary)}.conversation-item .conv-title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.conversation-item .delete-btn{opacity:0;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:opacity .2s,color .2s,background-color .2s;display:flex}.conversation-item:hover .delete-btn{opacity:1}.conversation-item .delete-btn:hover{color:#ef4444;background-color:#ef44441a}.sidebar-footer{border-top:1px solid #ffffff14;padding:12px}.sidebar-footer .app-brand{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.sidebar-footer .app-brand .brand-icon{background:var(--accent);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.chat-page{flex-direction:column;flex:1;height:100%;display:flex}.messages-container{flex:1;padding-bottom:20px;overflow-y:auto}.messages-inner{max-width:800px;margin:0 auto;padding:0 20px}.empty-state{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-state .logo{background:var(--accent);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:24px;font-size:20px;font-weight:700;display:flex}.empty-state h2{color:var(--text-primary);margin-bottom:32px;font-size:24px;font-weight:600}.suggestions{grid-template-columns:repeat(2,1fr);gap:10px;width:100%;max-width:600px;display:grid}.suggestion-chip{background:var(--bg-tertiary);color:var(--text-secondary);font-size:14px;font-family:var(--font-family);cursor:pointer;text-align:left;border:1px solid #ffffff1a;border-radius:12px;padding:12px 16px;transition:background-color .2s,border-color .2s,color .2s}.suggestion-chip:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:#fff3}.message{gap:16px;padding:24px 0;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message-avatar{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.message.user .message-avatar{color:#fff;background-color:#5436da}.message.assistant .message-avatar{background-color:var(--accent);color:#fff}.message-content{min-width:0;max-width:calc(100% - 56px)}.message.user .message-content{text-align:right}.message.user .message-bubble{background-color:var(--user-bubble);border-radius:16px 16px 0;max-width:100%;padding:12px 16px;display:inline-block}.message.assistant .message-bubble{padding:4px 0}.markdown-content{color:var(--text-primary);font-size:16px;line-height:1.7}.markdown-content p{margin-bottom:12px}.markdown-content p:last-child{margin-bottom:0}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:var(--text-primary);margin:20px 0 8px;font-weight:600}.markdown-content h1{font-size:1.5em}.markdown-content h2{font-size:1.35em}.markdown-content h3{font-size:1.2em}.markdown-content ul,.markdown-content ol{margin:8px 0 12px 20px}.markdown-content li{margin-bottom:4px}.markdown-content a{color:#60a5fa;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content blockquote{border-left:3px solid var(--border);color:var(--text-secondary);margin:12px 0;padding-left:12px}.markdown-content code{background-color:#ffffff1a;border-radius:4px;padding:2px 6px;font-family:Söhne Mono,Monaco,Menlo,Consolas,monospace;font-size:.9em}.markdown-content hr{border:none;border-top:1px solid var(--border);margin:16px 0}.markdown-content table{border-collapse:collapse;width:100%;margin:12px 0}.markdown-content th,.markdown-content td{border:1px solid var(--border);text-align:left;padding:8px 12px}.markdown-content th{background-color:var(--bg-tertiary);font-weight:600}.code-block-wrapper{background:#1a1a2e;border:1px solid #ffffff14;border-radius:8px;margin:16px 0;position:relative;overflow:hidden}.code-block-header{color:var(--text-muted);background:#ffffff0a;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:8px 16px;font-size:13px;display:flex}.code-block-header .lang-label{text-transform:lowercase;font-family:Söhne Mono,monospace;font-size:12px}.copy-code-btn{color:var(--text-muted);cursor:pointer;font-size:12px;font-family:var(--font-family);background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;transition:background-color .2s,color .2s;display:flex}.copy-code-btn:hover{color:var(--text-primary);background-color:#ffffff1a}.copy-code-btn.copied{color:var(--accent)}.code-block-wrapper pre{margin:0;padding:16px;font-family:Söhne Mono,Monaco,Menlo,Consolas,monospace;font-size:14px;line-height:1.5;overflow-x:auto}.code-block-wrapper pre code{font-size:inherit;background:0 0;border-radius:0;padding:0}.streaming-cursor:after{content:"▌";color:var(--text-primary);animation:.8s step-end infinite blink}@keyframes blink{50%{opacity:0}}.chat-input-area{padding:16px 20px 24px}.chat-input-container{max-width:800px;margin:0 auto}.chat-input-wrapper{background-color:var(--input-bg);border:1px solid #0000;border-radius:24px;align-items:flex-end;padding:8px 8px 8px 20px;transition:border-color .2s;display:flex}.chat-input-wrapper:focus-within{border-color:#fff3}.chat-input-wrapper textarea{color:var(--text-primary);font-family:var(--font-family);resize:none;background:0 0;border:none;outline:none;flex:1;max-height:200px;padding:6px 0;font-size:16px;line-height:1.5;overflow-y:auto}.chat-input-wrapper textarea::placeholder{color:var(--text-muted)}.send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-left:8px;transition:background-color .2s,opacity .2s;display:flex}.send-btn:hover:not(:disabled){background-color:var(--accent-hover)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.input-hint{text-align:center;color:var(--text-muted);margin-top:8px;font-size:12px}.loading-dots{gap:4px;padding:8px 0;display:inline-flex}.loading-dots span{background-color:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite dotPulse}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@media (width<=768px){.sidebar{z-index:100;height:100%;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.suggestions{grid-template-columns:1fr}}.hljs{color:#d4d4d4;background:0 0!important}.hljs-keyword{color:#c586c0}.hljs-built_in{color:#4ec9b0}.hljs-string{color:#ce9178}.hljs-number{color:#b5cea8}.hljs-comment{color:#6a9955}.hljs-function,.hljs-title{color:#dcdcaa}.hljs-params,.hljs-attr{color:#9cdcfe}.hljs-tag,.hljs-name{color:#569cd6}.hljs-type{color:#4ec9b0}.hljs-meta{color:#569cd6}.hljs-selector-class{color:#d7ba7d}.hljs-selector-tag{color:#569cd6}.hljs-property{color:#9cdcfe}.hljs-punctuation{color:#d4d4d4}