:root{--primary-color: #1890ff;--bg-color: #f3f4f6;--bg-color2: #666;--card-bg: #ffffff;--code-bg: #f8f8f8}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,system-ui,sans-serif}body{background:var(--bg-color);min-height:100vh;display:flex;flex-direction:column}.container{max-width:100%;width:100%;margin:0 auto;padding:1rem;flex-grow:1}.chat-container{background:var(--card-bg);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;height:90vh;display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex-grow:1;padding:1rem;overflow-y:auto;scroll-behavior:smooth}.message{margin-bottom:1rem;display:flex;gap:.5rem}.user-message{flex-direction:row-reverse}.message-content{max-width:90%;padding:.5rem 1.3rem;border-radius:8px;line-height:1.5;overflow-x:auto}.user-message .message-content{background:var(--bg-color2);color:#fff;white-space:pre-wrap}.assistant-message .message-content{background:#f1f5f9;color:#1e293b;padding:.5rem 1.3rem}.assistant-message .message-content h1,.assistant-message .message-content h2,.assistant-message .message-content h3{margin:.5em}.assistant-message .message-content code{background:var(--code-bg);padding:.2em .4em;border-radius:4px;font-family:Monaco,Consolas,monospace}.assistant-message .message-content pre{background:var(--code-bg);padding:1em;border-radius:8px;overflow-x:auto;margin:1em 0}.assistant-message .message-content pre code{background:none;padding:0}.assistant-message .user-op{display:flex;flex-direction:column;align-items:center;justify-content:center}.input-container{border-top:1px solid #e5e7eb;padding:1.5rem;position:relative}.input-wrapper{display:flex;gap:.5rem;padding:.1rem;justify-content:center}#userInput{flex-grow:1;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;outline:none;font-size:1rem;transition:border-color .2s;resize:vertical;min-height:30px;line-height:1.5}#userInput:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #2563eb1a}#sendButton,button,select{padding:.75rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:opacity .2s}button:hover{opacity:.9}button:disabled{opacity:.7;cursor:not-allowed}.loading-indicator{display:none;position:absolute;top:-2rem;left:50%;transform:translate(-50%);background:var(--card-bg);padding:.5rem 1rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;font-size:.875rem;color:#64748b}.loading-dots{display:inline-block}.loading-dots:after{content:".";animation:dots 1.5s infinite step-end}@keyframes dots{0%,20%{content:"●"}40%{content:"●●"}60%{content:"●●●"}80%,to{content:""}}.bottom_1{display:flex;flex-direction:column;align-items:center;justify-content:center}.bottom_1 a,.bottom_1 a:visited{color:inherit;text-decoration:none}.message-header{display:flex;align-items:center;margin-bottom:0rem;gap:.5rem}.avatar{min-width:2.5rem;min-height:2.5rem;width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover}.username{font-weight:700;font-size:14px}.copy-btn{cursor:pointer;opacity:0;transition:opacity .2s;color:#666;font-size:12px;background:none;border:none;padding:2px 0;border-radius:4px}.copy-btn:hover{background-color:#f0f0f0}.message:hover .copy-btn{opacity:1}.user-message .avatar{background-color:#1890ff;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.assistant-message .avatar{background-color:#7c4dff;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.timestamp{display:flex;align-items:center;justify-content:center;max-width:7em;font-size:12px;color:#666}#voiceBtn,#uploadBtn{padding:.75rem 1rem;color:var(--primary-color);border:none;cursor:pointer}.upload-icon{position:absolute;right:7rem;top:68%;transform:translateY(-50%);font-size:18px;color:#666;cursor:pointer;z-index:10}.hidden-file-input{display:none}.file-upload-info{display:flex;align-items:center;justify-content:space-between;margin-top:5px;font-size:14px;color:#333}.progress-bar{flex:1;height:100%;background-color:#666;border-radius:4px;transform:translateY(-50%);overflow:hidden}.progress-fill{height:100%;background-color:#4caf50;width:0%;transition:width .3s ease}.voice-icon{position:absolute;right:5rem;top:68%;transform:translateY(-50%);font-size:18px;color:#666;cursor:pointer;z-index:10}footer{text-align:center}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-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{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}