: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: #017e42;--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}.main-content.sidebar-collapsed{margin-left:60px}.chat-container{flex:1;display:flex;flex-direction:column;max-width:85%;margin:0 auto;width:100%;padding:0 2rem}.chat-messages{flex:1;padding:1.5rem 0 10rem;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:2rem;animation:fadeIn .3s ease;display:flex;flex-direction:column;position:relative;z-index:1}.message.user{align-items:flex-end}.message.bot{align-items:flex-start}.message-content{position:relative;padding:1.25rem 1.5rem;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)}.user-message-text{white-space:pre-wrap;word-break:break-word}.user-message-truncated .user-message-text{max-height:250px;overflow:hidden;position:relative}.user-message-truncated .user-message-text:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50px;background:linear-gradient(to bottom,transparent,var(--user-bg));pointer-events:none}.see-more-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-weight:600;padding:.25rem 0;margin-top:.25rem;font-size:.875rem;display:block;width:fit-content;transition:color .2s}.see-more-btn:hover{color:var(--accent-hover);text-decoration:underline}.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)}.message-duration{display:flex;align-items:center;gap:.3rem;font-size:.8125rem;color:var(--text-tertiary);padding:.375rem .625rem;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border-light)}.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:linear-gradient(to top,var(--bg-primary) 80%,transparent);padding:.75rem 0;z-index:100;transition:left .3s;display:flex;justify-content:center}.main-content.sidebar-collapsed .input-container{left:60px}.input-card{max-width:85%;width:100%;margin:0 2rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:16px;box-shadow:0 4px 24px #00000014;overflow:hidden;transition:border-color .2s,box-shadow .2s}.input-card:focus-within{border-color:var(--accent);box-shadow:0 4px 24px #10a37f1f}.input-mode-bar{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem 0}.mode-pill{display:flex;align-items:center;gap:.375rem;padding:.3rem .875rem;border-radius:20px;border:1px solid transparent;background:transparent;color:var(--text-tertiary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.mode-pill:hover{background:var(--bg-secondary);color:var(--text-primary)}.mode-pill.active{background:var(--bg-secondary);border-color:var(--border-medium);color:var(--accent)}.mode-pill i{font-size:.75rem}.input-row{display:flex;align-items:flex-end;gap:.5rem;padding:.5rem .75rem .625rem}.message-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.9375rem;padding:.375rem .25rem;resize:none;font-family:inherit;line-height:1.6;min-height:36px;max-height:200px;overflow-y:auto;outline:none}.message-input::placeholder{color:var(--text-tertiary)}.input-actions{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.action-btn{width:38px;height:38px;border-radius:10px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s;flex-shrink:0}.voice-btn{background:var(--bg-secondary);color:var(--text-secondary)}.voice-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.voice-btn.voice-recording{background:#ef4444;color:#fff;animation:pulse 1.5s infinite}.send-btn{background:var(--accent);color:#fff}.send-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.stop-btn{background:var(--text-primary);color:var(--bg-primary);animation:none}.stop-btn:hover{background:#ef4444;color:#fff;transform:translateY(-1px)}.stop-btn i{font-size:.75rem}.input-hint{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border-top:1px solid var(--border-light);font-size:.75rem;color:var(--text-tertiary)}.input-hint i{color:#f59e0b;font-size:.75rem;flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem;position:relative;z-index:1}.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;position:relative;z-index:1}.typing-indicator span{color:var(--text-secondary);font-size:.9375rem}.typing-elapsed{display:flex;align-items:center;gap:.3rem;font-size:.8125rem;color:var(--text-tertiary);margin-left:auto}.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}.image-message-wrapper{align-items:flex-start!important;margin-bottom:0}.image-card{width:100%;max-width:520px;border-radius:16px;overflow:hidden;border:1px solid var(--border-light);background:var(--bg-secondary);box-shadow:var(--shadow-md);animation:fadeIn .4s ease}.image-card-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-light)}.image-card-label{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.image-card-time{font-size:.75rem;color:var(--text-tertiary)}.image-card-body{position:relative;overflow:hidden;cursor:zoom-in}.lightbox-backdrop{position:fixed;inset:0;background:#000000e0;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.lightbox-content{position:relative;max-width:92vw;max-height:92vh;display:flex;flex-direction:column;align-items:center;gap:.75rem}.lightbox-img{max-width:100%;max-height:80vh;border-radius:12px;box-shadow:0 8px 40px #0009;object-fit:contain;animation:zoomIn .25s ease}.lightbox-close,.lightbox-download{position:absolute;top:-14px;width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:all .2s;z-index:1}.lightbox-close{right:-14px;background:#ef4444;color:#fff}.lightbox-close:hover{background:#dc2626;transform:scale(1.1)}.lightbox-download{right:30px;background:var(--accent);color:#fff}.lightbox-download:hover{background:var(--accent-hover);transform:scale(1.1)}.lightbox-prompt{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.8125rem;font-style:italic;max-width:600px;text-align:center}.lightbox-prompt .fa-quote-left{font-size:.625rem;color:var(--accent);flex-shrink:0}@keyframes zoomIn{0%{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}.generated-img{width:100%;display:block;object-fit:cover;transition:transform .3s ease}.image-card-body:hover .generated-img{transform:scale(1.01)}.image-card-overlay{position:absolute;top:.75rem;right:.75rem;display:flex;flex-direction:column;gap:.5rem;opacity:0;transition:opacity .2s ease}.image-card-body:hover .image-card-overlay{opacity:1}.img-action-btn{width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:all .2s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.download-btn{background:#10a37fe6;color:#fff;box-shadow:0 2px 8px #10a37f66}.download-btn:hover{background:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #10a37f80}.expand-btn{background:#0000008c;color:#fff;box-shadow:0 2px 8px #0000004d}.expand-btn:hover{background:#000000bf;transform:translateY(-2px)}.image-card-footer{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border-light)}.image-card-footer .fa-quote-left{font-size:.625rem;color:var(--accent);margin-top:.2rem;flex-shrink:0}.image-prompt-text{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;font-style:italic;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(max-width:600px){.image-card{max-width:100%;border-radius:12px}.image-card-body{max-height:320px}.image-card-overlay{opacity:1}}@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:1400px){.chat-container{max-width:90%;padding:0 1.5rem}.input-card{max-width:90%;margin:0 1.5rem}}@media(max-width:1024px){.chat-container{max-width:95%;padding:0 1rem}.input-card{max-width:95%;margin:0 1rem}.chat-messages{padding:1rem 0}.message{margin-bottom:1.5rem}.message-content{padding:1rem 1.25rem}}@media(max-width:800px){.sidebar-menu-btn{display:flex}.main-content{margin-left:0!important}.header-center{display:none}.chat-container{max-width:100%;padding:0 .75rem}.input-card{max-width:100%;margin:0 .75rem}.message-content{max-width:90%;font-size:.9375rem}.input-container{left:0!important}.input-card{border-radius:12px}}@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:.75rem .75rem 14rem}.input-container{padding:.75rem 0;left:0;right:0}.input-card{max-width:100%;margin:0 .5rem}.message-input{font-size:1rem;min-height:32px;width:100%;padding:.5rem .75rem;border-radius:14px;background:var(--bg-secondary)}.action-btn{width:36px;height:36px;font-size:.9375rem;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;margin:0 .25rem}.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:wrap;justify-content:space-between}.message-buttons{gap:.25rem;flex-shrink:0}.input-card{max-width:100%}.input-row{flex-wrap:wrap;gap:.5rem}.input-actions{width:100%;display:flex;justify-content:flex-end;gap:.5rem}.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}}.api-key-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1.25rem;margin-bottom:1.25rem;background:linear-gradient(135deg,#6366f114,#8b5cf60f);border:1px solid rgba(99,102,241,.2);border-radius:14px;animation:fadeIn .4s ease;position:relative;z-index:1}.api-key-banner-left{display:flex;align-items:center;gap:.875rem;flex:1;min-width:0}.api-key-banner-icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem}.api-key-banner-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.2rem}.api-key-banner-desc{font-size:.8rem;color:var(--text-tertiary);line-height:1.4}.api-key-banner-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.api-key-banner-btn{display:flex;align-items:center;gap:.4rem;padding:.45rem 1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:opacity .2s,transform .1s}.api-key-banner-btn:hover{opacity:.9;transform:translateY(-1px)}.api-key-banner-dismiss{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.3rem;border-radius:6px;display:flex;align-items:center;font-size:.8rem;transition:color .2s,background .2s}.api-key-banner-dismiss:hover{color:var(--text-primary);background:var(--bg-tertiary)}@media(max-width:600px){.api-key-banner{flex-direction:column;align-items:flex-start;gap:.75rem}.api-key-banner-actions{width:100%;justify-content:space-between}.api-key-banner-btn{flex:1;justify-content:center}}.attachment-preview{display:flex;align-items:center;gap:.625rem;padding:.5rem .875rem;border-top:1px solid var(--border-light);background:var(--bg-secondary);animation:fadeIn .2s ease}.attachment-thumb{width:36px;height:36px;border-radius:6px;object-fit:cover;border:1px solid var(--border-light);flex-shrink:0}.attachment-file-icon{width:36px;height:36px;border-radius:6px;background:var(--bg-tertiary);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1rem;flex-shrink:0}.attachment-name{font-size:.8125rem;color:var(--text-primary);font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-badge{display:flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:600;color:#8b5cf6;background:#8b5cf61a;border:1px solid rgba(139,92,246,.25);padding:.2rem .5rem;border-radius:20px;flex-shrink:0;text-transform:uppercase;letter-spacing:.04em}.attachment-remove{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;font-size:.8rem;transition:color .2s;flex-shrink:0}.attachment-remove:hover{color:#ef4444}.attach-btn{background:var(--bg-secondary);color:var(--text-secondary)}.attach-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.attach-btn.has-attachment{background:#8b5cf61f;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.user-attached-image{display:block;max-width:260px;max-height:200px;border-radius:10px;object-fit:cover;margin-bottom:.5rem;border:1px solid var(--border-light);cursor:zoom-in}.user-attached-file{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:var(--bg-tertiary);border-radius:8px;font-size:.8125rem;color:var(--text-secondary);margin-bottom:.5rem;border:1px solid var(--border-light)}.thinking-section{margin-bottom:.75rem;border:1px solid var(--border-light);border-radius:12px;background:var(--bg-secondary);overflow:hidden;animation:fadeIn .3s ease}.thinking-toggle{width:100%;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:left}.thinking-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.thinking-toggle .fa-chevron-right,.thinking-toggle .fa-chevron-down{font-size:.75rem;transition:transform .2s}.thinking-toggle .fa-brain{color:var(--accent);font-size:.875rem}.thinking-content{padding:.75rem 1rem 1rem;color:var(--text-secondary);font-size:.875rem;line-height:1.6;border-top:1px solid var(--border-light);background:var(--bg-primary);white-space:pre-wrap;word-wrap:break-word;animation:fadeIn .2s ease}.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;z-index:999;transition:width .3s,transform .3s,background .2s,border-color .2s}.sidebar.collapsed{width:60px}.sidebar-collapse-btn{position:absolute;top:.75rem;right:-12px;width:24px;height:24px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.625rem;z-index:10;transition:all .2s}.sidebar-collapse-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.sidebar-top{padding:.875rem .875rem .5rem;flex-shrink:0;display:flex;flex-direction:column;gap:.75rem}.new-chat-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.625rem .875rem;background:var(--accent);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s,transform .15s}.sidebar.collapsed .new-chat-btn{padding:.625rem;gap:0}.new-chat-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.new-chat-btn i{font-size:.875rem}.sidebar-history{flex:1;overflow-y:auto;padding:.5rem .625rem;scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent}.sidebar-history::-webkit-scrollbar{width:4px}.sidebar-history::-webkit-scrollbar-track{background:transparent}.sidebar-history::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:2px}.sidebar-label{font-size:.7rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;padding:0 .5rem;margin-bottom:.5rem}.sidebar-history ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.125rem}.sidebar-history ul li{position:relative}.chat-item{display:flex;align-items:center;border-radius:8px;transition:background .15s;position:relative}.chat-item:hover,.chat-item.active{background:var(--bg-secondary)}.chat-item.active .chat-item-btn{color:var(--accent)}.chat-item-btn{flex:1;display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-primary);padding:.625rem .5rem .625rem .625rem;text-align:left;font-size:.875rem;font-weight:500;cursor:pointer;min-width:0;border-radius:8px}.sidebar.collapsed .chat-item-btn{justify-content:center;padding:.625rem}.chat-item-icon{font-size:.75rem;color:var(--text-tertiary);flex-shrink:0}.chat-item.active .chat-item-icon{color:var(--accent)}.chat-item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.chat-dot-btn{flex-shrink:0;width:28px;height:28px;background:none;border:none;color:var(--text-tertiary);border-radius:6px;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:.75rem;margin-right:.25rem;transition:background .15s,color .15s}.chat-item:hover .chat-dot-btn,.chat-item.active .chat-dot-btn{display:flex}.chat-dot-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.chat-dot-menu{position:absolute;right:0;top:calc(100% + 2px);z-index:1000}.chat-rename-row{padding:.25rem .375rem}.chat-rename-input{width:100%;background:var(--bg-secondary);border:1px solid var(--accent);color:var(--text-primary);padding:.5rem .625rem;border-radius:8px;font-size:.875rem;font-family:inherit;outline:none}.chat-context-menu{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:10px;box-shadow:0 8px 24px #0000001f;padding:.375rem;min-width:160px;display:flex;flex-direction:column;gap:.125rem}.chat-context-menu.floating{position:fixed;z-index:9999}.chat-context-menu button{display:flex;align-items:center;gap:.625rem;width:100%;background:none;border:none;color:var(--text-primary);padding:.5rem .75rem;border-radius:7px;font-size:.875rem;font-weight:500;cursor:pointer;text-align:left;transition:background .15s;font-family:inherit}.chat-context-menu button:hover{background:var(--bg-secondary)}.chat-context-menu button.danger{color:#ef4444}.chat-context-menu button.danger:hover{background:#ef44441a}.chat-context-menu button i{width:14px;font-size:.8125rem;color:var(--text-tertiary)}.chat-context-menu button.danger i{color:#ef4444}.chat-context-divider{height:1px;background:var(--border-light);margin:.25rem 0}.sidebar-bottom-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-around;padding:.625rem .5rem;border-top:1px solid var(--border-light);background:var(--bg-primary)}.sidebar.collapsed .sidebar-bottom-bar{flex-direction:column;gap:.5rem}.sidebar-bottom-icon{display:flex;align-items:center;justify-content:center;width:100%;height:34px;border-radius:8px;color:var(--text-tertiary);text-decoration:none;background:none;border:none;cursor:pointer;font-size:1rem;transition:background .15s,color .15s}.sidebar-bottom-icon:hover{background:var(--bg-secondary);color:var(--text-primary)}.sidebar-bottom-icon.danger-icon:hover{background:#ef44441a;color:#ef4444}.sidebar-copyright{flex-shrink:0;text-align:center;font-size:.7rem;color:var(--text-tertiary);padding:.5rem .75rem .75rem}.sidebar-copyright 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)}@media(max-width:800px){.sidebar{transform:translate(-100%);box-shadow:none;width:280px!important;top:56px}.sidebar.mobile{width:280px;max-width:85vw}.sidebar.mobile.open{transform:translate(0);box-shadow:2px 0 16px #0000002e}.sidebar-collapse-btn{display:none}}.favorites-section{margin-bottom:1rem}.favorites-toggle{width:100%;display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:var(--text-secondary);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.5rem;cursor:pointer;transition:all .2s;text-align:left;border-radius:6px}.favorites-toggle:hover{background:var(--bg-secondary);color:var(--text-primary)}.favorites-toggle .fa-chevron-right,.favorites-toggle .fa-chevron-down{font-size:.625rem;transition:transform .2s}.favorites-toggle .fa-heart{color:#ef4444;font-size:.75rem}.favorites-section ul{margin-bottom:.75rem}.favorite-icon{color:#ef4444!important}.favorite-badge{font-size:.625rem;color:#ef4444;margin-left:auto;flex-shrink:0}.chat-item.is-favorite{background:#ef444414;border-left:2px solid #ef4444;padding-left:0}.chat-item.is-favorite:hover,.chat-item.is-favorite.active{background:#ef444426}.chat-context-menu button .fa-heart{color:#ef4444}: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}}.modal-overlay{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:999;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:1.25rem;transition:all .3s ease}.modal-content{background-color:var(--bg-primary);color:var(--text-primary);padding:1.75rem;border-radius:20px;width:100%;max-width:420px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid var(--border-light);animation:modal-appear .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}[data-theme=dark] .modal-content{box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d}@keyframes modal-appear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content h3{margin-top:0;margin-bottom:.875rem;font-size:1.35rem;font-weight:700;letter-spacing:-.025em}.modal-content p{margin-bottom:2rem;line-height:1.6;color:var(--text-secondary);font-size:.9375rem}.modal-actions{display:flex;justify-content:flex-end;gap:.875rem}.modal-btn{padding:.75rem 1.5rem;border-radius:12px;border:none;cursor:pointer;font-weight:600;font-size:.9375rem;transition:all .2s cubic-bezier(.4,0,.2,1);flex:1;max-width:140px}.modal-btn.cancel{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-light)}.modal-btn.cancel:hover{background-color:var(--bg-tertiary);transform:translateY(-1px)}.modal-btn.confirm{background-color:var(--accent);color:#fff;box-shadow:0 4px 6px -1px #10a37f33}.modal-btn.confirm:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 10px 15px -3px #10a37f4d}.modal-btn.confirm.danger{background-color:#ef4444;box-shadow:0 4px 6px -1px #ef444433}.modal-btn.confirm.danger:hover{background-color:#dc2626;box-shadow:0 10px 15px -3px #ef44444d}.modal-btn:active{transform:translateY(0)}@media(max-width:480px){.modal-overlay{padding:1rem}.modal-content{padding:1.5rem;max-width:100%;margin-bottom:-1rem;animation:modal-slide-up .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.modal-actions{flex-direction:column-reverse;gap:.75rem}.modal-btn{max-width:100%;width:100%;padding:.875rem}}.settings-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-y:auto}.settings-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 2rem;border-bottom:1px solid var(--border-light);background:var(--bg-primary);position:sticky;top:0;z-index:10}.settings-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);text-decoration:none;border:none;cursor:pointer;outline:none;flex-shrink:0;transition:background .2s}.settings-back:hover{background:var(--bg-tertiary)}.settings-header h1{font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.settings-header h1 i{color:var(--accent)}.settings-body{max-width:640px;margin:2rem auto;padding:0 1.5rem 2rem;display:flex;flex-direction:column;gap:2rem}.settings-section h2{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem}.settings-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;overflow:hidden}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-light)}.settings-row:last-child{border-bottom:none}.settings-row-title{font-size:.9375rem;font-weight:500;color:var(--text-primary);margin-bottom:.2rem}.settings-row-desc{font-size:.8125rem;color:var(--text-tertiary)}.settings-danger-btn{flex-shrink:0;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all .2s}.settings-danger-btn:hover{background:#ef444433;border-color:#ef4444}.settings-danger-btn:disabled{opacity:.4;cursor:not-allowed}.api-keys-card{overflow:visible}.api-keys-banner{display:flex;align-items:flex-start;gap:.875rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#6366f114,#8b5cf60f);border-bottom:1px solid var(--border-light)}.api-keys-banner-icon{flex-shrink:0;width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;margin-top:2px}.api-keys-banner-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.api-keys-banner-desc{font-size:.8rem;color:var(--text-tertiary);line-height:1.5}.api-key-row{flex-direction:column;align-items:stretch;gap:0}.api-key-field{width:100%;display:flex;flex-direction:column;gap:.5rem}.api-key-label-row{display:flex;align-items:center;justify-content:space-between}.api-key-get-link{font-size:.75rem;color:#6366f1;text-decoration:none;font-weight:500;transition:color .2s}.api-key-get-link:hover{color:#8b5cf6;text-decoration:underline}.api-key-input-wrap{position:relative;display:flex;align-items:center}.api-key-input{width:100%;padding:.6rem 2.5rem .6rem .875rem;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-family:JetBrains Mono,Fira Code,monospace;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.api-key-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.api-key-input::placeholder{color:var(--text-tertiary);opacity:.6}.api-key-toggle-btn{position:absolute;right:.625rem;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.25rem;display:flex;align-items:center;font-size:.8rem;transition:color .2s}.api-key-toggle-btn:hover{color:var(--text-primary)}.api-keys-actions{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border-light)}.settings-save-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;font-family:inherit;transition:opacity .2s,transform .1s}.settings-save-btn:hover{opacity:.9}.settings-save-btn:active{transform:scale(.98)}.about-container{min-height:100vh;background:var(--bg-primary);padding:2rem 1rem;display:flex;justify-content:center;overflow-y:auto}.about-back-btn{margin-bottom:1rem}.about-back-btn a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);text-decoration:none;transition:background .2s}.about-back-btn a:hover{background:var(--bg-tertiary)}.about-content{max-width:800px;width:100%;background:var(--bg-primary);border-radius:12px;padding:2rem;margin:auto 0}.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-disclaimer{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg-secondary))}.about-disclaimer h2{color:var(--accent)}.about-disclaimer ul{margin-top:.75rem;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:.4rem}.about-disclaimer ul li{font-size:.9375rem;color:var(--text-secondary)}.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}}