:root{--color-primary: #0ea5e9;--color-secondary: #64748b;--color-background: #0f172a;--color-surface: #1e293b;--color-surface-hover: #334155;--color-text: #f8fafc;--color-text-secondary: #cbd5e1;--color-border: #334155;--color-accent: #0ea5e9;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-code: #1e293b;--color-code-text: #e2e8f0;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);transition:background-color var(--transition-normal),color var(--transition-normal);overflow-x:hidden}*{transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal)}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--border-radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary);color:var(--color-background)}code{font-family:var(--font-family-mono);background-color:var(--color-code);color:var(--color-code-text);padding:.125rem .25rem;border-radius:var(--border-radius-sm);font-size:.875em}pre{font-family:var(--font-family-mono);background-color:var(--color-code);color:var(--color-code-text);padding:var(--spacing-md);border-radius:var(--border-radius-md);overflow-x:auto;line-height:1.4}pre code{background:none;padding:0}.theme-transition{transition:all var(--transition-normal)}.text-mono{font-family:var(--font-family-mono)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-normal)}.animate-slide-in{animation:slideIn var(--transition-normal)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.container-fluid{width:100%;padding:0 var(--spacing-md)}.grid{display:grid;gap:var(--spacing-md)}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-12{grid-template-columns:repeat(12,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}@media (max-width: 1200px){.container{max-width:1024px}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.container{max-width:768px}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-1{grid-template-columns:1fr}.md\:flex-col{flex-direction:column}.md\:hidden{display:none}.md\:block{display:block}}@media (max-width: 768px){.container{max-width:480px;padding:0 var(--spacing-sm)}.sm\:grid-cols-1{grid-template-columns:1fr}.sm\:flex-col{flex-direction:column}.sm\:hidden{display:none}.sm\:block{display:block}.sm\:text-center{text-align:center}.sm\:gap-sm{gap:var(--spacing-sm)}.sm\:p-sm{padding:var(--spacing-sm)}.sm\:px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.sm\:py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}}@media (max-width: 480px){.container{padding:0 var(--spacing-xs)}.xs\:grid-cols-1{grid-template-columns:1fr}.xs\:flex-col{flex-direction:column}.xs\:hidden{display:none}.xs\:block{display:block}.xs\:text-sm{font-size:var(--font-size-sm)}.xs\:gap-xs{gap:var(--spacing-xs)}.xs\:p-xs{padding:var(--spacing-xs)}}.hidden{display:none}.visible{display:block}.invisible{visibility:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.border{border:1px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.border-r{border-right:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-l{border-left:1px solid var(--color-border)}.rounded{border-radius:var(--border-radius-md)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-none{box-shadow:none}:root{--bg-dark: #1e1e1e;--bg-darker: #181818;--bg-light: #252526;--accent-primary: #569cd6;--accent-secondary: #4ec9b0;--text-primary: #e0e0e0;--text-secondary: #858585;--border-color: #2d2d2d;--terminal-green: #4af626;--code-bg: #1e1e1e}.app{background-color:var(--bg-dark);color:var(--text-primary);font-family:Consolas,Monaco,Courier New,monospace;min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.sidebar{width:260px;background-color:var(--bg-darker);border-right:1px solid var(--border-color);height:calc(100vh - 80px);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:15px;border-bottom:1px solid var(--border-color)}.logo-section{display:flex;align-items:center;margin-bottom:20px}.app-logo{display:flex;align-items:center;gap:10px;color:var(--accent-primary);font-weight:700}.new-chat-button{display:flex;align-items:center;gap:8px;width:100%;padding:10px;background-color:var(--accent-primary);color:var(--bg-dark);border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .2s}.new-chat-button:hover{background-color:var(--accent-secondary)}.search-section{padding:15px;border-bottom:1px solid var(--border-color)}.search-input-wrapper{position:relative;display:flex;align-items:center;margin-bottom:10px}.search-icon{position:absolute;left:10px;color:var(--text-secondary)}.search-input{width:100%;padding:8px 8px 8px 30px;background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:inherit}.search-input:focus{outline:none;border-color:var(--accent-primary)}.clear-search{position:absolute;right:8px;background:none;border:none;color:var(--text-secondary);cursor:pointer}.conversations-section{flex:1;overflow-y:auto;padding:15px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;color:var(--text-secondary);font-size:.8rem}.conversation-count{background-color:var(--bg-light);padding:2px 6px;border-radius:10px;font-size:.7rem}.conversation-list{list-style:none;padding:0;margin:0}.conversation-item{padding:10px;border-radius:6px;margin-bottom:8px;cursor:pointer;transition:background-color .2s}.conversation-item:hover{background-color:var(--bg-light)}.conversation-item.active{background-color:var(--bg-light);border-left:3px solid var(--accent-primary)}.conversation-content{display:flex;flex-direction:column;gap:4px}.conversation-title{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-meta{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-secondary)}.conversation-actions{display:flex;gap:8px}.delete-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.8rem}.delete-button:hover{color:#f55}.empty-state{text-align:center;padding:30px 0;color:var(--text-secondary)}.empty-icon{font-size:1.5rem;margin-bottom:10px;display:block}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:fadeIn var(--transition-normal)}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.settings-header h2{margin:0;color:var(--color-text);font-size:var(--font-size-xl)}.settings-content{display:flex;flex:1;overflow:hidden}.settings-tabs{display:flex;flex-direction:column;width:200px;border-right:1px solid var(--color-border);padding:var(--spacing-md);gap:var(--spacing-xs)}.tab-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:none;border:none;color:var(--color-text-secondary);text-align:left;cursor:pointer;border-radius:var(--border-radius-md);transition:all var(--transition-fast);font-size:var(--font-size-sm)}.tab-button.active{background-color:var(--color-primary);color:#fff}.tab-icon{font-size:var(--font-size-md)}.settings-body{flex:1;padding:var(--spacing-lg);overflow-y:auto}.settings-section{margin-bottom:var(--spacing-xl)}.settings-section h3{margin:0 0 var(--spacing-lg) 0;color:var(--color-text);font-size:var(--font-size-lg);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm)}.setting-group{margin-bottom:var(--spacing-lg)}.setting-group label{display:block;margin-bottom:var(--spacing-sm);color:var(--color-text);font-weight:500;font-size:var(--font-size-sm)}.setting-group input[type=range]{width:100%;margin:var(--spacing-sm) 0;accent-color:var(--color-primary)}.setting-group select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text);font-size:var(--font-size-sm)}.setting-group select:focus{outline:none;border-color:var(--color-primary)}.setting-value{display:inline-block;margin-left:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-mono)}.checkbox-label{display:flex!important;align-items:center;gap:var(--spacing-sm);cursor:pointer;margin-bottom:0!important}.checkbox-label input[type=checkbox]{accent-color:var(--color-primary)}.theme-options{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.theme-option{flex:1;padding:var(--spacing-md);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm)}.theme-option:hover{background-color:var(--color-surface-hover)}.theme-option.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.settings-footer{display:flex;justify-content:space-between;padding:var(--spacing-lg);border-top:1px solid var(--color-border);gap:var(--spacing-md)}.reset-button{padding:var(--spacing-sm) var(--spacing-lg);background:none;border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm)}.reset-button:hover{background-color:var(--color-error);border-color:var(--color-error);color:#fff}.save-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--border-radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm)}.save-button:hover{background-color:var(--color-primary);opacity:.9}@media (max-width: 768px){.settings-panel{width:95%;max-height:95vh}.settings-content{flex-direction:column}.settings-tabs{flex-direction:row;width:100%;border-right:none;border-bottom:1px solid var(--color-border);overflow-x:auto}.tab-button{white-space:nowrap;min-width:fit-content}.settings-footer,.theme-options{flex-direction:column}}.settings-controls{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--color-border);background-color:var(--color-surface)}.theme-toggle-button,.settings-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-lg)}.theme-toggle-button:hover,.settings-button:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.theme-toggle-button:active,.settings-button:active{transform:translateY(0)}.settings-button{margin-left:auto}.search-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:flex-start;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding-top:10vh}.search-modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);width:90%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:fadeIn var(--transition-normal);overflow:hidden}.search-modal-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.search-input-container{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-lg);z-index:1}.search-modal-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 3rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text);font-size:var(--font-size-md);transition:all var(--transition-fast)}.search-modal-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91a}.search-modal-input::placeholder{color:var(--color-text-secondary)}.clear-search-button{position:absolute;right:var(--spacing-sm);background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);font-size:var(--font-size-sm)}.clear-search-button:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.close-modal-button{background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-lg);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.close-modal-button:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.search-filters{display:flex;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);background-color:var(--color-background)}.filter-group{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-group label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.filter-group select{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer}.filter-group select:focus{outline:none;border-color:var(--color-primary)}.search-results{flex:1;overflow-y:auto;min-height:200px}.search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary);min-height:300px}.empty-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5}.search-empty p{margin:0 0 var(--spacing-xs) 0;font-weight:500;color:var(--color-text);font-size:var(--font-size-md)}.search-empty small{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.results-list{padding:var(--spacing-md)}.results-header{padding:var(--spacing-sm) 0 var(--spacing-md) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md)}.results-header span{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.search-result-item{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-background)}.search-result-item:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.result-title{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--color-text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-date{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:var(--font-family-mono);margin-left:var(--spacing-md)}.result-messages{margin-top:var(--spacing-sm)}.result-message{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-surface);border-radius:var(--border-radius-sm);border-left:3px solid var(--color-border)}.message-role{font-size:var(--font-size-sm);flex-shrink:0}.message-content{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4;flex:1}.search-highlight{background-color:var(--color-warning);color:var(--color-background);padding:.125rem .25rem;border-radius:var(--border-radius-sm);font-weight:500}.search-results::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar-track{background:var(--color-surface)}.search-results::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--border-radius-sm)}.search-results::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@media (max-width: 768px){.search-modal-overlay{padding-top:5vh}.search-modal{width:95%;max-height:90vh}.search-modal-header{padding:var(--spacing-md)}.search-filters{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.results-list,.search-result-item{padding:var(--spacing-sm)}.result-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.result-title{white-space:normal;overflow:visible;text-overflow:unset}}@media (prefers-reduced-motion: reduce){.search-modal,.search-result-item,.loading-spinner{animation:none;transition:none}}.search-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.search-button:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-text)}.search-button:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91a}.search-button-icon{font-size:var(--font-size-md)}.search-button-text{flex:1;text-align:left;margin-left:var(--spacing-sm);font-weight:500}.search-button-shortcut{font-size:var(--font-size-xs);font-family:var(--font-family-mono);background-color:var(--color-surface);padding:.125rem .375rem;border-radius:var(--border-radius-sm);border:1px solid var(--color-border);color:var(--color-text-secondary)}@media (max-width: 768px){.search-button-text,.search-button-shortcut{display:none}.search-button{justify-content:center;padding:var(--spacing-sm)}}.tag-manager-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tag-manager-modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:fadeIn var(--transition-normal);overflow:hidden}.tag-manager-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.tag-manager-header h2{margin:0;color:var(--color-text);font-size:var(--font-size-xl)}.close-button{background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-lg);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.close-button:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.tag-manager-tabs{display:flex;border-bottom:1px solid var(--color-border)}.tab-button{flex:1;padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:500;border-bottom:2px solid transparent}.tab-button:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background-color:var(--color-background)}.tag-manager-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.create-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md)}.create-section h3{margin:0 0 var(--spacing-md) 0;color:var(--color-text);font-size:var(--font-size-lg)}.create-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.create-form input{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text);font-size:var(--font-size-sm)}.create-form input:focus{outline:none;border-color:var(--color-primary)}.color-picker{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.color-option{width:24px;height:24px;border:2px solid transparent;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:var(--color-text);transform:scale(1.2)}.icon-picker{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.icon-option{width:32px;height:32px;background:none;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-md);display:flex;align-items:center;justify-content:center}.icon-option:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary)}.icon-option.selected{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.create-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);border:none;border-radius:var(--border-radius-md);color:#fff;font-weight:500;cursor:pointer;transition:all var(--transition-fast);align-self:flex-start}.create-button:hover{background-color:var(--color-primary);opacity:.9;transform:translateY(-1px)}.items-section h3{margin:0 0 var(--spacing-md) 0;color:var(--color-text);font-size:var(--font-size-lg)}.items-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tag-item,.category-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md);transition:all var(--transition-fast)}.tag-item:hover,.category-item:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary)}.tag-info,.category-info{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.tag-badge,.category-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);color:#fff;font-size:var(--font-size-sm);font-weight:500}.predefined-badge{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:500}.toggle-button{width:28px;height:28px;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm)}.toggle-button:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary)}.toggle-button.active{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.tag-actions,.category-actions{display:flex;gap:var(--spacing-xs)}.edit-button,.delete-button{width:28px;height:28px;background:none;border:none;cursor:pointer;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm)}.edit-button{color:var(--color-text-secondary)}.edit-button:hover{background-color:var(--color-primary);color:#fff}.delete-button{color:var(--color-text-secondary)}.delete-button:hover{background-color:var(--color-error);color:#fff}.edit-form{flex:1}.edit-form input{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text);font-size:var(--font-size-sm)}.edit-form input:focus{outline:none;border-color:var(--color-primary)}.tag-manager-content::-webkit-scrollbar{width:8px}.tag-manager-content::-webkit-scrollbar-track{background:var(--color-surface)}.tag-manager-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--border-radius-sm)}.tag-manager-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@media (max-width: 768px){.tag-manager-modal{width:95%;max-height:95vh}.tag-manager-header,.tag-manager-content,.create-section{padding:var(--spacing-md)}.color-picker,.icon-picker{justify-content:center}.tag-item,.category-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.tag-actions,.category-actions{align-self:flex-end}}.conversation-tags{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);flex-wrap:wrap}.conversation-tags.compact{gap:2px}.category-indicator{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);color:#fff;font-weight:500}.tag-indicator{display:inline-block;padding:2px 6px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);color:#fff;font-weight:500;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}.conversation-tags.compact .tag-indicator{width:8px;height:8px;padding:0;border-radius:50%;font-size:0}.more-tags{display:inline-block;padding:2px 6px;background-color:var(--color-text-secondary);color:var(--color-background);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500}.manage-tags-button{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-xs);opacity:0}.conversation-tags:hover .manage-tags-button{opacity:1}.manage-tags-button:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-text)}@media (max-width: 768px){.conversation-tags{gap:1px}.tag-indicator{max-width:60px;padding:1px 4px}.category-indicator,.manage-tags-button{width:16px;height:16px}}.chatWindow{display:flex;flex-direction:column;height:calc(100vh - 80px);background-color:var(--bg-dark);position:relative}.navbar{background-color:var(--bg-light);padding:12px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.navbar span{color:var(--accent-primary);font-weight:700}.userIconDiv{background-color:var(--bg-light);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.userIcon{color:var(--text-primary);font-size:.8rem}.loaderContainer{display:flex;justify-content:center;padding:20px}.chatInput{padding:15px;background-color:var(--bg-light);border-top:1px solid var(--border-color);position:sticky;bottom:0}.InputBox{display:flex;background-color:var(--bg-darker);border-radius:8px;border:1px solid var(--border-color);overflow:hidden}.InputBox input{flex:1;background:transparent;border:none;padding:12px 15px;color:var(--text-primary);font-family:inherit;font-size:.9rem}.InputBox input::placeholder{color:var(--text-secondary)}.InputBox input:focus{outline:none}#submit{background-color:var(--accent-primary);color:var(--bg-dark);padding:0 15px;display:flex;align-items:center;cursor:pointer;transition:background-color .2s}#submit:hover{background-color:var(--accent-secondary)}.info{text-align:center;font-size:.7rem;color:var(--text-secondary);padding:10px;border-top:1px solid var(--border-color)}.chats{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:15px}.userDiv,.gptDiv{max-width:85%;padding:12px 16px;border-radius:8px;line-height:1.5;position:relative}.userDiv{align-self:flex-end;background-color:var(--accent-primary);color:var(--bg-dark);border-bottom-right-radius:2px}.gptDiv{align-self:flex-start;background-color:var(--bg-light);border:1px solid var(--border-color);border-bottom-left-radius:2px}.userMessage{margin:0;white-space:pre-wrap}.react-markdown{overflow-x:auto}.react-markdown code{font-family:Consolas,Monaco,Courier New,monospace;background-color:var(--code-bg);padding:2px 4px;border-radius:4px;font-size:.9em}.react-markdown pre{background-color:var(--code-bg);padding:12px;border-radius:6px;overflow-x:auto;border-left:3px solid var(--accent-secondary);margin:10px 0}.react-markdown pre code{background-color:transparent;padding:0}.react-markdown blockquote{border-left:3px solid var(--accent-primary);padding-left:12px;margin-left:0;color:var(--text-secondary)}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.layout{display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:100vh;overflow:hidden;transition:grid-template-columns var(--transition-normal)}.layout.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width) 1fr}.layout-sidebar{position:relative;background-color:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;transition:all var(--transition-normal)}.sidebar-toggle{position:absolute;top:50%;right:-12px;transform:translateY(-50%);width:24px;height:48px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all var(--transition-fast);font-size:12px}.sidebar-toggle:hover{background-color:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-primary)}.toggle-icon{transition:transform var(--transition-normal);display:inline-block}.toggle-icon.collapsed{transform:rotate(180deg)}.sidebar-content{flex:1;overflow:hidden;transition:opacity var(--transition-normal)}.layout.sidebar-collapsed .sidebar-content{opacity:0;pointer-events:none}.layout-main{position:relative;display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-background)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.mobile-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.layout.mobile{grid-template-columns:1fr;position:relative}.layout.mobile .layout-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);z-index:20;transform:translate(-100%);transition:transform var(--transition-normal);box-shadow:var(--shadow-lg)}.layout.mobile:not(.sidebar-collapsed) .layout-sidebar{transform:translate(0)}.layout.mobile .sidebar-toggle{display:none}.layout.mobile .layout-main{grid-column:1}@media (max-width: 1024px){.layout{--sidebar-width: 1000px}}@media (max-width: 768px){.layout{--sidebar-width: 1000px}.sidebar-toggle{display:none}}@media (max-width: 1000px){.layout{--sidebar-width: 100vw}}@media (prefers-reduced-motion: reduce){.layout,.layout-sidebar,.sidebar-content,.toggle-icon{transition:none}}.sidebar-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast: high){.layout-sidebar{border-right-width:2px}.sidebar-toggle{border-width:2px}}.navbar{background:linear-gradient(135deg,#1a1a2e,#16213e);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:.75rem 2rem;position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s ease}.navbar-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.navbar-brand{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:transform .3s ease}.navbar-brand:hover{transform:scale(1.05)}.navbar-brand span{display:flex;align-items:center;font-size:1.2em;margin-right:.3rem}.navbar-nav{display:flex;align-items:center;gap:1.5rem;list-style:none;margin:0;padding:0}.nav-item{position:relative}.nav-link{color:#ffffffd9;text-decoration:none;font-weight:500;font-size:.95rem;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;gap:.5rem}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff1a;transition:left .3s ease}.nav-link:hover:before{left:0}.nav-link:hover{color:#fff;background:#ffffff1a;transform:translateY(-2px)}.nav-link.active{color:#fff;background:#ffffff26;box-shadow:0 4px 12px #0003}.navbar-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.navbar-toggle:hover{background:#ffffff1a}.cta-button{background:linear-gradient(45deg,#4e54c8,#8f94fb);color:#fff;padding:.75rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:600;font-size:.9rem;box-shadow:0 4px 15px #4e54c84d;transition:all .3s ease;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem}.navbar,.navbar-container{height:80px}.navbar-brand,.nav-link,.cta-button{font-size:1.1rem;padding:10px 15px}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4e54c866;background:linear-gradient(45deg,#4348b8,#7b80f0)}@media (max-width: 768px){.navbar{padding:.75rem 1.5rem}.navbar-toggle{display:block}.navbar-nav{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background:linear-gradient(135deg,#1a1a2e,#16213e);flex-direction:column;justify-content:flex-start;padding-top:2rem;transition:left .3s ease;gap:1rem}.navbar-nav.open{left:0}.nav-item{width:100%;text-align:center}.nav-link{display:flex;justify-content:center;width:80%;margin:0 auto;padding:1rem}.cta-button{margin-top:.5rem;width:80%;justify-content:center}}.navbar.scrolled{background:#1a1a2ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 2px 20px #0003;border-bottom:1px solid rgba(255,255,255,.05)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar-nav.open .nav-item{animation:slideDown .3s ease forwards}.navbar-nav.open .nav-item:nth-child(1){animation-delay:.1s}.navbar-nav.open .nav-item:nth-child(2){animation-delay:.2s}.navbar-nav.open .nav-item:nth-child(3){animation-delay:.3s}.navbar-nav.open .nav-item:nth-child(4){animation-delay:.4s}.navbar-nav.open .nav-item:nth-child(5){animation-delay:.5s}