@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}html,body{height:100%;overflow:hidden}#root{display:flex;height:100vh;width:100vw}@media (max-width: 768px){body{overflow-x:hidden}}.lightMde{--color: black;--bg-color: white;--btn-bg-color: black;--btn-color: white}.darkMode{--color: white;--bg-color: rgb(76, 76, 66);--btn-bg-color: white;--btn-color: black;background-color:#222;color:#fff}.lightMode{background-color:#fff;color:#000}@media (max-width: 768px){.darkMode{background-color:#222}.lightMode{background-color:#fff}}#root{display:flex;height:100vh;width:100vw;overflow:hidden}.main-content{display:flex;flex:1;height:100vh}@media (max-width: 768px){.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}}.mobile-hamburger{display:none;position:fixed;top:20px;left:20px;z-index:1001;background:#56a8f1;border:none;border-radius:50%;width:50px;height:50px;cursor:pointer;color:#fff;font-size:20px;box-shadow:0 2px 10px #0003}@media (max-width: 768px){.mobile-hamburger{display:flex;align-items:center;justify-content:center}}.sidebar{padding:20px 10px;height:100vh;overflow:auto;background-color:#56a8f1;color:#fff;display:flex;flex-direction:column;gap:20px;align-items:start;font-size:17px;position:fixed;left:0;top:0;z-index:1000;transition:transform .3s ease;width:280px}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}@media (min-width: 769px){.sidebar{position:relative;width:auto;transform:translate(0);z-index:auto}}.sidebar svg{width:30px;height:30px;color:#f0fff0}#hamburger{margin-left:20px;cursor:pointer;transition:transform .3s ease}.hamburger-icon.open{transform:rotate(90deg)}.newChat{display:flex;align-items:center;gap:10px;justify-content:center;padding:20px;background-color:#64b8ff;cursor:pointer;border-radius:30px;transition:all .3s ease;width:60px;overflow:hidden}.newChat.open{width:200px}@media (max-width: 768px){.newChat.open{width:220px}}.newChat .text{opacity:1;transform:translate(0);transition:all .3s ease;white-space:nowrap;color:#fff}.recent{display:flex;align-items:center;gap:10px;justify-content:center;padding:20px;transition:all .3s ease;width:60px;overflow:hidden;flex-direction:column}.recent.open{width:250px;align-items:flex-start}@media (max-width: 768px){.recent.open{width:220px}}.recent .text{opacity:1;transform:translate(0);transition:all .3s ease;white-space:nowrap;color:#fff}.recent-chats-list{width:100%;margin-top:15px;opacity:1;transform:translateY(0);transition:all .3s ease}.recent-chat-item{display:flex;align-items:center;gap:10px;padding:12px 15px;margin-bottom:8px;border-radius:15px;cursor:pointer;transition:all .2s ease;background-color:#ffffff1a}.recent-chat-item:hover{background-color:#fff3;transform:translate(5px)}.recent-chat-item.active{background-color:#ffffff4d;border-left:3px solid white}.chat-icon{width:20px;height:20px;flex-shrink:0}.chat-info{display:flex;flex-direction:column;gap:2px;min-width:0}.chat-title{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-time{font-size:11px;opacity:.7}.recent:hover{background-color:#64b8ff;cursor:pointer;border-radius:30px;transition:.3s}.newChat:hover{background-color:#93caf8;cursor:pointer;border-radius:30px;transition:.3s}.chatsection{background-color:var(--bg-color);color:var(--color);height:100vh;flex:1;transition:margin-left .3s ease}@media (max-width: 768px){.chatsection{margin-left:0;width:100%}}@media (min-width: 769px){.chatsection{margin-left:0}}.topsection{width:100%;height:75vh;overflow-y:auto;padding:20px}@media (max-width: 768px){.topsection{padding:15px;height:70vh}}.bottomsection{width:100%;height:25vh;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 20px}@media (max-width: 768px){.bottomsection{height:30vh;padding:0 15px;gap:8px}}.heading{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:2vmax;font-weight:600}@media (max-width: 768px){.heading{font-size:1.5rem;text-align:center;padding:0 10px}}.heading span:nth-child(1){font-size:4rem;background:linear-gradient(to right,#f13a3a,#fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 768px){.heading span:nth-child(1){font-size:2.5rem}}.heading span:nth-child(2){font-size:2rem;font-weight:400;opacity:.5}@media (max-width: 768px){.heading span:nth-child(2){font-size:1.2rem}}.messages-container{display:flex;flex-direction:column;gap:20px;padding:20px 0}@media (max-width: 768px){.messages-container{gap:15px;padding:15px 0}}.message{display:flex;margin-bottom:15px;animation:fadeIn .3s ease-in}.user-message{justify-content:flex-end}.ai-message{justify-content:flex-start}.message-content{max-width:70%;padding:15px 20px;border-radius:20px;position:relative;word-wrap:break-word}@media (max-width: 768px){.message-content{max-width:85%;padding:12px 16px}}.user-message .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:5px}.ai-message .message-content{background:var(--bg-color);border:1px solid var(--color);color:var(--color);border-bottom-left-radius:5px}.error-message .message-content{background:#ff6b6b;color:#fff;border:1px solid #ff5252}.message-content p{margin:0 0 8px;line-height:1.5;font-size:1rem}@media (max-width: 768px){.message-content p{font-size:.9rem}}.timestamp{font-size:.75rem;opacity:.7;display:block;text-align:right}.user-message .timestamp{text-align:left}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bottomsection input:disabled{opacity:.6;cursor:not-allowed}.bottomsection button:disabled{opacity:.6;cursor:not-allowed}.bottomsection input{width:80%;height:50px;border:1px solid var(--color);padding:30px;font-size:1.2rem;font-weight:400;border-radius:30px;background-color:var(--bg-color);color:var(--color);outline:none;box-shadow:2px 2px 10px #3003f81a;transition:.3s}@media (max-width: 768px){.bottomsection input{width:75%;height:45px;padding:20px;font-size:1rem}}.bottomsection button{width:50px;height:50px;border-radius:50%;border:none;background-color:var(--btn-bg-color);color:var(--btn-color);cursor:pointer;transition:.3s}@media (max-width: 768px){.bottomsection button{width:45px;height:45px}}.bottomsection button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 8px #0003}.btn{width:60px;height:60px;padding:10px;border-radius:50px;border:none;background-color:var(--btn-bg-color);cursor:pointer;transition:.3s;box-shadow:15px 15px 20px #0000001a}@media (max-width: 768px){.btn{width:50px;height:50px;padding:8px;box-shadow:8px 8px 15px #0000001a}}.btn svg{width:30px;height:30px;background-color:var(--btn-bg-color);color:var(--btn-color)}@media (max-width: 768px){.btn svg{width:25px;height:25px}}.btn:hover{background-color:var(--hover-color);box-shadow:2px 2px 10px #0003}.separation{width:7px;height:100vh;background-color:#bebebe}@media (max-width: 768px){.separation{display:none}}