:root{--primary-color: #01010a;--secondary-color: #0b1ecf;--background-start: #f8fafc;--background-end: #e0e7ef;--background: #f4f6fb;--foreground: #18181b;--text-primary: #18181b;--text-secondary: #555;--card-bg: #fff;--card-border: #e5e7eb;--accent: #06d3c2;--footer-bg: #f1f5f9;--footer-border: #e5e7eb;--footer-link: #00bfae;--user-msg-bg: linear-gradient(135deg, #e0f7fa, #b2fefa);--bot-msg-bg: #f3f4f6;--bot-msg-border: #00bfae;--isMobile: flex}[data-theme=dark]{--background-start: #18181b;--background-end: #23232b;--background: #18181b;--foreground: #f8f8f2;--accent: #00e0d3;--text-primary: #f8f8f2;--text-secondary: #b3b3b3;--card-bg: #23232b;--card-border: #23232b;--footer-bg: #111113;--footer-border: #23232b;--footer-link: #00e0d3;--user-msg-bg: linear-gradient(135deg, #23232b, #00e0d355);--bot-msg-bg: #23232b;--bot-msg-border: #00e0d3}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,sans-serif;background:linear-gradient(135deg,var(--background-start),var(--background-end));min-height:100vh;overflow-x:hidden;color:var(--text-primary);background:var(--background);transition:background .3s,color .3s}#particles-js{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.app-container{display:flex;flex-direction:row;position:relative;z-index:1;min-height:100vh}.sidebar{width:270px;background:var(--card-bg);border-right:2px solid var(--card-border);padding:1.5rem 1rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:2rem;min-height:100vh;box-shadow:2px 0 16px #000a;z-index:10}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;height:fit-content;background:var(--card-bg);color:var(--text-primary);transition:background .3s,color .3s}.app-header{display:flex;width:100%;z-index:1099;left:0;position:fixed;align-items:center;justify-content:right;padding:1rem 1.5rem;background:var(--background);color:var(--text-primary);box-shadow:0 2px 16px #000a;border-bottom:1px solid var(--card-border)}.header-title{font-size:1.5rem;position:fixed;display:flex;align-items:center;gap:.2rem;left:10px;font-weight:900;background:linear-gradient(90deg,var(--accent),var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;text-align:left;letter-spacing:2px;margin-right:1.5rem;white-space:nowrap}.location-info{font-size:1rem;color:var(--text-primary);display:var(--isMobile);align-items:center;gap:.7rem;border-radius:1rem;padding:.2rem 1rem;margin-top:0;font-weight:500;justify-content:flex-end;min-width:0}.location-info i{color:var(--text-primary)}.chat-messages{flex:1;margin-top:3rem;overflow-y:auto;min-height:80vh;max-height:60%;margin-bottom:1.5rem;background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1rem;padding:1.5rem;word-wrap:break-word;scrollbar-width:none;scrollbar-color:transparent transparent}.chat-messages::-webkit-scrollbar{display:none}.chat-messages h1{font-size:1.5rem;color:var(--text-primary);text-align:center;margin-bottom:1rem}.message{margin-bottom:1.5rem;animation:fadeInUp .5s ease}.message-content{max-width:80%;padding:1rem 1.25rem;border-radius:1.25rem;line-height:1.6;position:relative;font-size:1.08rem;box-shadow:0 2px 8px #0002}.message.user{text-align:right}.message.user span{margin-inline:10px}.message.user .message-content{margin-left:auto;background:var(--user-msg-bg);color:var(--text-primary);border-bottom-right-radius:.25rem;font-weight:600;border:1px solid var(--accent);box-shadow:0 2px 8px #00e0d355}.message.bot .message-content{background:var(--bot-msg-bg);color:var(--text-primary);border-bottom-left-radius:.25rem;border:1.5px solid var(--bot-msg-border);font-weight:500;box-shadow:0 2px 8px #00e0d355}.input-container{position:sticky;bottom:0;right:0;z-index:20;background:var(--card-bg);box-shadow:0 -2px 16px #000a;margin-top:auto;display:flex;gap:.75rem;padding:1rem 1.2rem;border:1px solid var(--card-border);align-items:flex-end}.message-input.textarea-autosize{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:1.08rem;padding:.85rem 1.1rem;border-radius:1.2rem;min-height:3.2em;max-height:8em;resize:none;box-shadow:0 2px 8px #00e0d355;transition:box-shadow .2s,border .2s;outline:none;border:1.5px solid var(--accent);font-family:inherit;overflow-y:auto}.message-input.textarea-autosize:focus{box-shadow:0 4px 16px #00e0d355;border:1.5px solid var(--primary-color);background:var(--background)}.send-btn,.voice-btn{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--primary-color));border:none;color:#18181b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,2,.3,1);font-size:1.3rem;font-weight:700;box-shadow:0 2px 8px #00e0d355}.send-btn:hover,.voice-btn:hover{background:linear-gradient(135deg,var(--primary-color),var(--accent));color:var(--accent);transform:scale(1.1);box-shadow:0 5px 15px #00e0d355}.send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 600px){.input-container{padding:.7rem .5rem;gap:.4rem}.message-input.textarea-autosize{font-size:1em;padding:.7rem}}.footer{background:var(--footer-bg);border-top:2px solid var(--footer-border);padding:2rem 1rem 1.2rem;text-align:center;color:var(--text-secondary);font-size:1.1rem;letter-spacing:1px;box-shadow:0 -2px 24px #000a;margin-top:2rem;border-radius:1.5rem 1.5rem 0 0;position:relative;background:var(--background);color:var(--text-primary)}.footer p{margin:0;font-weight:500;font-size:1.1rem;color:var(--text-secondary)}.footer a{color:var(--footer-link);text-decoration:none;font-weight:700;transition:color .2s;border-bottom:1px dashed var(--footer-link)}.footer a:hover{color:#fff;border-bottom:1px solid #fff;text-shadow:0 2px 8px var(--accent)}.footer .footer-brand{display:inline-flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;color:var(--accent);margin-bottom:.5rem}.footer .footer-brand i{font-size:1.3rem}.quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px;justify-content:center}.quick-action{background:var(--card-bg);border:1px solid var(--accent);color:var(--accent);padding:8px 15px;border-radius:15px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,2,.3,1);box-shadow:0 2px 8px #00e0d355}.quick-action:hover{background:var(--accent);color:#18181b;transform:translateY(-2px) scale(1.04);box-shadow:0 4px 16px #00e0d355}@media (max-width: 768px){.header-content{flex-direction:column;align-items:stretch;gap:.3rem}.header-title{font-size:1.3rem;margin-right:0;text-align:center}.location-info{justify-content:center;font-size:.95rem;padding:.2rem .7rem}.message-content{max-width:100%}}@media (max-width: 480px){.header h1{font-size:1.75rem}.control-btn{padding:.5rem 1rem;font-size:.85rem}.message-content{padding:.75rem 1rem}.footer{padding:1.2rem .5rem .7rem;font-size:1rem}}@media (max-width: 900px){.sidebar{display:none}}@media (max-width: 600px){.sidebar{display:none}.message-content pre,.message-content code{font-size:.92em}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.message-content pre,.message-content code{color:#f8f8f2!important;border-radius:.7em;font-family:Fira Mono,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;padding:1.1em 1.2em;margin:.7em 0 1.2em;position:relative;overflow-x:auto;transition:box-shadow .2s;word-break:break-all;white-space:pre}.message-content pre{width:100%;min-width:0;max-width:100%;overflow-x:auto;box-sizing:border-box}.net-status-popup{position:fixed;left:50%;bottom:2.5rem;transform:translate(-50%);background:#ff5c5c;color:#fff;padding:1em 2em;border-radius:2em;font-weight:700;font-size:1.1em;box-shadow:0 2px 16px #000a;z-index:99999;opacity:.98;display:flex;align-items:center;gap:.7em;animation:fadeInUp .5s;pointer-events:none}.net-status-popup.online{background:#16c784;color:#fff;animation:popupGreen 1s}@keyframes popupGreen{0%{box-shadow:0 0 #16c78455}50%{box-shadow:0 0 16px 8px #16c78499}to{box-shadow:0 2px 16px #16c78455}}.copy-btn{position:absolute;top:1.1em;right:1.1em;background:var(--accent);color:#fff;border:none;border-radius:.5em;padding:.3em .9em;font-size:1em;cursor:pointer;opacity:.85;z-index:2;transition:background .2s,color .2s,opacity .2s;box-shadow:0 2px 8px #00e0d355}.copy-btn:hover{background:#fff;color:var(--accent);opacity:1}.message-content{padding-right:3.2em!important}@media (max-width: 600px){.copy-btn{top:.7em;right:.7em;font-size:.9em;padding:.2em .7em}.message-content{padding-right:2.2em!important}}@media all and (max-width: 600px){:root{--isMobile: none}}@media all and (max-width: 800px){.sidebar-menu-btn{display:block!important}}.toast-popup{position:fixed;right:2.2em;top:5.2em;background:var(--background);color:#18181b;padding:.9em 1.7em;border-radius:1.2em;font-weight:700;font-size:1.1em;box-shadow:0 4px 24px #00e0d355;z-index:9999;animation:toast-fade-in .2s,toast-fade-out .4s 1.6s}.toast-popup.toast-thin{min-width:120px;max-width:260px;padding:.5em 1.2em;font-size:1em;font-weight:600;border-radius:.7em;background:#c9c9c9e5;color:#18181b;box-shadow:0 2px 12px #00e0d355;position:fixed;right:1.5em;top:4.5em;z-index:9999;animation:toast-fade-in .2s,toast-fade-out .4s 1.4s;opacity:.98;letter-spacing:.01em;border:1.5px solid #00e0d3;display:flex;align-items:center;justify-content:center}@keyframes toast-fade-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-fade-out{0%{opacity:1}to{opacity:0}}.sidebar-links{list-style:none;padding:0;margin:0 0 .7em;display:flex;flex-direction:column;gap:.5em}.sidebar-link{color:var(--accent);text-decoration:none;font-weight:600;border-radius:.7em;padding:.5em 1em;background:var(--background-end, #18181b);display:flex;align-items:center;gap:.5em;transition:background .2s,color .2s}.sidebar-link:hover{background:var(--accent);color:#18181b}.sidebar-footer{margin-top:auto;padding-top:1em;border-top:1px solid var(--card-border,#23232b);background:transparent}.sidebar-footer-link{color:var(--accent,#00e0d3);text-decoration:none;margin:0 .3em;font-weight:600;transition:color .2s}.sidebar-footer-link:hover{color:#18181b;background:var(--accent,#00e0d3);border-radius:.5em;padding:.1em .4em}@media (max-width: 800px){.sidebar-footer{font-size:.95em;padding-bottom:1em}.sidebar-links{gap:.3em}}.sidebar{position:fixed;left:0;top:0;width:270px;height:100vh;background:var(--background);color:var(--text-primary);box-shadow:2px 0 16px #00e0d355;z-index:1002;display:flex;flex-direction:column;padding:1.5em 1em 1em 1.2em;overflow-y:auto;transition:transform .3s cubic-bezier(.4,2,.6,1),box-shadow .2s;scrollbar-width:thin;scrollbar-color:var(--background-end) #18181b}.sidebar::-webkit-scrollbar{width:10px;background:#18181b;border-radius:8px}.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent) 40%,#00e0d3 100%);border-radius:8px;min-height:40px;box-shadow:0 2px 8px #00e0d355;border:1px solid #18181b}.sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00e0d3 0%,var(--accent) 100%)}.sidebar::-webkit-scrollbar-track{background:#18181b;border-radius:8px}.sidebar .sidebar-header{display:flex;align-items:center;justify-content:space-between;font-size:1.3em;font-weight:800;color:var(--accent);margin-bottom:1.2em}.sidebar .sidebar-close-btn{background:none;border:none;color:var(--accent);font-size:1.5em;cursor:pointer}.sidebar .sidebar-controls{display:flex;align-items:center;gap:1em;margin-bottom:1.2em}.sidebar .location-info{font-size:.95em;color:var(--text-secondary);display:flex;flex-direction:column;gap:.2em}.sidebar-section{margin-bottom:2em}.sidebar-section h2{color:var(--accent);font-size:1.1em;font-weight:700;margin-bottom:.7em}.sidebar-section ul{list-style:none;padding:0;margin:0 0 .7em}.sidebar-section ul li button{background:var(--background-end);color:var(--text-primary);border:none;border-radius:.7em;padding:.5em 1em;width:100%;text-align:left;font-weight:600;cursor:pointer;margin-bottom:.5em;transition:background .2s,color .2s}.sidebar-section ul li button.active,.sidebar-section ul li button:hover{background:var(--accent);color:#18181b}.sidebar-chat-actions{display:flex;flex-direction:column;gap:.5em}.sidebar-chat-actions button{background:#23232b;color:var(--accent);border:none;border-radius:.7em;padding:.5em 1em;font-weight:700;cursor:pointer;transition:background .2s,color .2s}.sidebar-chat-actions button.danger{background:#2c1a1a;color:#ff4d4f}.sidebar-chat-actions button:hover{background:var(--accent);color:#18181b}.features-list{color:var(--text-secondary);font-size:1em;line-height:1.7;padding-left:1em}.sidebar.mobile{transform:translate(-100%);box-shadow:none;width:80vw;max-width:320px}.sidebar.mobile.open{transform:translate(0);box-shadow:2px 0 16px #00e0d355}.sidebar-menu-btn{width:40px;background:none;border:0;color:var(--text-primary);font-size:large;cursor:pointer;display:none}@media (max-width: 800px){.sidebar{position:fixed;left:0;top:0;height:100vh;z-index:1002;width:80vw;max-width:320px;padding:1.2em .7em 1em 1em}.sidebar-menu-btn{display:block}.main-content{margin-left:0!important}}.app-container{display:flex;min-height:100vh;background:#101014}.main-content{flex:1;margin-left:270px;transition:margin-left .3s cubic-bezier(.4,2,.6,1);min-width:0}@media (max-width: 800px){.main-content{margin-left:0}}code[class*=language-],pre[class*=language-]{color:#f8f8f2;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:2.5;tab-size:4;-webkit-hyphens:none;hyphens:none;border-radius:.7em}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#ff5c5c}.token.boolean,.token.number{color:#ae81ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#00e0d3}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#f8f8f2}.token.atrule,.token.attr-value,.token.keyword{color:#f1fa8c}.token.function,.token.class-name{color:#50fa7b}.token.regex,.token.important,.token.variable{color:#fd971f}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}@media (max-width: 600px){code[class*=language-],pre[class*=language-]{font-size:.92em;padding:.7em}}.message-content pre{background:#18181b!important;color:#f8f8f2!important;border-radius:.7em;font-family:Fira Mono,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;padding:1.1em 1.2em;margin:.7em 0 1.2em;position:relative;overflow-x:auto;transition:box-shadow .2s}.message-content code{margin:10px}.message-content pre:hover{box-shadow:0 4px 24px #00e0d399,0 1px 2px #000a}.copy-btn{position:absolute;top:.7em;right:1em;background:#23232b;color:#00e0d3;border:none;border-radius:.5em;padding:.2em .7em;font-size:.95em;cursor:pointer;opacity:.85;z-index:2;transition:background .2s,color .2s,opacity .2s}.copy-btn:hover{background:#00e0d3;color:#18181b;opacity:1}.ai-code-block-wrapper{display:flex}.ai-code-block-wrapper .copy-btn{display:contents}.code-block-outer{display:flex;width:105%;max-width:105%;flex-direction:column-reverse;align-items:end}@media (max-width: 600px){.message-content pre,.message-content code{font-size:.92em;padding:.7em}.copy-btn{right:.5em;top:.5em;font-size:.85em;padding:.15em .5em}}.empty-state-centered{display:flex;align-items:center;justify-content:center;min-height:60vh;width:100%}.empty-state-content{text-align:center;width:100%}.empty-state-content h3{font-size:2em;margin-bottom:.5em}.empty-state-content p{font-size:1.15em;margin-bottom:1.5em;color:var(--text-secondary, #aaa)}.quick-actions{display:flex;flex-wrap:wrap;gap:1em;justify-content:center}.quick-action{border:1.5px solid var(--accent, #00ffe7);background:transparent;color:var(--accent, #00ffe7);border-radius:2em;padding:.5em 1.2em;font-size:1em;cursor:pointer;transition:background .2s,color .2s}.quick-action:hover{background:var(--accent, #00ffe7);color:#222}.typing-indicator{display:flex;align-items:center;gap:.75em;margin:1em 0}.typing-dots{display:flex;align-items:center;height:1.5em}.typing-dot{width:.5em;height:.5em;margin:0 .15em;border-radius:50%;background:#888;opacity:.7;animation:typing-bounce 1s infinite both}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{transform:translateY(0);opacity:.7}40%{transform:translateY(-.5em);opacity:1}}