@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Orbitron:wght@400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}#root{display:flex}@media(prefers-color-scheme:light){body{background:linear-gradient(135deg,#f0f9ff,#e6f0fa,#f5f0ff)}}@media(prefers-color-scheme:dark){body{background:linear-gradient(135deg,#0a1525,#101b2b,#1a1a2e)}}.darkMode{--color: white;--background-color: #111827;--btn-background-color: white;--btn-color: #1e293b;--hover-btn-background-color: #f1f5f9c4}.lightMode{--color: black;--background-color: #ffffffbf;--btn-background-color: #1e293b;--btn-color: white;--hover-btn-background-color: #334155e2}@media(max-width:600px){.separation{display:none}}.sideBar{height:100vh;background-color:var(--background-color);color:var(--color);display:flex;flex-direction:column;scrollbar-width:none;position:relative;width:auto}.sidebar-header{display:flex;flex-direction:column;flex-shrink:0;padding:20px 10px 10px;position:sticky;top:0;background-color:var(--background-color);z-index:100;width:100%;gap:12px}.sidebar-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:0 10px 20px;scrollbar-width:none}.sidebar-content::-webkit-scrollbar{display:none}.sideBar svg{color:var(--color);width:30px;height:30px}#ham{margin-left:16px;cursor:pointer;width:30px;height:30px}.newChat{display:flex;align-items:center;gap:10px;justify-content:flex-start;background-color:#747779;padding:15px;border-radius:30px;transition:background-color .2s ease;cursor:pointer;width:100%}.recentChats{display:flex;align-items:center;gap:10px;justify-content:flex-start;padding:15px;border-radius:30px;transition:background-color .2s ease;cursor:pointer;width:100%}.recentChats:hover{background-color:#747779}.newChat:hover{background-color:#7f8284}@media(max-width:600px){.sideBar{display:none}}.chatSection{background-color:var(--background-color);height:100vh;flex:1}.topSection{width:100%;height:75vh}.bottomSection{width:100%;height:25vh;display:flex;align-items:center;justify-content:center;gap:10px}.headings{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:2vmax;text-align:center}.headings span:nth-child(1){font-size:3.2em;font-weight:600;background:linear-gradient(90deg,#8b5cf6,#fb923c);-webkit-background-clip:text;background-clip:text;color:transparent}.headings span:nth-child(2){font-size:2.2em;font-weight:600;background:linear-gradient(90deg,#8b5cf6,#fb923c);-webkit-background-clip:text;background-clip:text;color:transparent}.headings span:nth-child(3){font-size:1.4em;font-weight:600;background:linear-gradient(90deg,#8b5cf6,#fb923c);opacity:.8;-webkit-background-clip:text;background-clip:text;color:transparent}.bottomSection input{width:50%;height:60px;padding:20px;font-size:20px;background-color:var(--btn-background-color);color:var(--btn-color);border-radius:40px;outline:none;border:none}.sendBtn{width:60px;height:60px;padding:10px;border-radius:50%;border:none;background-color:var(--btn-background-color);transition:all .5s;cursor:pointer;box-shadow:0 6px 18px #0006}.sendBtn:hover{background-color:var(--hover-btn-background-color)}.sendBtn svg{width:100%;height:100%;color:var(--btn-color)}.userBox{display:flex;gap:20px;align-items:start;color:var(--color);font-size:18px}.aiBox{display:flex;gap:20px;align-items:flex-start;color:var(--color);font-size:18px}.userBox svg,.aiBox svg{width:32px;height:32px;flex-shrink:0;min-width:32px;min-height:35px!important;filter:drop-shadow(0 0 4px currentColor)}.aiBox p{overflow:auto;width:100%;max-height:300px;scrollbar-width:none}.outputRes{display:flex;flex-direction:column;gap:20px;width:100%;padding:40px 20px;height:100%}.loading{width:100%;display:flex;flex-direction:column;gap:12px;padding:10px 0}.loading hr{height:16px;border:none;border-radius:20px;background:linear-gradient(90deg,#e9e9e9,#fff 30% 50%,#f0f0f0 70%,#e9e9e9);background-size:250% 100%;animation:shimmer 1.5s infinite linear;opacity:1;box-shadow:0 0 5px #ffffff80}@media(prefers-color-scheme:dark){.loading hr{background:linear-gradient(90deg,#2a2a2a,#5a5a5a,#8a8a8a,#5a5a5a,#2a2a2a);background-size:250% 100%;opacity:1;box-shadow:0 0 8px #ffffff4d}}.mic-btn{width:60px;height:60px;padding:10px;border-radius:50%;border:none;background-color:var(--btn-background-color);cursor:pointer;transition:all .3s ease;box-shadow:0 6px 18px #0006}.mic-btn svg{width:100%;height:100%;color:var(--btn-color)}.mic-btn:hover{transform:scale(1.1);box-shadow:0 8px 25px var(--hover-btn-background-color)}.mic-btn.listening{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #646c6d4e}50%{transform:scale(1.1);box-shadow:0 0 0 15px #ef444400}}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-150% 0}}@media(max-width:650px){.headings{font-size:1vmax;padding:10px}}.darkModeBtn{width:60px;height:60px;padding:10px;border-radius:50%;border:none;background-color:var(--btn-background-color);transition:all .5s;cursor:pointer;box-shadow:0 6px 18px #0006;display:flex;align-items:center;justify-content:center}.darkModeBtn:hover{background-color:var(--hover-btn-background-color)}.darkModeBtn svg{width:100%;height:100%;color:var(--btn-color)}.separation{width:6px;height:100vh;background-color:#1e293b}