@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}:root{--text-color: #edf3ff;--subheading-color: #97a7ca;--placeholder-color: #c3cdde;--primary-color: #101623;--secondary-color: #283045;--secondary-hover-color: #333e58;--scrollbar-color: #626a7f}#body.light-theme{--text-color: #090c13;--subheading-color: #7b8cae;--placeholder-color: #606982;--primary-color: #f3f7ff;--secondary-color: #dce6f9;--secondary-hover-color: #d2ddf2;--scrollbar-color: #a2aac2}#body{color:var(--text-color);background:var(--primary-color)}.container{padding:32px 0 60px;height:calc(100vh - 127px);scrollbar-color:var(--scrollbar-color) transparent}.container :where(.app-header,.suggestions,.message,.prompt-wrapper){position:relative;margin:0 auto;width:100%;padding:0 20px;max-width:990px}.container .app-header{margin-top:3vh}.app-header .heading{width:fit-content;font-size:3rem;background:linear-gradient(to right,#1d7efd,#8f6fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-header .sub-heading{font-size:2.2rem;margin-top:-5px;color:var(--subheading-color)}.container .suggestions{width:100%;list-style:none;display:flex;gap:15px;margin-top:9.5vh;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}#body.chats-active .container :where(.app-header,.suggestions){display:none}.suggestions .suggestions-item{cursor:pointer;padding:18px;width:228px;flex-shrink:0;display:flex;scroll-snap-align:center;flex-direction:column;align-items:flex-end;border-radius:12px;justify-content:space-between;background:var(--secondary-color);transition:.3s ease}.suggestions .suggestions-item:hover{background:var(--secondary-hover-color)}.suggestions .suggestions-item .text{font-size:1.1rem}.suggestions .suggestions-item .icon{width:45px;height:45px;display:flex;font-size:1.4rem;margin-top:35px;align-self:flex-end;align-items:center;border-radius:50%;justify-content:center;color:#1d7efd;background:var(--primary-color)}.suggestions .suggestions-item:nth-child(2) .icon{color:#28a745}.suggestions .suggestions-item:nth-child(3) .icon{color:#ffc107}.suggestions .suggestions-item:nth-child(4) .icon{color:#6f42c1}.suggestions-item .suggestions-footer{display:flex;justify-content:space-between;align-items:end;align-self:stretch}.suggestions-item .suggestions-title{font-size:1.2rem;color:#1d7efd;margin-bottom:8px}.suggestions .suggestions-item:nth-child(2) .suggestions-title{color:#28a745}.suggestions .suggestions-item:nth-child(3) .suggestions-title{color:#ffc107}.suggestions .suggestions-item:nth-child(4) .suggestions-title{color:#6f42c1}.container .chats-container{margin-top:9.2vh;padding-bottom:10.2vh;display:flex;gap:20px;flex-direction:column;overflow-y:auto;max-height:100%}.chats-container .message{display:flex;gap:11px;align-items:center}.chats-container .message .avatar{width:43px;height:43px;flex-shrink:0;align-self:flex-start;border-radius:50%;padding:6px;margin-right:-7px;background:var(--secondary-color);border:1px solid var(--secondary-hover-color)}.chats-container .message.loading .avatar{animation:rotate 3s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.chats-container .message .message-text{padding:3px 16px;word-wrap:break-word;white-space:pre-line}.chats-container .bot-message{margin:9px auto}.chats-container .user-message{flex-direction:column;align-items:flex-end}.chats-container .user-message .message-text{padding:12px 16px;max-width:75%;background:var(--secondary-color);border-radius:13px 13px 3px}.chats-container .user-message .img-attachment{margin-top:-7px;width:50%;border-radius:13px 3px 13px 13px}.chats-container .user-message .file-attachment{display:flex;gap:6px;align-items:center;padding:10px;margin-top:-7px;border-radius:13px 3px 13px 13px;background:var(--secondary-color)}.chats-container .user-message .file-attachment span{color:#1d7efd}.container .prompt-container{position:fixed;width:100%;left:0;bottom:0;padding:26px 0 16px;background:var(--primary-color)}.prompt-container :where(.prompt-wrapper,.prompt-form,.prompt-actions){display:flex;gap:12px;height:56px;align-items:center}.prompt-container .prompt-form{height:100%;width:100%;border-radius:130px;background:var(--secondary-color)}.prompt-form .prompt-input{width:100%;height:100%;background:none;outline:none;border:none;font-size:1rem;color:var(--text-color);padding-left:24px}.prompt-form .prompt-input::placeholder{color:var(--placeholder-color)}.prompt-wrapper button{width:56px;height:100%;flex-shrink:0;cursor:pointer;border-radius:50%;font-size:1.4rem;border:none;color:var(--text-color);background:var(--secondary-color);transition:.3s ease}.prompt-wrapper :is(button:hover,#cancel-file-btn,.file-icon){background:var(--secondary-hover-color)}.prompt-form .prompt-actions{gap:5px;margin-right:7px}.prompt-wrapper .prompt-form :where(.file-upload-wrapper,button,img){position:relative;height:45px;width:45px}.prompt-form .prompt-actions #send-prompt-btn{color:#fff;display:none;background:#1d7efd}.prompt-form .prompt-input:valid~.prompt-actions #send-prompt-btn{display:block}.prompt-form #send-prompt-btn:hover{background:#0264e3}.prompt-form .file-upload-wrapper :where(button,img){display:none;border-radius:50%;object-fit:cover;position:absolute}.prompt-form .file-upload-wrapper.active #add-file-btn{display:none}.prompt-form .file-upload-wrapper #add-file-btn,.prompt-form .file-upload-wrapper.active.img-attached img,.prompt-form .file-upload-wrapper.active.file-attached .file-icon,.prompt-form .file-upload-wrapper.active:hover #cancel-file-btn{display:block}.prompt-form :is(#stop-response-btn:hover,#cancel-file-btn){color:#d62939}.prompt-wrapper .prompt-form .file-icon{color:#1d7efd}.prompt-form #stop-response-btn,#body.bot-responding .prompt-form .file-upload-wrapper{display:none}#body.bot-responding .prompt-form #stop-response-btn{display:block}.prompt-container .disclaimer-text{font-size:.9rem;text-align:center;padding:16px 20px 0;color:var(--placeholder-color)}@media (max-width: 768px){.container{padding:20px 0 100px}.app-header :is(.heading,.sub-heading){font-size:2rem;line-height:1.4}.app-header .sub-heading{font-size:1.7rem}.container .chats-container{gap:15px}.chats-container .bot-message{margin:4px auto}.prompt-container :where(.prompt-wrapper,.prompt-form,.prompt-actions){gap:8px;height:53px}.prompt-container button{width:53px}.prompt-form :is(.file-upload-wrapper,button,img){height:42px;width:42px}.prompt-form .prompt-input{padding-left:20px}.prompt-form .file-upload-wrapper.active #cancel-file-btn{opacity:0}.prompt-wrapper.hide-controls :where(#theme-toggle-btn,#delete-chats-btn){display:none}}.container .subject{position:fixed;top:0;right:0;width:auto;list-style:none;display:flex;gap:15px;margin-top:2.5vh;margin-right:2.5vh;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.subject .subject-item{cursor:pointer;padding:8px;width:228px;flex-shrink:0;display:flex;scroll-snap-align:center;flex-direction:column;align-items:flex-end;border-radius:50px;justify-content:space-between;background:var(--secondary-color);transition:.3s ease}.subject .subject-item:hover{background:var(--secondary-hover-color)}.subject .subject-item .text{font-size:1.1rem}.subject .subject-item .icon{width:45px;height:45px;display:flex;font-size:1.4rem;align-self:flex-end;align-items:center;border-radius:50%;justify-content:center;color:#1d7efd;background:var(--primary-color)}.subject .subject-item:nth-child(2) .icon{color:#28a745}.subject .subject-item:nth-child(3) .icon{color:#ffc107}.subject .subject-item:nth-child(4) .icon{color:#6f42c1}.subject-item .subject-footer{display:flex;justify-content:start;gap:15px;align-items:end;align-self:stretch}.subject-item .subject-title{font-size:1.2rem;color:#1d7efd;margin-bottom:8px}.subject .subject-item:nth-child(2) .subject-title{color:#28a745}.subject .subject-item:nth-child(3) .subject-title{color:#ffc107}.subject .subject-item:nth-child(4) .subject-title{color:#6f42c1}