:root{--navbar-height: 72px;--chat-bg: #F5F5F5;--chat-text: #1F2937;--chat-sidebar-bg: #FFFFFF;--chat-sidebar-border: #E5E7EB;--chat-header-bg: #FFFFFF;--chat-header-border: #E5E7EB;--chat-main-bg: #F9FAFB;--chat-input-bg: #FFFFFF;--chat-input-border: #E5E7EB;--chat-message-bg: #FFFFFF;--chat-user-message-bg: #4F46E5;--chat-button-bg: #4F46E5;--chat-button-hover: #4338CA;--chat-text-muted: #6B7280;--chat-text-light: #9CA3AF;--chat-history-bg: #F9FAFB;--chat-history-hover: #F3F4F6;--chat-code-bg: #F3F4F6;--chat-code-text: #DC2626;--chat-pre-bg: #1F2937;--chat-pre-text: #F9FAFB;--chat-scrollbar: #D1D5DB;--chat-scrollbar-hover: #9CA3AF}[data-theme=dark]{--chat-bg: #0A0F1F;--chat-text: #E5E7EB;--chat-sidebar-bg: #1A2744;--chat-sidebar-border: #2A3F5F;--chat-header-bg: #1A2744;--chat-header-border: #2A3F5F;--chat-main-bg: #0F1729;--chat-input-bg: #1A2744;--chat-input-border: #2A3F5F;--chat-message-bg: #1A2744;--chat-user-message-bg: #4F46E5;--chat-button-bg: #4F46E5;--chat-button-hover: #4338CA;--chat-text-muted: #9CA3AF;--chat-text-light: #6B7280;--chat-history-bg: #0F1729;--chat-history-hover: #1A2744;--chat-code-bg: #2A3F5F;--chat-code-text: #F87171;--chat-pre-bg: #0A0F1F;--chat-pre-text: #E5E7EB;--chat-scrollbar: #2A3F5F;--chat-scrollbar-hover: #4A5F7F}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--chat-bg);color:var(--chat-text);min-height:100vh}.chat-container{display:flex;height:calc(100vh - var(--navbar-height));width:100%;position:fixed;top:var(--navbar-height);left:0;right:0}footer{display:none}.sidebar{width:256px;background:var(--chat-sidebar-bg);border-right:1px solid var(--chat-sidebar-border);display:flex;flex-direction:column;padding:16px;flex-shrink:0}.new-chat-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:var(--chat-button-bg);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s}.new-chat-btn:hover{background:var(--chat-button-hover)}.new-chat-btn svg{flex-shrink:0}.chat-history-section{margin-top:24px;flex:1;overflow-y:auto;min-height:0;padding-right:4px}.chat-history-title{font-size:11px;font-weight:600;color:var(--chat-text-muted);letter-spacing:.5px;margin-bottom:16px}.no-history{font-size:14px;color:var(--chat-text-light);text-align:center;padding:20px 0}.chat-history-list{display:flex;flex-direction:column;gap:8px}.chat-history-item{padding:12px;background:var(--chat-history-bg);border-radius:8px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-history-item:hover{background:var(--chat-history-hover)}.chat-info{flex:1;min-width:0}.chat-title{font-size:14px;font-weight:500;color:var(--chat-text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-date{font-size:12px;color:var(--chat-text-light)}.delete-chat-btn{background:none;border:none;color:var(--chat-text-light);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,background .2s,color .2s;flex-shrink:0}.chat-history-item:hover .delete-chat-btn{opacity:1}.delete-chat-btn:hover{background:#ef44441a;color:#ef4444}.chat-history-section::-webkit-scrollbar{width:6px}.chat-history-section::-webkit-scrollbar-track{background:transparent}.chat-history-section::-webkit-scrollbar-thumb{background:var(--chat-text-muted);border-radius:3px}.chat-history-section::-webkit-scrollbar-thumb:hover{background:var(--chat-text-light)}.chat-history-section{scrollbar-width:thin;scrollbar-color:var(--chat-text-muted) transparent}.main-content{flex:1;display:flex;flex-direction:column;background:var(--chat-main-bg);position:relative}.chat-header{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--chat-header-bg);border-bottom:1px solid var(--chat-header-border)}.menu-toggle{display:none;background:none;border:none;color:var(--chat-text-muted);cursor:pointer;padding:4px}.header-info{display:flex;align-items:center;gap:12px}.bot-icon{flex-shrink:0}.header-text{display:flex;flex-direction:column;gap:2px}.bot-name{font-size:18px;font-weight:600;color:var(--chat-text)}.bot-subtitle{font-size:13px;color:var(--chat-text-muted);display:flex;align-items:center;gap:4px}.chat-messages{flex:1;overflow-y:auto;padding:32px;display:flex;flex-direction:column}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:600px;margin:auto}.sparkle-icon{margin-bottom:24px}.welcome-title{font-size:28px;font-weight:500;color:var(--chat-text-muted);margin-bottom:12px}.welcome-subtitle{font-size:15px;color:var(--chat-text-light);line-height:1.6}.input-container{padding:24px 32px 32px;background:var(--chat-main-bg)}.input-wrapper{max-width:900px;margin:0 auto;position:relative;display:flex;align-items:center;background:var(--chat-input-bg);border:1px solid var(--chat-input-border);border-radius:24px;padding:12px 16px;box-shadow:0 1px 3px #0000000d;transition:border-color .2s,box-shadow .2s}.input-wrapper:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.chat-input{flex:1;border:none;outline:none;font-size:15px;color:var(--chat-text);background:transparent;padding:4px 8px}.chat-input::placeholder{color:var(--chat-text-light)}.send-btn{background:none;border:none;color:var(--chat-text-light);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;flex-shrink:0}.send-btn:hover{color:#4f46e5}.send-btn svg{width:20px;height:20px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--chat-scrollbar);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--chat-scrollbar-hover)}.message{display:flex;gap:12px;margin-bottom:24px;max-width:800px}.user-message{margin-left:auto;flex-direction:row-reverse}.bot-message{margin-right:auto}.message-avatar{flex-shrink:0;width:32px;height:32px}.message-content{background:var(--chat-message-bg);padding:12px 16px;border-radius:16px;font-size:15px;line-height:1.5;color:var(--chat-text);box-shadow:0 1px 2px #0000000d;word-wrap:break-word}.user-message .message-content{background:var(--chat-user-message-bg);color:#fff;border-bottom-right-radius:4px}.bot-message .message-content{border-bottom-left-radius:4px}.message-content strong{font-weight:600}.message-content em{font-style:italic}.message-content code{background:var(--chat-code-bg);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:14px;color:var(--chat-code-text)}.message-content pre{background:var(--chat-pre-bg);color:var(--chat-pre-text);padding:12px;border-radius:8px;overflow-x:auto;margin:8px 0}.message-content pre code{background:transparent;color:var(--chat-pre-text);padding:0}.send-btn:disabled{opacity:.5;cursor:not-allowed}.typing-indicator{display:inline-block;color:var(--chat-text-light);animation:blink 1.4s infinite}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}@media (max-width: 768px){.sidebar{position:fixed;left:-256px;top:var(--navbar-height);height:calc(100vh - var(--navbar-height));z-index:1000;transition:left .3s}.sidebar.active{left:0}.menu-toggle{display:block}.input-container,.chat-messages{padding:16px}.welcome-title{font-size:24px}.message{max-width:90%}}