:root{--bg-color: #0d0d0e;--text-color: #ececec;--input-bg: rgba(255, 255, 255, .05);--accent-color: #10a37f;--border-color: rgba(255, 255, 255, .1);--sidebar-bg: #000000}body[data-theme=light]{--bg-color: #ffffff;--text-color: #212121;--input-bg: rgba(0, 0, 0, .05);--accent-color: #0078ff;--border-color: rgba(0, 0, 0, .1);--sidebar-bg: #f5f5f5}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,system-ui,sans-serif;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--input-bg);border-radius:10px}body,html{margin:0;padding:0;background-color:#212121;height:100%}*{color:#ececec}body{margin:0;padding:0}.app{background-color:#212121;display:flex}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden}:root{--bg-color: #212121;--sidebar-bg: #171717;--text-color: #ececec;--input-bg: #2f2f2f;--border-color: rgba(255, 255, 255, .1);--accent-color: #10a37f}[data-theme=light]{--bg-color: #ffffff;--sidebar-bg: #f9f9f9;--text-color: #212121;--input-bg: #f0f0f0;--border-color: rgba(0, 0, 0, .1)}.sidebar{background-color:#171717;color:#b4b4b4;height:100vh;width:320px;display:flex;flex-direction:column;justify-content:space-between}.logo{height:25px;width:25px;background-color:#fff;border-radius:50%;object-fit:cover}button span{font-size:20px}button{display:flex;justify-content:space-between;align-items:center;margin:10px;padding:10px;border-radius:10px;background-color:transparent;border:solid rgb(255,255,255,.5);cursor:pointer}.history{margin:10px;padding:10px;height:100%}.history li{list-style-type:none;cursor:pointer;padding:2px 5px;margin-bottom:.3rem;font-size:14px;border:solid 10px transparent;position:relative}button:hover{background-color:#b4b4b480}.history li:hover{background-color:#b4b4b40d;border-radius:10px}.sign{padding:10px;margin:10px;font-size:14px;text-align:center;border-top:solid .25px rgb(255,255,255,.5)}.fa-trash{opacity:0;position:absolute;right:0}.history li:hover .fa-trash{opacity:1;color:#fff}.fa-trash:hover{color:#f87171!important}.highlighted{background-color:#b4b4b40d;border-radius:10px}.sidebar.light{background-color:#f5f5f5;color:#0e0d0d}.sidebar.light button{border:solid 1px rgba(0,0,0,.2);color:#000}.sidebar.light button:hover{background-color:#0000000d}.sidebar.light .history li{background-color:#1614140d;color:#000}.sidebar.light .history li:hover{background-color:#0000000d}.sidebar.light .fa-trash:hover{color:#f87171!important}.sidebar.light .highlighted{background-color:#0000000d}.sidebar.light .fa-trash,.sidebar.light button span i{color:#000!important}.sidebar{height:100vh;width:260px;background-color:#171717;display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.sidebar{display:flex;flex-direction:column;height:100vh;overflow:hidden}.history{list-style:none;padding:0;margin:0}.sign{border-top:none!important;margin-top:auto;padding:20px 0;text-align:center}.sign p{margin:0;font-size:.75rem;opacity:.4;letter-spacing:.5px;color:var(--text-color);font-weight:300}.sidebar{display:flex;flex-direction:column;height:100vh;width:260px;background-color:#171717;color:#b4b4b4;overflow:hidden;flex-shrink:0;transition:background-color .3s ease}.sidebar.light{background-color:#fff!important;color:#212121!important;border-right:1px solid #e5e5e5}.sidebar.light .history li,.sidebar.light .thread-title,.sidebar.light button,.sidebar.light .fa-trash,.sidebar.light .fa-pen-to-square{color:#212121!important}.sidebar.light .history li:hover{background-color:#f0f0f0!important}.sidebar.light .highlighted{background-color:#e8e8e8!important;color:#000!important}.sign{margin-top:auto;padding:20px 0;text-align:center}.sign p{margin:0;font-size:.75rem;opacity:.4;font-weight:300}.sidebar.light .sign p{color:#000!important}.history-wrapper{flex:1;overflow-y:auto}.history{list-style:none;padding:10px;margin:0}.sidebar{width:260px;height:100vh;display:flex;flex-direction:column;transition:transform .3s ease,width .3s ease;z-index:1000}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:2000;width:280px;transform:translate(-100%);transition:transform .3s ease-in-out;box-shadow:10px 0 30px #00000080}.sidebar.active{transform:translate(0)}.history-wrapper{max-height:calc(100vh - 150px);overflow-y:auto}}@media(max-width:768px){.sidebar{position:fixed!important;left:0;top:0;bottom:0;width:280px!important;z-index:5000!important;transform:translate(-100%);transition:transform .3s ease-in-out!important;box-shadow:10px 0 30px #00000080;display:flex!important}.sidebar.active{transform:translate(0)!important}}:root{--bg-color: #212121;--text-color: #ffffff;--input-bg: rgba(255, 255, 255, .05);--accent-color: #339cff}body[data-theme=light]{--bg-color: #f4f4f4;--text-color: #121212;--input-bg: rgba(0, 0, 0, .05);--accent-color: #0078ff}.heading{font-size:23px;padding:15px;display:flex}.chat-window{background-color:#212121;height:100vh;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center}.navbar{width:100%;display:flex;justify-content:space-between;align-items:center}.navbar span,.userIconDiv{margin:1rem 2rem}.userIcon{background-color:#339cff;height:25px;width:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.chatInput{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.inputbox{position:relative;width:100%;max-width:700px;display:flex;align-items:center}input{width:100%;border:none;background-color:#ffffff0d;padding:20px 50px 20px 20px;font-size:.8rem;border-radius:14px;box-shadow:#0000000d 0 54px 55px,#0000000d 0 -12px 30px,#0000000d 0 4px 6px,#0000000d 0 12px 3px,#0000000d 0 -3px 5px}input:focus{outline:none}#submit{position:absolute;right:15px;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;height:100%;color:#339cff}#submit i:hover{color:#5f9ea0}.info{font-size:.8rem;padding:.5rem;color:#b4b4b4}.dropDown{position:absolute;top:4rem;right:4rem;width:150px;background-color:#323232;padding:.3rem .5rem;border-radius:6px;text-align:left;z-index:1000;box-shadow:0 2px 8px #0000001a}.dropDownItem{font-size:.9rem;margin:.3rem 0rem;padding:.5rem .2rem;cursor:pointer}.dropDownItem:hover{background-color:#b4b4b41a;border-radius:6px}.chat-window{background-color:var(--bg-color);color:var(--text-color)}.userIcon{background-color:var(--accent-color)}input{background-color:var(--input-bg);color:var(--text-color)}#submit{color:var(--accent-color)}.dropDown{background-color:var(--bg-color);color:var(--text-color)}.dropDownItem:hover{background-color:#b4b4b41a}[data-theme=light] .dropDown{background-color:#f4f4f4;color:#121212}[data-theme=light] .dropDownItem,[data-theme=light] .dropDownItem i,[data-theme=light] .heading,[data-theme=light] .heading i{color:#121212}[data-theme=dark] .dropDown{background-color:#323232;color:#fff}[data-theme=dark] .dropDownItem i{color:#fff}[data-theme=dark] HashLoader{color:#000}.chat-window{background-color:var(--bg-color);color:var(--text-color);height:100vh;width:100%;display:flex;flex-direction:column;transition:background .3s ease}.navbar{padding:10px 20px;border-bottom:1px solid var(--border-color)}.inputbox{background-color:var(--card-bg, rgba(255,255,255,.02));border:1px solid var(--border-color);border-radius:14px;transition:all .3s ease}.inputbox:focus-within{border-color:var(--accent-color);box-shadow:0 0 15px #10a37f1a}#submit{color:var(--accent-color);transition:transform .2s}#submit:hover{transform:scale(1.15)}.info{font-size:12px;color:var(--text-sub, #888);margin-top:10px}.navbar{display:flex;align-items:center;padding:10px 20px;justify-content:space-between}.nav-left{display:flex;align-items:center;gap:15px}.menu-toggle-icon{font-size:1.4rem;cursor:pointer;color:var(--text-color);display:none}@media(max-width:768px){.menu-toggle-icon{display:block}.heading{font-size:1.1rem}}.nav-left{display:flex;align-items:center;gap:10px}.menu-toggle-icon{display:none;font-size:1.5rem;cursor:pointer;color:var(--text-color)}@media(max-width:768px){.menu-toggle-icon{display:block!important}.navbar span{margin:0!important}}.user-info-display{padding:10px;text-align:left}.user-display-name{font-weight:700;font-size:14px;margin:0;color:var(--text-color)}.user-display-email{font-size:12px;color:gray;margin:2px 0 8px}.dropDown hr{border:0;border-top:1px solid #444;margin-bottom:10px}.dropDownItem.logout{color:#ff4d4d;margin-top:5px}.user-display-email{font-size:.85rem;color:#888;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.user-display-name{font-weight:700;margin-bottom:2px;text-transform:capitalize}.user-info-display{padding:10px;width:200px}.email-wrapper{position:relative;display:block;cursor:pointer;width:fit-content}.user-display-email{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.tooltip-text{visibility:hidden;position:absolute;top:110%;left:0;background-color:#1a1a1a;color:#fff;padding:6px 10px;border-radius:4px;font-size:.7rem;white-space:nowrap;z-index:9999;opacity:0;transition:opacity .2s ease-in-out;border:1px solid #444;box-shadow:0 4px 15px #00000080;pointer-events:none}.email-wrapper:hover .tooltip-text{visibility:visible;opacity:1}.chats{max-width:700px;padding:8rem}.userDiv{display:flex;justify-content:flex-end;font-size:.9rem;transition:background-color .3s ease,color .3s ease}.gptDiv{text-align:left;font-size:.9rem;transition:background-color .3s ease,color .3s ease}.userMessage{background-color:#323232;padding:10px 20px;border-radius:14px;margin-left:15rem;max-width:500px;width:fit-content;color:#fff;transition:background-color .3s ease,color .3s ease}.container{display:flex;flex-direction:row;overflow-y:scroll;direction:ltr}.hljs{border-radius:14px}[data-theme=light] .userMessage{background-color:#d0e6ff;color:#000}[data-theme=light] .gptDiv{background-color:#e0e0e0;color:#000}[data-theme=light] .gptDiv,[data-theme=light] .gptDiv *{color:#000!important}startNewChat{transition:color .3s ease}[data-theme=light] .startNewChat{color:#000}[data-theme=dark] .startNewChat{color:#fff}.container{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.userDiv,.gptDiv{width:100%;max-width:750px;margin:1rem 0;animation:fadeIn .4s ease forwards}.userDiv{display:flex;justify-content:flex-end}.gptDiv{line-height:1.7;color:var(--text-color)}.code-container{position:relative;margin:1.5rem 0}.copy-button{position:absolute;top:10px;right:10px;background-color:#ffffff0d;border:1px solid var(--border-color);color:var(--text-color);padding:6px 12px;border-radius:8px;font-size:12px;cursor:pointer;z-index:10;transition:all .2s ease;display:flex;align-items:center;gap:6px}.copy-button:hover{background-color:var(--accent-color);color:#fff;border-color:transparent}.hljs{padding:40px 20px 20px!important;border-radius:12px;font-family:Fira Code,monospace}.userMessageContainer{position:relative;display:inline-block;max-width:80%}.copyUserBtn{position:absolute;right:-30px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-color);opacity:0;cursor:pointer;transition:opacity .2s ease;font-size:.9rem}.userDiv:hover .copyUserBtn{opacity:.6}.copyUserBtn:hover{opacity:1!important;color:var(--accent-color)}.userDiv{padding-right:40px}.userDiv{display:flex;justify-content:flex-end;margin-bottom:20px;padding-right:10px}.userMessageContainer{position:relative;display:flex;align-items:center;max-width:80%}.copyUserMsgBtn{background:transparent;border:none;color:var(--text-color);margin-left:10px;cursor:pointer;opacity:0;transition:opacity .2s ease,color .2s ease;font-size:.85rem}.userMessageContainer:hover .copyUserMsgBtn{opacity:.5}.copyUserMsgBtn:hover{opacity:1!important;color:var(--accent-color)}.userMessage{background-color:var(--input-bg);padding:12px 16px;border-radius:18px;color:var(--text-color);word-wrap:break-word;text-align:left}.gptMessageContainer{position:relative;width:100%}.copyMsgBtn{background:transparent;border:none;color:var(--text-color);cursor:pointer;opacity:0;transition:opacity .2s ease;padding:5px}.gptMessageContainer:hover .copyMsgBtn,.userMessageContainer:hover .copyMsgBtn{opacity:.6}.copyMsgBtn:hover{opacity:1!important;color:var(--accent-color)}.gptCopy{position:absolute;bottom:-20px;right:0;font-size:.8rem}.gptDiv{margin-bottom:30px}.gptMessageContainer{position:relative;padding-bottom:10px}.copyMsgBtn{position:absolute;bottom:-15px;right:0;opacity:0;transition:opacity .2s ease;cursor:pointer;background:transparent;border:none;color:var(--text-color)}.gptMessageContainer:hover .copyMsgBtn,.userMessageContainer:hover .copyMsgBtn{opacity:.7}.container{flex-grow:1;height:100vh;background-color:#212121;display:flex;flex-direction:column;position:relative;overflow:hidden}.chats{flex-grow:1;overflow-y:auto;padding:20px;width:100%}.gptDiv{line-height:1.7;color:var(--text-color);width:100%;max-width:750px;margin:1rem 0}.userMessage{background-color:var(--input-bg);border:1px solid var(--border-color);padding:12px 20px;border-radius:18px 18px 2px;max-width:80%;color:var(--text-color)}.gptDiv *,.userDiv *{color:var(--text-color)!important}.startNewChat{margin-top:20vh;font-size:2rem;font-weight:600;color:var(--text-color);opacity:.8}[data-theme=dark] .hljs{background:#1e1e1e!important;color:#abb2bf!important}.code-container{background-color:transparent;border-radius:12px;margin:1.5rem 0;position:relative}[data-theme=light] .gptDiv .hljs{background-color:#f0f0f0!important;color:#000!important}.container{flex:1;height:100vh;background-color:var(--bg-color);display:flex;flex-direction:column;align-items:center;overflow:hidden}.chats{width:100%;max-width:800px;padding:5vh 5%;flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.userDiv{display:flex;justify-content:flex-end;width:100%;margin-bottom:20px;padding-right:10px}.userMessageContainer{position:relative;display:flex;align-items:center;justify-content:flex-end;width:100%}.userMessage{background-color:var(--input-bg);padding:12px 20px;border-radius:18px 18px 2px;color:var(--text-color);border:1px solid var(--border-color);word-wrap:break-word;max-width:75%;min-width:50px;transition:all .3s ease}.gptDiv{width:100%;max-width:90%;text-align:left;font-size:.9rem;line-height:1.7}@media(max-width:600px){.chats{padding:1rem}.userMessage{max-width:90%}.startNewChat{font-size:1.5rem;margin-top:15vh}}.chats{width:100%;max-width:800px;margin:0 auto;padding:20px;flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.userDiv{display:flex;justify-content:flex-end;width:100%;margin-bottom:10px}.userMessageContainer{display:flex;align-items:flex-start;justify-content:flex-end;max-width:100%}.userMessage{background-color:var(--input-bg);padding:12px 18px;border-radius:18px 18px 2px;color:var(--text-color);border:1px solid var(--border-color);max-width:80%;width:fit-content;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;line-height:1.5}@media(max-width:600px){.chats{padding:10px}.userMessage{max-width:90%;font-size:.95rem;padding:10px 14px}.startNewChat{font-size:1.5rem;margin-top:15vh;text-align:center}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.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}*{box-sizing:border-box}.signup-container{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease,color .3s ease}.signup-container.dark{background-color:#171717;color:#f1f1f1}.signup-container.light{background-color:#f9f9f9;color:#000}.signup-box{background-color:inherit;border:1px solid rgba(180,180,180,.3);border-radius:12px;padding:40px 50px;width:350px;text-align:center;box-shadow:0 0 15px #0000001a}.signup-box h2{margin-bottom:10px}.signup-box p{font-size:14px;margin-bottom:25px;color:inherit}.signup-box input{width:100%;padding:10px;margin-bottom:15px;border-radius:6px;border:1px solid rgba(150,150,150,.4);outline:none;font-size:14px;background-color:transparent;color:inherit}.signup-box button{width:100%;padding:10px;background-color:#10a37f;border:none;color:#fff;font-weight:700;border-radius:6px;cursor:pointer;transition:.2s}.signup-box button:hover{background-color:#0d8a6d}.login-note{margin-top:15px;font-size:13px}.link{color:#10a37f;cursor:pointer}.sidebar{width:260px;height:100vh;background-color:#171717;display:flex;flex-direction:column;position:sticky;top:0;left:0;overflow:hidden;flex-shrink:0}.chat-history-list{flex-grow:1;overflow-y:auto;padding:10px}.chat-history-list::-webkit-scrollbar{width:5px}.chat-history-list::-webkit-scrollbar-thumb{background:#444;border-radius:10px}.sidebar-footer{padding:15px;border-top:1px solid rgba(255,255,255,.1);background-color:#171717;text-align:center}.auth-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:1000}.signup-container{display:flex;justify-content:center;align-items:center;width:100%}.signup-box{background:#171717;padding:40px;border-radius:16px;width:100%;max-width:400px;box-shadow:0 10px 30px #00000080;border:1px solid #333;text-align:center;color:#fff}.signup-box h2{margin-bottom:10px;font-size:24px;font-weight:600;color:#fff}.signup-box p{color:#9b9b9b;margin-bottom:25px;font-size:14px}.signup-box input{width:100%;padding:14px;margin-bottom:15px;background:#212121;border:1px solid #444;border-radius:8px;color:#fff!important;font-size:16px;outline:none;transition:border-color .3s ease;box-sizing:border-box}.signup-box input::placeholder{color:#666}.signup-box input:focus{border-color:#10a37f;background:#2a2a2a}.signup-box button{width:100%;padding:14px;background-color:#10a37f;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease;margin:10px 0 0;display:flex;justify-content:center;align-items:center;align-self:center}.signup-box button:hover{background-color:#0d8a6a}.login-note{margin-top:20px;font-size:13px;color:#9b9b9b!important}.link{color:#10a37f;cursor:pointer;font-weight:500;text-decoration:underline}.signup-box{background:#171717;padding:40px;border-radius:16px;width:100%;max-width:400px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.signup-form{width:100%;display:flex;flex-direction:column}.signup-box button{width:100%!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;align-self:flex-start;display:flex;justify-content:center;align-items:center;padding:14px;background-color:#10a37f;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;margin-top:10px;transition:all .2s ease}.signup-box form{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:0;margin:0}.auth-status-banner{width:100%;padding:12px;margin-bottom:20px;border-radius:8px;font-size:14px;font-weight:500;text-align:center;box-sizing:border-box;animation:fadeInDown .3s ease}.auth-status-banner.success{background-color:#10a37f1a;color:#10a37f;border:1px solid rgba(16,163,127,.3)}.auth-status-banner.error{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}