.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--login-bg);transition:background-color .3s ease}.login-card{width:100%;max-width:28rem;padding:2rem;background-color:var(--login-card-bg);border-radius:.5rem;box-shadow:var(--login-card-shadow);transition:background-color .3s ease,box-shadow .3s ease}.login-title{margin-bottom:1.5rem;font-size:1.875rem;font-weight:700;text-align:center;color:var(--text-primary)}.error-message{padding:.75rem;margin-bottom:1rem;font-size:.875rem;color:var(--error-text);background-color:var(--error-bg);border-radius:.375rem}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-input{width:100%;padding:.5rem .75rem;border:1px solid var(--input-border);border-radius:.375rem;background-color:var(--input-bg);color:var(--text-primary)}.form-input:focus{outline:none;border-color:var(--input-focus)}.submit-button{width:100%;padding:.5rem 1rem;background-color:var(--button-primary);color:var(--text-inverted);font-weight:600;border-radius:.375rem;box-shadow:0 1px 2px #0000000d}.submit-button:hover{background-color:var(--button-primary-hover)}.submit-button:focus{outline:none;border-color:var(--input-focus)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.toggle-mode{margin-top:1rem;text-align:center}.toggle-link{font-size:.875rem;color:var(--button-primary)}.toggle-link:hover{text-decoration:underline}.chat-container{display:flex;height:100dvh;max-height:100dvh}.sidebar{background-color:var(--sidebar-bg);color:var(--sidebar-text);transition:all .3s ease-in-out;overflow:hidden;display:flex;flex-direction:column;height:100%}.sidebar-expanded{width:35rem;max-width:80%}.sidebar-collapsed{width:0}.sidebar-header{padding:1rem;border-bottom:1px solid var(--border-dark);display:flex;align-items:center;justify-content:space-between}.sidebar-title{color:var(--sidebar-text);font-size:1.25rem;font-weight:700}.logout-button{color:var(--sidebar-text-muted)}.logout-button:hover{color:var(--sidebar-text)}.new-chat-button-container{padding:1rem}.new-chat-button{width:100%;padding:.5rem 1rem;background-color:var(--button-primary);color:var(--text-inverted);border-radius:.375rem;transition:background-color .2s}.new-chat-button:hover{background-color:var(--button-primary-hover)}.chats-list{flex:1;overflow-y:auto}.chat-item{padding:.4rem;padding-left:.8em;cursor:pointer}.chat-item:hover{background-color:var(--sidebar-item-hover)}.chat-item-active{background-color:var(--sidebar-item-active)}.chat-item-content{display:flex;align-items:center;justify-content:space-between}.chat-item-info{flex:1;overflow:hidden}.chat-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-date{font-size:.75rem;color:var(--sidebar-text-muted)}.chat-actions{display:flex;margin-left:.5rem}.edit-button{color:var(--sidebar-text-muted);margin-right:.5rem;font-size:1.5em}.edit-button:hover{color:var(--sidebar-text)}.delete-button{color:var(--sidebar-text-muted);font-size:1.5em}.delete-button:hover{color:var(--button-danger)}.title-edit-input{background-color:var(--sidebar-item-active);color:var(--sidebar-text);border-radius:.25rem;padding:.25rem .5rem;width:100%}.user-info{padding:1rem;border-top:1px solid var(--border-dark)}.user-label{font-size:.875rem;color:var(--sidebar-text-muted)}.username{font-weight:500}.main-content{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;background-color:var(--content-bg)}.chat-header{background-color:var(--content-bg);border-bottom:1px solid var(--border-light);padding:.5em 1rem;box-shadow:0 1px 2px #0000000d;display:flex;align-items:center;justify-content:space-between}.header-left,.header-right{display:flex;align-items:center}.menu-button{margin-right:1rem;color:var(--text-secondary);font-size:150%}.menu-button:hover{color:var(--text-primary)}.current-chat-title{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.model-label,.provider-label{margin-right:.5rem;font-size:.875rem;color:var(--text-secondary)!important}.model-select,.provider-select{margin-right:.5rem;border:1px solid var(--border-medium);border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem;color:var(--text-primary);background-color:var(--input-bg)}.messages-container{flex:1;overflow-y:auto;background-color:var(--content-bg);padding:1rem}.message{margin-bottom:1rem}.message-user{text-align:right}.message-assistant{text-align:center}.message-content-container{display:inline-block;max-width:75%;width:auto}.message-user .message-content-container{text-align:right}.message-assistant .message-content-container{text-align:center}.message-bubble{display:inline-block;padding:.75em 1em .5em;border-radius:.5rem;max-width:100%}.message-bubble-user{background-color:var(--message-user-bg);color:var(--message-user-text);box-shadow:2px 4px 8px #0000001a}.message-bubble-assistant{color:var(--message-assistant-text);background-color:var(--message-assistant-bg)}.message-footer{display:flex;justify-content:space-between;align-items:center;margin-top:0;color:var(--text-secondary);width:80%;max-width:90%;margin-left:auto;margin-right:auto}.message-user .message-footer{justify-content:flex-end;margin-left:auto;margin-right:0}.message-user .message-timestamp{margin-right:8px}.message-actions{display:flex;gap:8px}.action-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;opacity:.7;transition:opacity .2s;color:var(--text-secondary)}.action-button:hover{opacity:1}.menu-container{position:relative}.dropdown-menu{position:absolute;right:0;bottom:100%;background-color:var(--content-bg);border:1px solid var(--border-dark);border-radius:4px;box-shadow:0 2px 10px #0000001a;z-index:10;min-width:150px}.dropdown-menu button{display:block;width:100%;text-align:left;padding:8px 12px;background:none;border:none;cursor:pointer;color:var(--text-primary)}.message-details{margin-top:16px;padding:12px;border-top:1px solid var(--border-dark);font-size:.9em}.message-details h4{margin-top:0;margin-bottom:8px}.plain-text-content{white-space:pre-wrap;font-family:monospace;margin:0}.message-timestamp{margin-top:.25rem;font-size:.75rem;color:var(--message-timestamp);text-wrap:nowrap}.streaming-indicator{display:inline-block;width:.5rem;height:.5rem;margin-left:.25rem;background-color:#10b981;border-radius:9999px;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.input-area{border-top:1px solid var(--border-light);padding:1rem;background-color:var(--content-bg)}.input-form{display:flex;align-items:center}.message-input{flex:1;border:1px solid var(--border-medium);border-radius:.5rem;padding:.5rem 1rem;overflow-y:auto;line-height:1.5;font-family:inherit;font-size:inherit;background-color:var(--input-bg);color:var(--text-primary)}.message-input:focus{outline:none;border-color:var(--input-focus)}.send-button{margin-left:.5rem;background-color:var(--button-primary);color:var(--text-inverted);border-radius:.5rem;padding:.5rem 1rem}.send-button:hover{background-color:var(--button-primary-hover)}.stop-button{margin-left:.5rem;background-color:var(--button-danger);color:var(--text-inverted);border-radius:.5rem;padding:.5rem 1rem}.stop-button:hover{background-color:var(--button-danger-hover)}.markdown-content{text-align:left}.markdown-content .inline-code{background-color:var(--code-bg);padding:.2rem .4rem;border-radius:.25rem;font-family:monospace;font-size:.9em;border:1px solid var(--code-border);color:var(--text-primary)}.message-bubble-user .inline-code{background-color:var(--code-user-bg);color:var(--message-user-text);border:1px solid var(--code-user-border);padding:.2rem .4rem;border-radius:.25rem;font-family:monospace;font-size:.9em}.markdown-content ul{list-style-type:disc!important;padding-left:1.5rem!important;margin:.5rem 0!important}.markdown-content ol{list-style-type:decimal!important;padding-left:1.5rem!important;margin:.5rem 0!important}.markdown-content li{display:list-item!important;margin:.25rem 0!important}.markdown-content p{white-space:pre-wrap!important}.markdown-content h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;margin:.75rem 0!important;color:var(--text-primary)}.markdown-content blockquote{border-left:3px solid var(--border-light);padding-left:1rem;margin:.75rem 0;color:var(--text-secondary)}.markdown-content pre{font-size:85%;overflow-x:auto;margin-bottom:.5rem;border-radius:.25rem;padding:.75rem}.markdown-content .table-container{overflow-x:auto;max-width:100%;margin:1rem 0}.markdown-content table{width:auto;border-collapse:collapse;border-radius:.5rem;border:1px solid var(--table-border);background-color:var(--content-bg)}.markdown-content table th{background-color:var(--table-header-bg);color:var(--table-header-text);font-weight:600;text-align:left;padding:.75rem 1rem;border:1px solid var(--border-dark)}.markdown-content table td{padding:.75rem 1rem;border:1px solid var(--table-border);vertical-align:top}.markdown-content table tr:nth-child(2n){background-color:var(--table-row-even)}.markdown-content table tr:nth-child(odd){background-color:var(--table-row-odd)}.markdown-content table tr:hover{background-color:var(--table-row-hover)}.theme-toggle-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;color:var(--toggle-icon);margin-left:.75rem;transition:background-color .2s,color .2s}.theme-toggle-button:hover{background-color:var(--app-bg);color:var(--toggle-hover)}.theme-toggle-button svg{width:1.25rem;height:1.25rem}.chats-list::-webkit-scrollbar{width:8px}.chats-list::-webkit-scrollbar-track{background:var(--sidebar-bg)}.chats-list::-webkit-scrollbar-thumb{background-color:var(--sidebar-text-muted);border-radius:20px;border:2px solid var(--sidebar-bg)}.chats-list::-webkit-scrollbar-thumb:hover{background-color:var(--sidebar-text)}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:var(--content-bg)}.messages-container::-webkit-scrollbar-thumb{background-color:var(--border-medium);border-radius:20px;border:2px solid var(--content-bg)}.messages-container::-webkit-scrollbar-thumb:hover{background-color:var(--text-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent}.chats-list{scrollbar-width:thin;scrollbar-color:var(--sidebar-text-muted) var(--sidebar-bg)}.messages-container{scrollbar-width:thin;scrollbar-color:var(--border-medium) var(--content-bg)}@media (max-width: 768px){.messages-container{padding:.5em}.current-chat-title,.model-label,.provider-label{display:none}.header-right{align-items:flex-end}.model-selector,.provider-selector{margin-bottom:.5rem;font-size:.75em}.chat-header{align-items:flex-start}.header-left{margin-bottom:.5rem}.message-content-container{max-width:98%}.markdown-content table{font-size:.875rem}.markdown-content table th,.markdown-content table td{padding:.5rem .75rem}}.app-container{height:100dvh;background-color:var(--app-bg)}:root{--app-bg: #f3f4f6;--content-bg: #ffffff;--text-primary: #333333;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text-inverted: #ffffff;--border-light: #e5e7eb;--border-medium: #d1d5db;--border-dark: #374151;--sidebar-bg: #0B1D51;--sidebar-item-hover: #07153c;--sidebar-item-active: #07153c;--sidebar-text: #ffffff;--sidebar-text-muted: #9ca3af;--button-primary: #725CAD;--button-primary-hover: #856ec6;--button-danger: #dc2626;--button-danger-hover: #b91c1c;--message-user-bg: #142e7d;--message-user-text: #ffffff;--message-assistant-bg: transparent;--message-assistant-text: #111827;--message-timestamp: #6b7280;--code-bg: #f3f4f6;--code-border: #e5e7eb;--code-user-bg: rgba(255, 255, 255, .2);--code-user-border: rgba(255, 255, 255, .3);--table-header-bg: #1f2937;--table-header-text: #ffffff;--table-border: #d1d5db;--table-row-even: #f3f4f6;--table-row-odd: #e5e7eb;--table-row-hover: #d1d5db;--input-bg: #ffffff;--input-border: #d1d5db;--input-focus: #3b82f6;--error-bg: #fee2e2;--error-text: #b91c1c;--login-bg: #f9fafb;--login-card-bg: #ffffff;--login-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--toggle-icon: #6b7280;--toggle-hover: #111827}.dark-theme{--content-bg: #060f2b;--text-primary: #f3f4f6;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--text-inverted: #ffffff;--border-light: #374151;--border-medium: #4b5563;--border-dark: #6b7280;--message-user-bg: #0B1D51;--message-user-text: #ffffff;--message-assistant-bg: transparent;--message-assistant-text: #f3f4f6;--message-timestamp: #9ca3af;--code-bg: #374151;--code-border: #4b5563;--code-user-bg: rgba(255, 255, 255, .15);--code-user-border: rgba(255, 255, 255, .25);--table-header-bg: #0f172a;--table-header-text: #f3f4f6;--table-border: #4b5563;--table-row-even: #1f2937;--table-row-odd: #374151;--table-row-hover: #4b5563;--input-bg: #374151;--input-border: #4b5563;--input-focus: #60a5fa;--error-bg: #7f1d1d;--error-text: #fca5a5;--login-bg: #111827;--login-card-bg: #1f2937;--login-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--toggle-icon: #d1d5db;--toggle-hover: #f3f4f6}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI;font-size:14px;line-height:1.5;color:var(--text-primary);background-color:var(--app-bg);transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;margin-bottom:.5rem;color:var(--text-primary)}p{margin-bottom:.5rem}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15}button{cursor:pointer;background:none;border:none}button:disabled{cursor:not-allowed;opacity:.7}input,select,textarea{border:1px solid var(--input-border);background-color:var(--input-bg);color:var(--text-primary)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--input-focus)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation:fadeIn .3s ease-in}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}