:root{--bg-primary: #ffffff;--bg-secondary: #f7f7f8;--bg-tertiary: #ececf1;--text-primary: #0d0d0d;--text-secondary: #676767;--text-tertiary: #8e8ea0;--border-light: #e5e5e5;--border-medium: #d1d1d6;--accent: #10a37f;--accent-hover: #0d8f6f;--user-bg: #f7f7f8;--bot-bg: #ffffff;--input-bg: #ffffff;--input-border: #d1d1d6;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 2px 8px rgba(0,0,0,.08);--code-bg: #f7f7f8;--code-border: #e5e5e5}[data-theme=dark]{--bg-primary: #212121;--bg-secondary: #2f2f2f;--bg-tertiary: #3f3f3f;--text-primary: #ececec;--text-secondary: #c5c5d2;--text-tertiary: #8e8ea0;--border-light: #4d4d4d;--border-medium: #565869;--accent: #19c37d;--accent-hover: #1a9f6a;--user-bg: #2f2f2f;--bot-bg: #212121;--input-bg: #2f2f2f;--input-border: #4d4d4d;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 2px 8px rgba(0,0,0,.4);--code-bg: #1a1a1a;--code-border: #3f3f3f}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);transition:background .2s,color .2s;overflow-x:hidden;width:100%;max-width:100vw}.app-container{display:flex;min-height:100vh;background:var(--bg-primary);width:100%;max-width:100vw;overflow-x:hidden}.app-header{position:fixed;top:0;left:0;right:0;height:60px;background:var(--bg-primary);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;z-index:1000;transition:background .2s,border-color .2s}.header-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary);position:static;left:auto}.header-title a{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}.header-title img{width:32px;height:32px;border-radius:6px}.header-center{display:flex;align-items:center;gap:1rem;flex:1;justify-content:center}.header-time{font-size:.875rem;color:var(--text-secondary);font-weight:500}.location-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);padding:.375rem .75rem;border-radius:6px;background:var(--bg-secondary)}.sidebar-menu-btn{display:none;width:40px;height:40px;background:none;border:none;color:var(--text-primary);font-size:1.25rem;cursor:pointer;border-radius:6px;transition:background .2s;padding:0;margin:0;align-items:center;justify-content:center}.sidebar-menu-btn:hover{background:var(--bg-secondary)}.location-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);padding:.5rem .75rem;border-radius:6px;background:var(--bg-secondary)}.main-content{flex:1;display:flex;flex-direction:column;margin-left:260px;margin-top:60px;background:var(--bg-primary);transition:margin-left .3s;width:100%;max-width:100%;overflow-x:hidden}.chat-container{flex:1;display:flex;flex-direction:column;max-width:900px;margin:0 auto;width:100%}.chat-messages{flex:1;padding:.5rem 1rem 6rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}.message{margin-bottom:1.5rem;animation:fadeIn .3s ease;display:flex;flex-direction:column}.message.user{align-items:flex-end}.message.bot{align-items:flex-start}.message-content{position:relative;padding:1rem 1.25rem;border-radius:1rem;max-width:80%;line-height:1.7;font-size:1rem;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;overflow-x:hidden}.message.user .message-content{background:var(--user-bg);color:var(--text-primary);border:1px solid var(--border-light)}.message.bot .message-content{background:var(--bot-bg);color:var(--text-primary);border:1px solid var(--border-light)}.message-actions{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;padding:0 .25rem}.message-actions.user-actions{flex-direction:row;justify-content:space-between}.message-actions.bot-actions{flex-direction:row}.message-buttons{display:flex;gap:.5rem}.message-time{font-size:.8125rem;color:var(--text-tertiary)}.copy-message-btn,.retry-message-btn{background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-secondary);padding:.375rem .75rem;border-radius:8px;font-size:.8125rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.375rem}.copy-message-btn:hover,.retry-message-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px)}.markdown-content{width:100%}.markdown-content>*:first-child{margin-top:0}.markdown-content>*:last-child{margin-bottom:0}.message-content h1,.message-content h2,.message-content h3{margin:1rem 0 .5rem;color:var(--text-primary);font-weight:600}.message-content h1{font-size:1.5rem}.message-content h2{font-size:1.25rem}.message-content h3{font-size:1.125rem}.message-content p{margin:.75rem 0}.message-content ul,.message-content ol{margin:.75rem 0;padding-left:1.5rem}.message-content li{margin:.25rem 0}.message-content code{background:var(--code-bg);color:var(--text-primary);padding:.2rem .5rem;border-radius:4px;font-size:.9em;font-family:Consolas,Monaco,monospace;border:1px solid var(--code-border)}.message-content pre{background:var(--code-bg);border:1px solid var(--code-border);border-radius:8px;padding:1rem;overflow-x:auto;margin:1rem 0;max-width:100%}.message-content pre code{background:none;border:none;padding:0;font-size:.9rem;display:block;white-space:pre;overflow-x:auto}.message-content blockquote{border-left:3px solid var(--accent);padding-left:1rem;margin:1rem 0;color:var(--text-secondary);font-style:italic}.message-content a{color:var(--accent);text-decoration:none}.message-content a:hover{text-decoration:underline}.message-content table{border-collapse:collapse;width:100%;margin:1rem 0}.message-content th,.message-content td{border:1px solid var(--border-light);padding:.5rem;text-align:left}.message-content th{background:var(--bg-secondary);font-weight:600}.message-content pre button{background:var(--accent);border:none;color:#fff;padding:.5rem .875rem;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s;font-weight:500}.message-content pre button:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.message-content pre{position:relative}.message-content pre>div{border-radius:8px;overflow:hidden}.input-container{position:fixed;bottom:0;left:260px;right:0;background:var(--bg-primary);border-top:1px solid var(--border-light);padding:1rem;display:flex;gap:.75rem;align-items:flex-end;z-index:100;transition:left .3s}.message-input{flex:1;background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);font-size:.9375rem;padding:.75rem 1rem;border-radius:12px;resize:none;font-family:inherit;line-height:1.5;min-height:52px;max-height:200px;overflow-y:auto;transition:border-color .2s}.message-input:focus{outline:none;border-color:var(--accent)}.send-btn,.voice-btn{width:44px;height:44px;border-radius:8px;background:var(--accent);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.125rem;transition:background .2s;flex-shrink:0}.send-btn:hover,.voice-btn:hover{background:var(--accent-hover)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.voice-btn.voice-recording{background:#ef4444;animation:pulse 1.5s infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.empty-state-content h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem}.empty-state-content p{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem}.quick-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;max-width:600px}.quick-action{background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-primary);padding:.75rem 1.25rem;border-radius:12px;cursor:pointer;font-size:.9375rem;font-weight:500;transition:all .2s}.quick-action:hover{background:var(--bg-tertiary);border-color:var(--accent);transform:translateY(-2px)}.typing-indicator{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:var(--bot-bg);border:1px solid var(--border-light);border-radius:1rem;max-width:85%;margin-bottom:1.5rem}.typing-indicator span{color:var(--text-secondary);font-size:.9375rem}.typing-dots{display:flex;gap:.25rem}.typing-dot{width:6px;height:6px;background:var(--text-tertiary);border-radius:50%;animation:typing 1.4s infinite}.net-status-popup{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#ef4444;color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-weight:500;font-size:.9375rem;box-shadow:var(--shadow-md);z-index:9999;display:flex;align-items:center;gap:.5rem;animation:slideUp .3s ease}.net-status-popup.online{background:var(--accent)}.toast-popup{position:fixed;top:5rem;right:1.5rem;background:var(--bg-secondary);color:var(--text-primary);padding:.75rem 1.25rem;border-radius:8px;font-weight:500;font-size:.9375rem;box-shadow:var(--shadow-md);border:1px solid var(--border-light);z-index:9999;animation:slideIn .3s ease,slideOut .3s ease 2s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideUp{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{to{transform:translate(100%);opacity:0}}@media(max-width:800px){.sidebar-menu-btn{display:flex}.main-content{margin-left:0}.header-center{display:none}.message-content{max-width:90%;font-size:.9375rem}.input-container{left:0}}@media(max-width:600px){.app-header{padding:0 .5rem;height:56px}.header-title{font-size:.875rem;gap:.25rem}.header-title img{width:24px;height:24px}.main-content{margin-top:56px}.chat-container{max-width:100%;padding:0}.chat-messages{padding:.5rem}.input-container{padding:.5rem;gap:.5rem;left:0;border-top:1px solid var(--border-light)}.message-input{font-size:1rem;padding:.625rem .75rem;min-height:44px;border-radius:8px}.send-btn,.voice-btn{width:44px;height:44px;font-size:1rem;flex-shrink:0}.quick-action{font-size:.8125rem;padding:.5rem .875rem}.message{margin-bottom:1rem}.message-content{padding:.75rem;font-size:.9375rem;max-width:100%;border-radius:.75rem;word-break:break-word}.message-time{font-size:.7rem}.copy-message-btn,.retry-message-btn{font-size:.7rem;padding:.25rem .5rem;white-space:nowrap}.message-actions{gap:.5rem;margin-top:.375rem;flex-wrap:nowrap}.message-buttons{gap:.25rem;flex-shrink:0}.empty-state{padding:1rem}.empty-state-content h3{font-size:1.125rem}.empty-state-content p{font-size:.875rem}.message-content h1{font-size:1.125rem}.message-content h2{font-size:1rem}.message-content h3{font-size:.9375rem}.message-content pre{padding:.625rem;margin:.5rem 0;overflow-x:auto}.message-content pre code{font-size:.75rem}.message-content pre button{padding:.375rem .5rem;font-size:.7rem;top:.5rem;right:.5rem}.message-content code{font-size:.85em;padding:.15rem .4rem}.message-content ul,.message-content ol{padding-left:1.25rem}.typing-indicator{padding:.75rem 1rem;max-width:100%}.sidebar-menu-btn{width:36px;height:36px;font-size:1.125rem;display:flex}}.sidebar{position:fixed;left:0;top:60px;width:260px;height:calc(100vh - 60px);background:var(--bg-primary);border-right:1px solid var(--border-light);display:flex;flex-direction:column;padding:1rem;overflow-y:auto;z-index:999;transition:transform .3s,background .2s,border-color .2s;scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.sidebar-section{margin-bottom:1.5rem}.sidebar-section h2{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;padding:0 .5rem}.sidebar-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.sidebar-section ul li button{width:100%;background:none;border:none;color:var(--text-primary);padding:.75rem;border-radius:8px;text-align:left;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.sidebar-section ul li button:hover{background:var(--bg-secondary)}.sidebar-section ul li button.active{background:var(--bg-secondary);color:var(--accent)}.sidebar-chat-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.sidebar-chat-actions button{background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-primary);padding:.625rem .875rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;justify-content:center}.sidebar-chat-actions button:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.sidebar-chat-actions button.danger{color:#ef4444;border-color:#ef44444d}.sidebar-chat-actions button.danger:hover{background:#ef44441a;border-color:#ef4444}.sidebar-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.sidebar-link{display:flex;align-items:center;gap:.625rem;padding:.75rem;border-radius:8px;color:var(--text-primary);text-decoration:none;font-size:.875rem;font-weight:500;transition:background .2s}.sidebar-link:hover{background:var(--bg-secondary)}.sidebar-link i{width:18px;color:var(--text-secondary)}.sidebar-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-light);font-size:.75rem;color:var(--text-tertiary);text-align:center}.sidebar-footer span{color:var(--accent);font-weight:600}.location-info-mobile{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);padding:.75rem;border-radius:8px;background:var(--bg-secondary);margin-bottom:1rem}@media(max-width:800px){.sidebar{transform:translate(-100%);box-shadow:none}.sidebar.mobile{width:280px;max-width:85vw}.sidebar.mobile.open{transform:translate(0);box-shadow:2px 0 12px #00000026}}:root{--code-bg: #f7f7f8;--code-text: #24292e;--code-comment: #6a737d;--code-keyword: #d73a49;--code-string: #032f62;--code-function: #6f42c1;--code-number: #005cc5;--code-operator: #d73a49}[data-theme=dark]{--code-bg: #1e1e1e;--code-text: #d4d4d4;--code-comment: #6a9955;--code-keyword: #569cd6;--code-string: #ce9178;--code-function: #dcdcaa;--code-number: #b5cea8;--code-operator: #d4d4d4}code[class*=language-],pre[class*=language-]{color:var(--code-text);background:var(--code-bg);font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.6;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;tab-size:4;-webkit-hyphens:none;hyphens:none}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--code-comment);font-style:italic}.token.punctuation{color:var(--code-text)}.token.property,.token.tag,.token.boolean,.token.constant,.token.symbol,.token.deleted{color:var(--code-keyword)}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:var(--code-string)}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:var(--code-operator)}.token.atrule,.token.attr-value,.token.keyword{color:var(--code-keyword)}.token.function,.token.class-name{color:var(--code-function)}.token.regex,.token.important,.token.variable{color:var(--code-keyword)}.token.number{color:var(--code-number)}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.code-block-outer{position:relative;margin:1rem 0;border-radius:8px;overflow:hidden;background:var(--code-bg);border:1px solid var(--code-border)}.code-block-outer pre{margin:0!important;background:var(--code-bg)!important;border:none!important;border-radius:0!important}.code-copy-btn{position:absolute;top:.75rem;right:.75rem;background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-secondary);padding:.375rem .625rem;border-radius:6px;font-size:.875rem;cursor:pointer;z-index:10;transition:all .2s;opacity:.8}.code-copy-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);opacity:1}.code-block-outer code{font-family:Consolas,Monaco,Courier New,monospace!important;font-size:.875rem!important;line-height:1.6!important}.code-block-outer .linenumber{color:var(--text-tertiary)!important;min-width:2.5em!important;padding-right:1em!important;text-align:right!important;-webkit-user-select:none!important;user-select:none!important}code:not(pre code){background:var(--code-bg);color:var(--text-primary);padding:.125rem .375rem;border-radius:4px;font-size:.875em;font-family:Consolas,Monaco,Courier New,monospace;border:1px solid var(--code-border)}.empty-state-centered{display:flex;align-items:center;justify-content:center;min-height:60vh}.empty-state-content{text-align:center;max-width:600px;padding:2rem}.empty-state-content h3{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.empty-state-content p{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.typing-indicator{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--bot-bg);border:1px solid var(--border-light);border-radius:1rem;max-width:85%;margin-bottom:1.5rem;animation:fadeIn .3s ease}.typing-indicator span{color:var(--text-secondary);font-size:.9375rem;font-weight:500}.typing-dots{display:flex;gap:.3rem;align-items:center}.typing-dot{width:7px;height:7px;background:var(--text-tertiary);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out}.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 typingBounce{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-8px);opacity:1}}.about-container{min-height:100vh;background:var(--bg-primary);padding:2rem 1rem;display:flex;justify-content:center;align-items:center}.about-content{max-width:800px;width:100%;background:var(--bg-primary);border-radius:12px;padding:2rem}.about-header{text-align:center;margin-bottom:3rem}.about-logo{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-primary);margin-bottom:.5rem}.about-logo img{width:48px;height:48px;border-radius:8px}.about-logo h1{font-size:2rem;font-weight:700;color:var(--text-primary)}.about-tagline{font-size:1.125rem;color:var(--text-secondary);font-weight:500;margin-top:.5rem}.about-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.about-section h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.about-section p{font-size:1rem;line-height:1.7;color:var(--text-secondary)}.about-section strong{color:var(--accent);font-weight:600}.developer-card{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.developer-avatar{width:80px;height:80px;border-radius:50%;border:3px solid var(--accent)}.developer-info h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.developer-role{font-size:.9375rem;color:var(--text-secondary);margin-bottom:.75rem}.developer-links{display:flex;gap:1rem;flex-wrap:wrap}.developer-links a{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s}.developer-links a:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px)}.website-link{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--accent);color:#fff;text-decoration:none;font-size:1.125rem;font-weight:600;border-radius:12px;transition:all .2s}.website-link:hover{background:var(--accent-hover);transform:translateY(-2px)}.about-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-light)}.about-footer p{font-size:.9375rem;color:var(--text-secondary)}.about-footer span{color:var(--accent);font-weight:600}@media(max-width:768px){.about-container{padding:1.5rem 1rem}.about-content{padding:1.5rem}.about-logo h1{font-size:1.5rem}.about-logo img{width:40px;height:40px}.about-tagline{font-size:1rem}.about-section{padding:1.25rem}.about-section h2{font-size:1.125rem}.developer-card{gap:1rem}.developer-avatar{width:64px;height:64px}.developer-links{gap:.5rem}.developer-links a{padding:.5rem .75rem;font-size:.8125rem}.website-link{font-size:1rem;padding:.875rem 1.25rem}}@media(max-width:480px){.about-container{padding:1rem .75rem}.about-content{padding:1rem}.about-header{margin-bottom:2rem}.about-logo h1{font-size:1.25rem}.about-section{padding:1rem;margin-bottom:1rem}.about-section h2{font-size:1rem}.about-section p{font-size:.9375rem}.developer-card{flex-direction:column;text-align:center}.developer-links{justify-content:center}.website-link{width:100%;justify-content:center}}