@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box;font-family:Open Sans,sans-serif}body{background-color:#131314;color:#caccce}.app{display:flex;height:100vh;overflow:hidden}.main{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%}.sidebar{background-color:#1e1f20;height:100%;width:60px;padding:20px 10px;display:flex;align-items:center;justify-content:space-between;flex-direction:column;transition:.3s all}.sidebar.sidebarToggled{width:284px;align-items:flex-start;max-width:calc(100% - 20px)}.sidebar .top-col{width:100%;height:105px;display:flex;align-items:flex-start;flex-direction:column;justify-content:space-between}.sidebar .bottom-col{width:100%;display:flex;align-items:flex-start;flex-direction:column;gap:10px}.header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:18px 25px;transition:.3s all}.header div:not([class=popup]){display:flex;align-items:center;gap:10px}.header div.first-col .logo{font-weight:500;font-size:16px;text-decoration:none;color:#caccce}.header div.first-col button{display:none}.header img{width:35px;height:35px;border-radius:50%}.header .popup{position:absolute;width:300px;max-width:100%;height:200px;right:25px;top:71px;padding:15px;background-color:#1e1f20;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;z-index:10}.header .popup p.email{text-align:center;font-size:14px;font-weight:400}.header .popup .user-details{display:flex;flex-direction:column}.header .popup .user-details .avatar{width:50px;height:50px}.header .popup .logout{width:100%;height:40px;color:#fff;font-size:15px;border:none;background-color:#33333361;display:flex!important;align-items:center;justify-content:center;border-radius:5px;transition:.3s}.header .popup .logout:hover{background-color:#333}.home{max-width:1200px;max-height:calc(100vh - 135.97px);width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:30px 25px;transition:.3s all;overflow-y:scroll}.home::-webkit-scrollbar{width:2px;background-color:transparent}.home::-webkit-scrollbar-thumb{background-color:#1e1f20;border-radius:5px}.home .welcome{display:flex;flex-direction:column;align-items:center}.home .welcome h1{background:-webkit-linear-gradient(16deg,#4285f4 0,#9b72cb 9%,#d96570 20%,#d96570 24%,#9b72cb 35%,#4285f4 44%,#9b72cb 50%,#d96570 56%,#d96570 75%,#9b72cb 100%);background:linear-gradient(16deg,#4285f4 0,#9b72cb 9%,#d96570 20%,#d96570 24%,#9b72cb 35%,#4285f4 44%,#9b72cb,#d96570 56%,#d96570 75%,#9b72cb);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:52px;font-weight:600;transition:.3s all}.home .welcome p{color:#444746;font-size:50px;font-weight:500}.home .chat-results{max-width:1200px;display:flex;flex-direction:column;overflow-y:scroll;scroll-behavior:smooth}.home .chat-results::-webkit-scrollbar{width:2px;background-color:transparent}.home .chat-results::-webkit-scrollbar-thumb{background-color:#1e1f20;border-radius:5px}.home .chat-results .user-prompt{display:flex;align-items:flex-start;flex-wrap:wrap;gap:15px;margin-bottom:35px}.home .chat-results .user-prompt img{width:35px;height:35px;border-radius:50%}.home .chat-results .user-prompt h4{background-color:#cccccc1c;width:fit-content;max-width:100%;height:auto;padding:10px;border-radius:12px;font-weight:400}.home .chat-results .ai-response{display:flex;align-items:flex-start;gap:15px;padding-bottom:50px}.home .chat-results .ai-response img{width:35px;height:35px;border-radius:50%}.home .chat-results .ai-response .markdown{display:flex;flex-direction:column;width:100%}.home .chat-results .ai-response .markdown h2{margin:20px 0}.home .chat-results .ai-response .markdown h3{margin:30px 0 20px}.home .chat-results .ai-response .markdown p{margin:20px 0;line-height:1.8}.home .chat-results .ai-response .markdown ul{list-style:disc outside;padding-left:30px;display:flex;flex-direction:column;gap:5px;font-size:15px}.home .chat-results .ai-response .markdown ul li{margin-bottom:10px;line-height:1.7}.home .chat-results .ai-response .markdown ul li ul{margin-top:20px}.home .chat-results .ai-response .markdown pre{overflow-x:scroll;background-color:#000;margin:20px 0;border-radius:10px}.home .chat-results .ai-response .markdown pre div:not(:first-child){background:transparent!important}.home .chat-results .ai-response .markdown pre div:not(:first-child) code{background:transparent!important}.home .chat-results .ai-response .markdown pre::-webkit-scrollbar{display:none}.home .chat-results .ai-response.rtl ul{padding-left:0;padding-right:30px}.home .chat-results .response-icons{display:flex;justify-content:flex-start;margin:10px 0;padding:0 0 20px}.home .chat-results .response-icons button{width:30px;height:30px;border:none;outline:none;border-radius:12px;color:#fff;background-color:transparent;font-size:16px;display:flex;align-items:center;justify-content:center}.home .chat-results .response-icons button svg{font-size:16px;color:#ccccccb0}.home .chat-results .response-icons button:hover{background-color:#2f2f2f}.home .chat-results .response-icons button:active{background-color:transparent}.chat_form-wrapper{padding:0 25px 15px}.chat_form-wrapper .chat-form{max-width:1200px;margin:0 auto}.chat_form-wrapper .chat-form .input{display:flex;align-items:center;justify-content:space-between;background-color:#cccccc0a;border-radius:36px;position:relative}.chat_form-wrapper .chat-form .input textarea{width:calc(100% - 60px);height:auto;min-height:50px;max-height:200px;border-radius:35px;border:none;padding:15px 20px;background:transparent;outline:none;caret-color:#fff;color:#fff;resize:none;overflow-y:scroll;transition:.3s}.chat_form-wrapper .chat-form .input textarea::placeholder{color:#ffffffb8;position:absolute;top:50%;transform:translateY(-50%)}.chat_form-wrapper .chat-form .input .input-icons{position:absolute;right:20px;bottom:8px;display:flex;align-items:center;gap:4px}.chat_form-wrapper .chat-form .input .input-icons button{width:35px;height:35px;border-radius:50%;font-size:18px;background:transparent;border:none;background-color:#fff;color:#000;display:flex;align-items:center;justify-content:center;transition:.3s all}.chat_form-wrapper .chat-form .input .input-icons button.i-disabled{background-color:#333}.auth-form{display:flex;align-items:center;min-height:100dvh;max-width:480px;width:100%;margin:0 auto}.auth-form .form-data{display:flex;flex-direction:column;width:100%;background-color:#33333330;padding:25px 15px;border-radius:10px}.auth-form .form-data h2{margin-bottom:20px}.auth-form .form-data input{background-color:transparent;border:1px solid #333;outline:none;padding:10px;border-radius:4px;color:#fff;font-weight:700;margin:4px 0 20px;transition:.3s}.auth-form .form-data input:focus{border-color:#ccc}.auth-form .form-data button[type=submit]{height:40px;width:120px;background-color:#33333361;color:#fff;border:0;border-radius:4px;display:flex;align-items:center;justify-content:center;outline:none;transition:.3s all}.auth-form .form-data button[type=submit]:hover{background-color:#333}.auth-form .form-data button[type=submit]:disabled:hover{background-color:#33333361}.auth-form .form-data .provider{display:flex;height:40px;justify-content:center;align-items:center;background-color:#33333361;color:#fff;margin-top:20px;font-size:15px;border-radius:2px;border:0;outline:0;transition:.2s all}.auth-form .form-data .provider:hover{background-color:#333}.auth-form .form-data .provider:disabled:hover{background-color:#33333361}.auth-form .form-data .provider img{width:25px;height:25px;margin-left:10px}.auth-form .form-data a[href="/login"],.auth-form .form-data a[href="/create-account"]{color:#fff;margin-top:20px;font-weight:300;text-decoration:none;text-align:center;width:100%}.auth-form .form-data a[href="/login"]:hover,.auth-form .form-data a[href="/create-account"]:hover{color:#ccc}*:disabled{cursor:default}button{cursor:pointer}.code-info-wrapper{background-color:#cccccc36;padding:10px;display:flex;align-items:center;justify-content:space-between}.code-info-wrapper span{font-size:14px;color:#ccccccc9}.code-info-wrapper span:last-child{cursor:pointer;display:flex;align-items:center;gap:1px}.loader-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;padding:10px 15px;background-color:#ffffff14;border-radius:5px}.loader-wrapper .spinner{margin-left:20px}.loader{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:20px}.loader span{background:linear-gradient(to right,#3754e0e0,#fff 50%,#3754e0e0);background-size:800px 50px;height:20px;width:100%;border-radius:5px;animation:gradient 4s infinite linear;transition:.3s}.loader span:last-child{width:75%}.spinner{width:15px;height:15px;border:2px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.spinner.wider{border:3px solid #fff;border-bottom-color:transparent;width:25px;height:25px}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:-800px 0}to{background-position:800px 0}}.button{width:32px;height:32px;outline:none;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.3s all;background:none}.button:hover{background-color:#333}.button svg{font-size:20px;color:#fff}.disabled{cursor:default;color:#ffffff3d!important;-webkit-user-select:none;user-select:none}.disabled svg{color:#ffffff3d}.disabled:hover{background-color:transparent}.error{background-color:#ff00008a;color:#fff;padding:10px;margin:0 0 10px;border-radius:2px}.avatar{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background-color:#055d32;font-size:20px;color:#fff;font-weight:400;border-radius:50%;border:0px;transition:.3s}.number-avatar{background-color:#174ea6;color:#fff}.consonant-avatar{background-color:#0d652d;color:#fff}.cursor{background-color:#caccce;display:inline-block;border-radius:2px;animation:flicker .5s infinite}@keyframes flicker{0%{opacity:0}50%{opacity:1}to{opacity:0}}.copyright{text-align:center;width:100%;font-size:12px;color:#cccccc75}.rtl{direction:rtl}@media screen and (max-width: 667px){.header{padding:18px 15px}.header div.first-col button{display:flex}.header .popup{right:15px;width:calc(100% - 30px)}.sidebar{transform:translate(-100%);position:absolute}.sidebar.sidebarToggled{transform:translate(0);display:flex;z-index:11}.home{padding:30px 15px 0}.home .welcome h1{font-size:33px}.home .welcome h1 p{font-size:22px}.home .chat-results{scroll-behavior:unset}.home .chat-results .ai-response{flex-direction:column}.chat_form-wrapper{padding-inline:15px}.chat_form-wrapper .chat-form textarea{max-height:140px!important}.chat_form-wrapper .chat-form textarea::-webkit-scrollbar{width:2px;background-color:#333}.chat_form-wrapper .chat-form textarea::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px}.auth-form{padding:20px}}@media screen and (min-width: 1400px){.home{margin:0 auto}}