:root{--primary-blue: #2D8CFF;--hover-blue: #2470CC;--light-bg: #F5F5F7;--light-layer: #FFFFFF;--light-soft: #EAF3FF;--light-border: #D5E8FF;--light-text: #00031F;--dark-bg: #212121;--dark-sidebar: #171717;--dark-layer: #323232;--dark-text: #ECECEC}*{font-family:Segoe UI,Roboto,system-ui;box-sizing:border-box}body{margin:0;padding:0}.app{display:flex}.app.dark{background-color:var(--dark-bg);color:var(--dark-text)}.app.light{background-color:var(--light-bg);color:var(--light-text)}@media(max-width:900px){.app{flex-direction:column}}.sidebar{color:#f5f5f5de;height:100vh;width:380px;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;font-weight:600}.app.dark .sidebar{background-color:var(--dark-sidebar);color:#ffffffd7}.app.dark .sidebar .newChat i{color:#fff;font-weight:700}.app.dark .sidebar .newChat span{display:flex;align-items:center;gap:10px;color:#ffffffd2;font-weight:600}.app.light .sidebar .newChat span{display:flex;align-items:center;gap:10px;color:#0b0101e9;font-weight:600}.sidebar::-webkit-scrollbar{width:12px}.sidebar::-webkit-scrollbar-track{background:transparent;margin-top:30vh;margin-bottom:30vh}.sidebar::-webkit-scrollbar-thumb{background-color:#3a3737;border-radius:10px}.sidebar{scrollbar-width:12px;scrollbar-color:#3a3737 transparent}.app.light .sidebar{scrollbar-width:12px;scrollbar-color:#f5efef transparent}.section-title{margin:15px 15px 5px;font-size:13px;font-weight:600;color:#8d8989;letter-spacing:.5px}button{display:flex;justify-content:space-between;align-items:center;margin:10px 17px 17px;padding:10px;border-radius:5px;background-color:transparent;border:solid .5px rgba(255,255,255,.5);cursor:pointer}button span{font-size:15px}button:active{transform:translateY(0);background:#ffffff2e}button:hover{background:#ffffff1f;transform:translateY(-1px)}.history{margin:6px;padding:10px;height:100%}.history li{list-style-type:none;cursor:pointer;padding:6px 40px 6px 10px;margin-bottom:.3rem;font-size:14px;border:solid 10px transparent;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history li:hover{background-color:#b4b4b40d;border-radius:10px}.sign{position:sticky;bottom:0;z-index:10;background-color:#171717;padding:12px;margin:0 10px;font-size:16px;text-align:center;border-top:solid .25px rgba(255,255,255,.299)}.fa-trash{opacity:0;position:absolute;right:10px}.history li:hover .fa-trash{opacity:1;color:#fff}.fa-trash:hover{color:#f87171!important}.highlighted{background-color:#b4b4b480;border-radius:10px}.app.light .sidebar{background-color:var(--light-layer);color:var(--light-text);border-right:1px solid var(--light-border)}.app.light button{border:1px solid var(--light-border);color:var(--light-text)}.app.light button:hover,.app.light .history li:hover{background-color:var(--light-soft)}.app.light .sign{background-color:var(--light-layer);border-top:1px solid var(--light-border)}.sidebar-logo{position:sticky;top:0;z-index:10;padding:18px 20px;display:flex;align-items:center}.brand{display:flex;align-items:center;gap:12px}.logo-icon{height:42px;width:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;background:linear-gradient(135deg,#2d8cff,#6c63ff);box-shadow:0 8px 20px #2d8cff59;transition:all .3s ease}.logo-icon:hover{transform:translateY(-2px) scale(1.05)}.logo-text{font-size:20px;font-weight:700;letter-spacing:.5px;margin:0;background:linear-gradient(135deg,#2d8cff,#6c63ff);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.app.dark .sidebar-logo{background-color:#171717}.app.light .sidebar-logo{background-color:var(--light-layer);border-bottom:1px solid var(--light-border)}.app.light .logo-icon{box-shadow:0 8px 20px #2d8cff33}.mobileMenuIcon{display:none;font-size:20px;cursor:pointer;color:#fff;transition:color .2s ease}.app.light .mobileMenuIcon{color:var(--primary-blue)}.sidebarOverlay{position:fixed;inset:0;background:#00000080;z-index:99}.closeSidebar{display:none;margin-left:auto;font-size:20px;cursor:pointer}@media(max-width:900px){.sidebar{position:fixed;top:0;right:-100%;height:100vh;width:300px;z-index:100;transition:right .7s cubic-bezier(.22,1,.36,1)}.sidebar.open{right:0}.closeSidebar{display:block}}.chatWindow{background-color:#212121;height:100vh;width:100%;display:flex;flex-direction:column}.navbar{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem}.navbar button{background:transparent;border:none;cursor:pointer;font-size:13px;font-weight:600;color:#ececec;padding:8px 12px;border-radius:25px}.navbar button:hover{background-color:#ffffff14}.toggleIcon{background-color:#339cff;height:26px;width:26px;border-radius:50%;display:flex;align-items:center;justify-content:center}.chatBody{flex:1;overflow-y:auto;padding:1rem 0}.navbar button{display:flex;align-items:center;font-size:16px;font-weight:600;letter-spacing:.3px;padding:10px 14px;gap:8px;background:linear-gradient(135deg,#6366f126,#38bdf826)}.navbar button:active{transform:translateY(0);background:#ffffff2e}.navbar button:hover{background:#ffffff1f;transform:translateY(-1px)}.loaderWrapper{max-width:720px;width:100%;margin:0 auto;padding:0 1rem 1rem;display:flex;justify-content:center}.loaderBubble{background:#2f2f2f;padding:18px 22px;border-radius:12px;width:100%;display:flex;justify-content:center;align-items:center}.chatBody::-webkit-scrollbar{width:12px}.chatBody::-webkit-scrollbar-track{background:transparent;margin-top:30vh;margin-bottom:30vh}.chatBody::-webkit-scrollbar-thumb{background-color:#3a3737;border-radius:10px}.chatBody{scrollbar-width:12px;scrollbar-color:#3a3737 transparent}.app.light .chatBody{scrollbar-width:12px;scrollbar-color:#f5efef transparent}.chatInput{padding:1rem}.inputBox{max-width:720px;margin:auto;position:relative;background:#ffffff0a;border-radius:16px;padding:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08)}input{width:100%;height:48px;padding:0 52px 0 16px;border-radius:14px;border:none;background:#ffffff0f;color:#fff;font-size:14px;line-height:1;outline:none}input:focus{border:1px solid rgba(99,102,241,.6);box-shadow:0 0 0 2px #6366f140}#submit{position:absolute;right:12px;top:50%;transform:translateY(-50%);height:32px;width:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;background:#ffffff1a;transition:all .2s ease}#submit:hover{background:#fff3;transform:translateY(-50%) scale(1.05)}.info{font-size:12px;color:#b4b4b4;margin-top:.5rem;text-align:center}.dropDown{position:absolute;top:60px;right:20px;background:#323232;border-radius:6px;padding:.5rem}.app.light .chatWindow{background:linear-gradient(135deg,#eaf3ff,#d6e8ff,#ccddf3,#f4f9ff)}.app.light .navbar button{background:var(--light-layer);color:var(--primary-blue);border:1px solid var(--light-border)}.app.light .navbar button:hover{background:var(--light-soft)}.app.light .inputBox{background:#fff;border:1px solid var(--light-border)}.app.light input{background:#f8f8ff;color:#00031f}.app.light #submit{background:var(--primary-blue);color:#fff}.app.light #submit:hover{background:var(--hover-blue)}.app.light .loaderBubble{background:#072b74}.info{font-size:12px;color:#aea3a3;margin-top:.5rem;text-align:center}.themeWrapper{position:relative}.toggleButton{height:36px;width:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:linear-gradient(135deg,#6366f126,#38bdf826);transition:all .25s ease}.toggleButton:hover{transform:translateY(-2px);background:linear-gradient(135deg,#6366f140,#38bdf840)}.themeDropdown{position:absolute;top:50px;right:0;width:180px;background:#2b2b2b;border-radius:14px;padding:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #0006;animation:fadeSlide .25s ease;z-index:100}.themeOption{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;cursor:pointer;font-size:14px;transition:all .2s ease}.themeOption:hover{background:#ffffff14}.themeOption.active{background:linear-gradient(135deg,#2d8cff,#2470cc);color:#fff}.app.light .themeDropdown{background:#fff;border:1px solid #D5E8FF;box-shadow:0 10px 25px #2d8cff26}.app.light .themeOption:hover{background:#eaf3ff}.app.light .themeOption.active{background:linear-gradient(135deg,#2d8cff,#0b5cff);color:#fff}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobileMenuIcon{display:none;color:#fff}@media(max-width:900px){.mobileMenuIcon{display:block}}.chats{max-width:720px;width:100%;margin:0 auto;padding:2rem 1rem}.userDiv{display:flex;justify-content:flex-end;margin-bottom:1rem}.gptDiv{text-align:left;margin-bottom:1rem;line-height:1.6}.userMessage{background-color:#323232;padding:10px 16px;border-radius:14px;max-width:75%}pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-word}code{word-break:break-word}.hljs{border-radius:12px!important}.newChatCenter{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.newChatCenter h1{font-size:32px;font-weight:600;margin-bottom:.5rem}.newChatCenter p{font-size:14px;color:#b4b4b4}.app.light .userMessage{background-color:#fff;color:#000319d7;font-weight:450}.app.light .gptDiv{color:#00031f}.app.light .newChatCenter p{color:#555}pre code.hljs{display:block;overflow-x:auto;padding:1em}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}