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}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#e3dcdc}.App{display:flex;justify-content:center;align-items:center;height:100vh}.chat-container{width:800px;max-width:800px;margin:0 auto 70px;display:flex;flex-direction:column;height:80vh}.chat-history{flex:1;overflow-y:auto;padding:20px;background-color:#f7f7f7;border-radius:8px;margin-bottom:20px}.chat-input{display:flex;align-items:flex-end;background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:8px}.chat-textarea{flex:1;min-height:40px;max-height:120px;padding:8px;border:none;border-radius:4px;font-size:18px;resize:none;overflow-y:auto;outline:none}.chat-input button{padding:8px 16px;background-color:#4a5af8;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;margin-left:8px}.chat-input button:hover{background-color:#3949ab}.chat-input button:disabled{background-color:#bdbdbd;cursor:not-allowed}.message-group{margin-bottom:24px}.user-message,.bot-message{display:flex;margin-bottom:12px}.avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:12px;flex-shrink:0}.user-avatar{background-color:#e1f5fe;color:#0277bd}.bot-avatar{background-color:#e8f5e9;color:#2e7d32}.message-content{background-color:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 1px 2px #0000001a;max-width:calc(100% - 60px)}.code-block{margin:12px 0;border-radius:6px;overflow:hidden;background-color:#f6f8fa;border:1px solid #ddd}.code-header{display:flex;justify-content:space-between;align-items:center;background-color:#f1f1f1;padding:6px 12px;border-bottom:1px solid #ddd}.code-language{font-size:12px;color:#666;font-weight:500}.copy-button{background-color:#007bff;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.copy-button:hover{background-color:#0056b3}.copy-button:active{background-color:#004080}pre.hljs{margin:0;padding:16px;overflow-x:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;line-height:1.5}.loading-indicator{color:#757575;font-style:italic}.footer{background-color:#333;color:#fff;text-align:center;padding:15px 0;position:fixed;left:0;bottom:0;width:100%;font-size:14px}.footer p{margin:0}@media (min-width: 768px) and (max-width: 1023px){.chat-container{width:90%;height:70vh;margin:45px}.chat-history{padding:15px}.chat-input{padding:8px}.chat-textarea{font-size:15px;min-height:38px}.chat-input button{padding:8px 14px;font-size:15px}.avatar{width:34px;height:34px;font-size:14px}.message-content{padding:10px 14px;max-width:calc(100% - 55px)}.code-block{margin:10px 0}.code-header{padding:6px 10px}.copy-button{padding:5px 10px;font-size:14px}pre.hljs{padding:14px;font-size:13px}.footer{font-size:13px}}@media (max-width: 768px){.chat-container{width:330px;height:65vh;padding-bottom:75px}.chat-history{height:calc(100% - 100px);overflow-y:auto;margin-bottom:10px}.chat-input{position:fixed;bottom:82px;left:50%;transform:translate(-50%);width:80%;max-width:312px;padding:10px;background:#fff}.chat-textarea{font-size:15px;min-height:38px}.footer{position:fixed;bottom:0;width:100%;text-align:center;padding:10px 0;background-color:#333;color:#fff}}@media (max-width: 400px){.chat-container{width:300px;height:65vh;padding-bottom:75px;overflow:hidden}.chat-history{height:calc(100% - 100px);overflow-y:auto;margin-bottom:10px}.chat-input{position:fixed;bottom:75px;left:50%;transform:translate(-50%);width:90%;max-width:280px;background:#fff}.chat-textarea{font-size:15px;min-height:35px}.footer{position:fixed;bottom:0;width:100%;text-align:center;padding:8px 0;font-size:12px;background-color:#333;color:#fff}}