:root{--header-height: 0px;--input-height: 0px;--send-button-width: 36px;--left-side-width: 275px;--right-side-width: 0px;--right-side-max-width: 768px;--max-textarea-height: 200px;--logo-size: .75in;--logo-icon-size: 1.5em;--border-radius: 10px}body{background-color:#111;color:#f2f2f2;font-size:medium;font-family:system-ui;margin:0;display:flex;flex-direction:column;min-height:100vh}#header{color:#222}body.light-theme #header{color:#f2f2f2}#logo{display:block;margin-left:auto;margin-right:auto;margin-top:calc((100vh - var(--header-height) - var(--input-height) - 80px - var(--logo-size)) / 100 * 33);filter:grayscale(50%);width:var(--logo-size);height:var(--logo-size)}#logoIcon{margin-bottom:calc(var(--logo-icon-size) / 4);margin-right:calc(var(--logo-icon-size) / 4);filter:grayscale(50%);width:var(--logo-icon-size);height:var(--logo-icon-size)}#leftSide{background-color:#000;color:#f2f2f2;width:var(--left-side-width);max-width:var(--left-side-width);height:100vh;max-height:100vh;overflow-y:auto;transition:transform .3s ease}#newChatButton{border:none;cursor:pointer;width:calc(var(--left-side-width) - 16px);margin-top:16px;margin-left:auto;margin-right:auto}#rightSide{width:100%;margin:0 auto;max-width:var(--right-side-max-width);overflow:hidden;position:relative}#rightSideInside{margin-left:auto;margin-right:auto;max-width:var(--right-side-max-width);display:flex;flex-direction:column;flex:1}#toggleThemeButton{position:fixed;top:10px;right:10px;cursor:pointer;color:#fff;z-index:20;background:inherit}#chatPanel{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--input-height) + 2rem)}#sendButton{border:none;cursor:pointer;font-size:1em;border-radius:var(--border-radius);background-color:#557cb4;width:var(--send-button-width);padding:0}#userInputPanel{position:fixed;background-color:#111;padding:1rem 1rem 2rem!important;margin-bottom:0!important;width:100%;max-width:var(--right-side-max-width);z-index:10;display:flex}body.light-theme #userInputPanel{background-color:#fff;box-shadow:0 -20px 20px -10px #fff}#userInput{margin-right:15px;width:100%;max-height:var(--max-textarea-height);border-radius:var(--border-radius);border-width:2px}div.threadsOnDate{margin-top:8px;margin-bottom:8px}div.threadOnDate{margin:32px 16px 8px 24px;text-align:left;font-size:small;color:#9b9b9b}button.thread{width:100%}button.thread div{float:left!important}i.threadIcon{width:32px}textarea{resize:none;background-color:#111;color:#f2f2f2}body.light-theme textarea{background-color:#fff;color:#111}textarea.w3-border{border-color:#333!important}body.light-theme textarea.w3-border{border-color:#ddd!important}textarea.w3-border:focus-visible{border-color:#555!important;outline:none}body.light-theme textarea.w3-border:focus-visible{border-color:#bbb!important;outline:none}.user,.computer{color:#d8d8d8;background-color:#111;border-radius:var(--border-radius)}div.user,div.computer{margin-bottom:8px;margin-right:0;text-align:left}.message-author{font-weight:700;padding-top:calc(var(--border-radius) / 2);padding-left:var(--border-radius);padding-right:var(--border-radius)}p.message-author,p.message-author p{margin:0}.message-content{padding-left:var(--border-radius);padding-bottom:calc(var(--border-radius) / 2);padding-right:var(--border-radius)}p.message-content,p.message-content p{margin-top:0;margin-left:0;margin-right:0}.light-theme{background-color:#fff}body.light-theme #toggleThemeButton{color:#888}body.light-theme .user,body.light-theme .computer{background-color:#fdfdfd;color:#111}#userInput::-webkit-scrollbar{display:none}#userInput{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{height:1rem;width:.5rem;background-color:#111}body.light-theme ::-webkit-scrollbar{background-color:#fdfdfd}::-webkit-scrollbar:horizontal{height:.5rem;width:1rem}::-webkit-scrollbar:vertical{height:.5rem;width:1rem}::-webkit-scrollbar-track{background-color:transparent;border-radius:9999px}::-webkit-scrollbar-thumb{background-color:#0a0a0a;border-color:rgba(255,255,255,var(--tw-border-opacity));border-radius:9999px;border-width:1px}body.light-theme ::-webkit-scrollbar-thumb{background-color:#fafafa}::-webkit-scrollbar-thumb:hover{background-color:rgba(217,217,227,var(--tw-bg-opacity))}.ascii-art{display:block;max-width:100%}button.thread{width:100%;position:relative}button.thread .trash-icon{display:none;position:absolute;left:6px;top:12px}button.thread:hover .trash-icon{display:block}button.thread .thread-title{display:inline-block;max-width:calc(100% - 10px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}button.thread .thread-title:after{content:"";position:absolute;top:0;right:0;height:100%;width:10px}.hljs{margin:0;padding:16px 0 16px 16px;border-radius:var(--border-radius);overflow-x:auto;max-width:90vw}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}#hamburgerButton{display:none;cursor:pointer;font-size:24px;position:fixed;top:10px;left:10px;z-index:20}#leftSide{transition:transform .3s ease}#closeButton{display:none;cursor:pointer;font-size:24px;position:fixed;top:10px;left:10px;z-index:20}#leftSide.show #closeButton{display:block}@media (max-width: 1048px){#hamburgerButton{display:block}#leftSide{position:fixed;top:0;left:0;width:250px;height:100%;background-color:#111;transform:translate(-100%);z-index:1000;overflow-y:auto}#leftSide.show{transform:translate(0)}#leftSide.show #closeButton{display:block}#leftSide.show #hamburgerButton{display:none}}#leftSide::-webkit-scrollbar{height:1rem;width:.5rem}#leftSide::-webkit-scrollbar-track{background-color:transparent;border-radius:9999px}#leftSide::-webkit-scrollbar-thumb{background-color:#0a0a0a;border-radius:9999px}body.light-theme #leftSide::-webkit-scrollbar-thumb{background-color:#fafafa}