*{color:#ececec;font-family:Roboto,open Sans,"Sans-serif",Helvetica Neue}body{margin:0;padding:0}.app{background-color:#212121;display:flex}.chatWindow{text-align:center;background-color:#212121;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100vh;display:flex}body{overflow-x:hidden}.navbar{grid-template-columns:auto 1fr auto;justify-content:space-between;align-items:center;width:100%;padding:0 1rem;display:grid}.navbar span,.userIconDiv{margin:1rem 2rem}.userIcon{cursor:pointer;background-color:#339cff;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.chatInput{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.inputBox{justify-content:space-between;align-items:center;width:100%;max-width:700px;display:flex;position:relative}input{background-color:#ffffff0d;border:none;border-radius:14px;width:100%;padding:20px;font-size:.8rem;box-shadow:0 54px 55px #0000000d,0 -12px 30px #0000000d,0 4px 6px #0000000d,0 12px 3px #0000000d,0 -3px 5px #0000000d}input:focus{outline:none}#submit{cursor:pointer;justify-content:center;align-items:center;width:35px;height:35px;font-size:20px;display:flex;position:absolute;right:15px}#submit i:hover{color:#fff}.info{color:#b4b4b4;padding:.5rem;font-size:.8rem}.dropDown{text-align:left;z-index:1000;background-color:#323232;border-radius:6px;width:150px;padding:.3rem .5rem;position:absolute;top:4rem;right:4rem;box-shadow:0 2px 8px #0000001a}.dropDownItem{cursor:pointer;margin:.3rem 0;padding:.5rem .2rem;font-size:.9rem}.dropDownItem:hover{background-color:#b4b4b41a;border-radius:6px}.info .link{text-decoration:underline}#update{border-radius:10px;align-items:center;gap:6px;width:fit-content;padding:6px 10px;display:flex}#update:hover{background-color:#323232;border-radius:14px}.Auto{opacity:.6}.hoverEffect{text-align:left;z-index:1000;background-color:#323232;border-radius:6px;width:250px;padding:.3rem .5rem;position:absolute;top:4rem;left:18rem;box-shadow:0 2px 8px #0000001a}.flagship{cursor:pointer;margin:.3rem 0;padding:.5rem .2rem;font-size:.9rem}.flagship:hover{background-color:#b4b4b41a;border-radius:6px}.upgrade{text-align:center;border:solid;border-radius:18px;justify-content:center;width:4rem;height:20px;padding:4px 10px;font-size:.75rem;display:flex}.flagship{cursor:pointer;justify-content:space-between;align-items:center;margin:.3rem 0;padding:.5rem .2rem;font-size:.9rem;display:flex}.upgrade:hover{opacity:.2}.loginContainer{background:#202123;justify-content:center;align-items:center;height:100vh;display:flex}.loginCard{background:#2b2c2f;border-radius:10px;flex-direction:column;gap:1rem;width:300px;padding:2rem;display:flex;box-shadow:0 0 15px #0006}.loginCard h2{color:#fff;text-align:center}.loginInput{border:none;border-radius:6px;outline:none;padding:10px;font-size:14px}.loginBtn{color:#fff;cursor:pointer;background:#10a37f;border:none;border-radius:6px;justify-content:center;padding:10px;font-weight:700;display:flex}.loginBtn:hover{background:#0e8f6f}.authContainer{background:#202123;justify-content:center;align-items:center;height:100vh;display:flex}.authCard{background:#2b2c2f;border-radius:10px;flex-direction:column;gap:1rem;width:320px;padding:2rem;display:flex}.authCard h2{color:#fff;text-align:center}.authInput{border:none;border-radius:6px;outline:none;padding:10px}.authBtn{color:#fff;cursor:pointer;background:#10a37f;border:none;border-radius:6px;justify-content:center;padding:10px;font-weight:700;display:flex}.authBtn:hover{background:#0e8f6f}.switchAuth{color:#ccc;text-align:center;font-size:14px}.switchAuth span{color:#10a37f;cursor:pointer;font-weight:700}@media (width<=770px){.inputBox{border-radius:19px;width:80%}#update{font-size:.9rem}.navbar{padding:0 .5rem}.hoverEffect{display:none}}*{box-sizing:border-box}.chatWindow{overflow-x:hidden}#update:hover{background-color:#323232}.chats{scrollbar-width:none;width:100%;max-width:700px;margin:0 auto;overflow-y:auto}.gptDiv{justify-content:flex-start;display:flex}.gptMessage{background-color:#1f1f1f;border-radius:14px;max-width:80%;padding:12px 18px}.userDiv{justify-content:flex-end;display:flex}.userMessage{background-color:#323232;border-radius:14px;max-width:70%;padding:10px 20px}.hljs{border-radius:14px!important}pre{white-space:pre-wrap;overflow-x:auto}@media (width<=768px){.chats{padding:0 10px}.gptMessage{max-width:90%;font-size:.9rem}.userMessage{max-width:85%;font-size:.9rem}}.chats{scrollbar-width:none;max-width:700px;overflow-y:auto}.chats::-webkit-scrollbar{display:none}.userDiv{justify-content:flex-end;font-size:.9rem;display:flex}.gptDiv{text-align:left;font-size:.9rem}.userMessage{background-color:#323232;border-radius:14px;width:fit-content;max-width:500px;margin-left:15rem;padding:10px 20px}@media (width<=768px){.chats{max-width:100%;padding:0 10px}.userMessage{max-width:75%;margin-left:0}.gptMessage{max-width:90%}}.gptMessage,.userMessage{word-break:break-word}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.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}.sidebar{color:#b4b4b4;background-color:#171717;flex-direction:column;justify-content:space-between;width:320px;height:100vh;transition:transform .3s ease-in-out;display:flex}.sidebar.hidden{z-index:2000;position:absolute;transform:translate(-100%)}button{cursor:pointer;background-color:#0000;border:.5px solid #ffffff80;border-radius:5px;justify-content:space-between;align-items:center;width:calc(100% - 20px);margin:10px;padding:10px;display:flex}button span{font-size:20px}button:hover{background-color:#b4b4b40d}.logo{object-fit:cover;background-color:#fff;border-radius:50%;width:25px;height:25px}.history{height:100%;margin:10px;padding:10px;overflow-y:auto}.history li{cursor:pointer;border:10px solid #0000;border-radius:6px;margin-bottom:.3rem;padding:6px 8px;font-size:14px;list-style-type:none;position:relative}.history li:hover{background-color:#b4b4b40d}.sign{text-align:center;margin:10px;padding:10px;font-size:14px}.sign:hover{opacity:.5;opacity:.6;background-color:#ffffff14;border-radius:20px}.fa-trash{opacity:0;transition:opacity .2s;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.history li:hover .fa-trash{opacity:1;color:#fff}.fa-trash:hover{color:#f87171!important}.highlighted{background-color:#b4b4b40d;border-radius:10px}@media (width<=1024px){.sidebar{width:250px}}@media (width<=768px){.sidebar{z-index:2000;width:250px;height:100vh;position:absolute;top:0;left:0;transform:translate(0)}.sidebar.hidden{transform:translate(-100%)}}.Smile{border-radius:8px;width:50px;height:60px;padding:6px;transition:transform .2s,box-shadow .2s}.Smile:hover{cursor:pointer;transform:scale(1.1);box-shadow:0 4px 10px #00000026}.fa-openai{font-size:20px}.btn{border-radius:10px}.close-btn{cursor:pointer;color:#fff;background:0 0;border:none;font-size:22px}.sidebar{color:#b4b4b4;background-color:#171717;flex-direction:column;justify-content:space-between;width:320px;height:100vh;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 15px #00000080}.sidebar-header{justify-content:flex-start;padding:12px;display:flex}.close-btn{cursor:pointer;color:#fff;background:#ffffff14;border:none;border-radius:8px;padding:8px 12px;font-size:20px}.close-btn:hover{background:#ffffff26}@media (width<=768px){.sidebar{width:260px}}.close-sidebar{color:#fff;cursor:pointer;width:fit-content;padding:12px;font-size:22px}.close-sidebar:hover{opacity:.7}