:root[data-theme=light]{--background: #f8f9fa;--text: #212529;--primary: #007bff;--secondary: #6c757d;--accent: #17a2b8;--card-bg: #ffffff;--border: #dee2e6;--shadow: 0 2px 4px rgba(0, 0, 0, .1);--chat-user-bg: rgba(183, 238, 178, .4);--chat-assistant-bg: rgba(200, 230, 230, .5);--button-bg: rgba(30, 149, 170, .3);--button-hover-bg: rgba(30, 149, 170, .8)}:root[data-theme=dark]{--background: #212529;--text: #f8f9fa;--primary: #1e90ff;--secondary: #adb5bd;--accent: #17a2b8;--card-bg: #343a40;--border: #495057;--shadow: 0 2px 4px rgba(0, 0, 0, .3);--chat-user-bg: rgba(183, 238, 178, .2);--chat-assistant-bg: rgba(200, 230, 230, .3);--button-bg: rgba(30, 149, 170, .5);--button-hover-bg: rgba(30, 149, 170, 1)}body{background-color:var(--background);color:var(--text)}html,body,#root{height:100%;width:100%;margin:0;padding:0;box-sizing:border-box;overflow:hidden;background-color:var(--background);color:var(--text)}.app-container{display:flex;flex-direction:column;height:100vh;width:100%;padding:.5rem;border-radius:.375rem;background-color:var(--card-bg);box-shadow:var(--shadow)}@media (max-width: 600px){.chat-area{width:100%;margin-right:0}.chat-list{display:none}}.header{margin-bottom:.5rem;border-radius:.375rem;padding:.75rem;background-color:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}@media (max-width: 600px){.header{flex-direction:column;align-items:stretch}}.header-left-panel{display:flex;align-items:center;gap:1rem}.balance{font-size:.875rem;font-weight:700}.model-selector-container{display:flex;align-items:center;gap:.625rem}.model-logo-header{width:1.75rem;height:1.75rem;border-radius:.375rem;object-fit:contain;border:1px solid var(--border);background-color:var(--card-bg)}.model-select{padding:.5rem 1.875rem .5rem .75rem;font-size:.875rem;font-weight:600;border-radius:.375rem;border:1px solid var(--border);background-color:var(--card-bg);color:var(--text);cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1em}.model-select:hover{border-color:var(--secondary)}.model-stats-container{display:flex;align-items:center;gap:1.125rem;padding:.25rem .75rem;background-color:var(--card-bg);border-radius:.375rem;border:1px solid var(--border)}.model-stat{display:flex;flex-direction:column;align-items:center;line-height:1.1;cursor:help}.stat-label{font-size:.625rem;font-weight:500;color:var(--secondary);text-transform:uppercase;letter-spacing:.03125rem}.stat-value{font-size:.875rem;font-weight:600;color:var(--text)}.balance-container{color:var(--text)}.link-logo{border-radius:5px;box-shadow:0 0 10px #0003;transition:box-shadow .3s}.link-logo:hover{box-shadow:0 0 10px #00000080}.new-chat-button{height:65px;width:97%;border:1px solid var(--border);margin-bottom:.5rem;margin-top:.5rem;border-radius:.375rem;background-color:var(--button-bg);color:var(--text);cursor:pointer}.new-chat-button:hover{box-shadow:inset 0 0 20px var(--shadow);background-color:var(--button-hover-bg)}.new-chat-button.active{background-color:var(--primary);color:#fff;border-color:var(--primary);box-shadow:inset 0 0 10px #0003}.new-chat-button.active:hover{background-color:var(--primary-hover, var(--primary))}.chat-list{flex:1;border:1px solid var(--border);margin-right:.5rem;border-radius:.375rem;display:flex;flex-direction:column;align-items:center;background-color:var(--card-bg);box-shadow:var(--shadow);width:25%;height:calc(100vh - 95px);overflow-y:auto;overflow-x:hidden}.chat-list-content{flex:1;width:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center}@media (max-width: 738px){.chat-list{display:none}}.chat-button{height:65px;width:97%;border:1px solid var(--border);margin-bottom:.5rem;margin-top:.5rem;border-radius:.375rem;background-color:var(--button-bg);color:var(--text);cursor:pointer;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.5rem}.chat-button:hover{background-color:var(--button-hover-bg)}.chat-button.active{background-color:var(--primary);color:#fff;border-color:var(--primary);box-shadow:inset 0 0 10px #0003}.chat-button.active:hover{background-color:var(--primary-hover, var(--primary))}.chat-button-text{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-menu-container{position:relative}.chat-menu-button{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;color:currentColor;opacity:.7;transition:opacity .2s,background-color .2s}.chat-menu-button:hover{opacity:1;background-color:#ffffff1a}.chat-menu{position:absolute;top:100%;right:0;background-color:var(--card-bg);border:1px solid var(--border);border-radius:.375rem;box-shadow:var(--shadow);z-index:1000;min-width:160px;padding:.25rem 0}.chat-menu-item{width:100%;padding:.5rem .75rem;background:none;border:none;text-align:left;cursor:pointer;color:var(--text);font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:background-color .2s}.chat-menu-item:hover{background-color:var(--button-hover-bg)}.chat-menu-item.delete{color:#dc3545}.chat-menu-item.delete:hover{background-color:#dc35451a}.chat-button-input{background:transparent;border:1px solid var(--border);border-radius:.25rem;padding:.25rem .5rem;color:inherit;font-size:inherit;font-family:inherit;width:100%;outline:none}.chat-button-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #007bff40}.chat-button-input:disabled{opacity:.6;cursor:not-allowed}.chat-button-content{flex:1;cursor:pointer;display:flex;align-items:center;min-width:0}.system-message-area{width:97%;margin:.5rem;padding:.75rem;border:1px solid var(--border);border-radius:.375rem;background-color:var(--card-bg);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.5rem;margin-top:auto}.system-message-header{display:flex;justify-content:space-between;align-items:center}.system-message-label{font-size:.875rem;font-weight:600;color:var(--text)}.system-message-clear{background:none;border:none;color:var(--secondary);cursor:pointer;font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;transition:background-color .2s}.system-message-clear:hover{background-color:var(--button-hover-bg);color:var(--text)}.system-message-textarea{width:100%;min-height:48px;max-height:100px;padding:.5rem;border:1px solid var(--border);border-radius:.375rem;background-color:var(--background);color:var(--text);font-family:inherit;font-size:.875rem;resize:none;overflow-y:auto;box-sizing:border-box}.system-message-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #007bff40}.system-message-textarea::placeholder{color:var(--secondary);font-style:italic}.system-message-counter{font-size:.75rem;color:var(--secondary);text-align:right}@media (max-width: 738px){.system-message-area{display:none}}.prompt-area{width:98%;padding:.5rem;margin:.5rem;border-radius:.375rem;display:flex;flex-direction:column;background-color:var(--chat-assistant-bg);position:absolute;left:49%;transform:translate(-50%);bottom:50%;transition:bottom .3s ease;box-shadow:var(--shadow)}.messages{width:72%;padding:.5rem;margin:.5rem;border-radius:.375rem;display:flex;flex-direction:column;background-color:var(--chat-assistant-bg);position:fixed;bottom:5px;right:26px;transition:bottom .3s ease;box-shadow:var(--shadow)}.input-container{display:flex;gap:.625rem;width:100%}.prompt-area textarea,.messages textarea{border-radius:.375rem;border:1px solid var(--border);padding:.5rem;box-sizing:border-box;background-color:var(--card-bg);color:var(--text)}.markdown-preview{border-radius:.375rem;background-color:var(--card-bg);padding:.5rem;min-height:40px;max-height:240px;overflow-y:auto;width:50%;box-sizing:border-box;border:1px solid var(--border);box-shadow:var(--shadow)}.button{width:40px;height:40px;margin:0 .125rem;padding:.5rem;border:1px solid var(--border);background-color:var(--button-bg);cursor:pointer;border-radius:.375rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.button:disabled{opacity:.5;cursor:not-allowed}.button:hover{background-color:var(--button-hover-bg)}.arrow{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.arrow:disabled{cursor:not-allowed}.clear-button{margin:0 .125rem;padding:.5rem;border:1px solid var(--border);background-color:var(--button-bg);cursor:pointer;border-radius:.375rem;color:var(--text);transition:background .2s}textarea{resize:none;overflow-y:auto;max-height:240px}.input-container textarea:focus{outline:none;border-color:var(--primary-color)}.clear-button:hover:not(:disabled){background:var(--background-hover)}.clear-button:disabled{opacity:.5;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-response{display:flex;align-items:center;gap:.5rem;color:var(--secondary);font-style:italic;padding:1rem}.error-response{color:#dc3545;font-style:italic;padding:1rem}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.chat-area{width:75%;border:1px solid var(--border);display:flex;flex-direction:column;align-items:flex-end;border-radius:.375rem;max-height:calc(100vh - 95px);overflow-y:auto;padding-bottom:120px;position:relative;background-color:var(--card-bg);box-shadow:var(--shadow)}@media (max-width: 600px){.chat-area{width:100%;margin-right:0}}.chat-message-container{width:99%;margin:.5rem;display:flex;flex-direction:column;gap:.5rem}.answer-area{display:flex;flex-direction:column;width:100%;position:relative;border-radius:.375rem;padding:.25rem}.request-area{display:flex;flex-direction:column;width:93%;margin-left:auto;position:relative}.answer-content{background-color:var(--chat-assistant-bg);border-radius:.375rem;padding:.5rem;margin:.5rem;flex:1}.request-content{background-color:var(--chat-user-bg);border-radius:.375rem;margin:.5rem;padding:.5rem;flex:1}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.75rem;color:var(--secondary);border-bottom:1px solid var(--border);padding-bottom:.25rem}.message-role{font-weight:600;color:var(--text)}.message-time{font-style:italic}.message-model{background-color:var(--primary);color:#fff;padding:.125rem .375rem;border-radius:.25rem;font-size:.625rem}.message-usage{background-color:var(--secondary);color:#fff;padding:.125rem .375rem;border-radius:.25rem;font-size:.625rem}.loading-response{display:flex;align-items:center;gap:.5rem;color:var(--secondary);font-style:italic}.error-response{color:#dc3545;font-style:italic}.copy-button{align-self:flex-end;background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;margin-top:.25rem}.copy-button:hover{background-color:var(--button-hover-bg);border-radius:.25rem}.copy-toolbar{display:flex;justify-content:flex-end;gap:.25rem}.main-flex{flex:1;border-radius:.375rem;display:flex;overflow:hidden}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:var(--secondary)}.auth-form{display:flex;flex-direction:column;gap:15px;width:300px}.auth-form input{padding:10px;border:1px solid var(--border-color);border-radius:5px}.auth-form button{padding:10px;background-color:var(--button-bg);color:#fff;border:none;border-radius:5px;cursor:pointer}.auth-form button:hover{background-color:var(--button-hover-bg)}.error{color:red;margin-bottom:10px}.switch-link{color:var(--primary-color);cursor:pointer;text-decoration:underline}.switch-link:hover{color:var(--primary-hover)}