*{color:#ececec;font-family:Roboto,Open Sans,Helvetica Neue,sans-serif}body{margin:0;padding:0}.app{background-color:#212121;display:flex}.sidebar{width:260px;height:100vh;background:#202123;color:#fff;display:flex;flex-direction:column;border-right:1px solid #444654}.topSection{padding:15px}.newChatBtn{width:100%;background:#343541;border:1px solid #565869;color:#fff;padding:14px 16px;border-radius:14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.logoSection{display:flex;align-items:center;gap:12px}.logoImage{width:42px;height:42px;object-fit:contain;background:#fff;padding:4px;border-radius:10px}.brandName{font-size:17px;font-weight:600}.historyContainer{flex:1;overflow-y:auto;padding:10px}.history{list-style:none;display:flex;flex-direction:column;gap:8px}.history li{padding:12px;border-radius:10px;display:flex;justify-content:space-between;cursor:pointer}.history li:hover{background:#343541}.highlighted{background:#40414f!important}.threadText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deleteBtn{opacity:0;transition:.2s}.history li:hover .deleteBtn{opacity:1}.sign{padding:16px;border-top:1px solid #444654;text-align:center;color:#888}.menuBtn{display:none}.overlay{position:fixed;inset:0;background:#0009;z-index:999}@media (max-width: 768px){.menuBtn{display:block;position:fixed;top:15px;left:15px;z-index:1101;background:#202123;color:#fff;border:none;padding:10px 12px;border-radius:8px;font-size:18px}.sidebar{position:fixed;top:0;left:0;width:280px;height:100dvh;background:#202123;z-index:1000;transform:translate(-100%);transition:transform .3s ease}.sidebar.active{transform:translate(0)}}.chatWindow{flex:1;height:100vh;background:#343541;color:#fff;display:flex;flex-direction:column;position:relative}.navbar{height:60px;background:#202123;border-bottom:1px solid #444654;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.logo{font-size:18px;font-weight:600;cursor:pointer}.logo i{margin-left:8px}.userIconDiv{cursor:pointer}.userIcon{width:40px;height:40px;border-radius:50%;background:#10a37f;display:flex;justify-content:center;align-items:center}.dropDown{position:absolute;top:65px;right:20px;background:#202123;border:1px solid #444654;border-radius:10px;overflow:hidden;width:220px;z-index:100}.dropDownItem{padding:14px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:.2s}.dropDownItem:hover{background:#343541}.logout{color:#ff6b6b}.chatBody{flex:1;overflow-y:auto}.chatInput{padding:20px;border-top:1px solid #444654}.inputBox{background:#40414f;display:flex;align-items:center;padding:10px 15px;border-radius:12px}.inputBox input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:16px}.inputBox input::placeholder{color:#aaa}#submit{width:42px;height:42px;border-radius:10px;border:none;background:#10a37f;color:#fff;cursor:pointer;transition:.2s}#submit:hover{background:#0e8f6f}#submit:disabled{opacity:.5;cursor:not-allowed}.info{text-align:center;margin-top:10px;font-size:12px;color:#9ca3af}.loader{position:absolute;bottom:110px;left:50%;transform:translate(-50%)}@media (max-width: 992px){.navbar{padding:0 15px}.logo{font-size:16px}.chatInput{padding:15px}}@media (max-width: 768px){.chatWindow{width:100%;height:100dvh}.navbar{height:55px;padding:0 12px}.logo{font-size:15px}.userIcon{width:35px;height:35px}.dropDown{width:180px;right:10px;top:60px}.dropDownItem{padding:12px;font-size:14px}.chatInput{padding:10px}.inputBox{padding:8px 12px;border-radius:10px}.inputBox input{font-size:14px}#submit{width:38px;height:38px}.info{font-size:11px;margin-top:8px}.loader{bottom:90px}}@media (max-width: 480px){.navbar{padding:0 10px}.logo{font-size:14px}.userIcon{width:32px;height:32px}.chatInput{padding:8px}.inputBox{padding:6px 10px}.inputBox input{font-size:13px}#submit{width:35px;height:35px;font-size:12px}.dropDown{width:160px}.dropDownItem{font-size:13px;padding:10px}.info{font-size:10px}}.chats{display:flex;flex-direction:column;gap:20px;padding:20px}.emptyChat{height:70vh;display:flex;justify-content:center;align-items:center;color:#444654}.userDiv{display:flex;justify-content:flex-end}.userMessage{background:#10a37f;color:#fff;padding:12px 18px;border-radius:18px;max-width:70%;line-height:1.6}.gptDiv{background:#444654;padding:15px;border-radius:12px;line-height:1.8;overflow-x:auto}pre{background:#1e1e1e!important;padding:15px;border-radius:10px;overflow-x:auto}code{font-family:monospace}@media (max-width: 768px){.chats{padding:15px;gap:15px}.userDiv{justify-content:flex-end}.userMessage{max-width:85%;font-size:15px;padding:10px 14px;word-wrap:break-word;overflow-wrap:break-word}.gptDiv{width:100%;padding:12px;font-size:15px;overflow-x:auto}pre{max-width:100%;overflow-x:auto;font-size:14px;padding:12px;white-space:pre-wrap;word-break:break-word}code{font-size:13px}.emptyChat{height:60vh;font-size:16px;text-align:center;padding:0 10px}}@media (max-width: 480px){.chats{padding:10px;gap:12px}.userMessage{max-width:95%;font-size:14px;padding:10px 12px;border-radius:14px}.gptDiv{padding:10px;font-size:14px}pre{font-size:13px;padding:10px}code{font-size:12px}.emptyChat h1{font-size:18px}}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}