@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";.SignIn-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:100vh;padding-bottom:15vh;position:relative;background-color:#131314;scroll-behavior:smooth}.SignIn-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;background-color:#222;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:3rem 2rem;animation:fadeIn 1s ease-in-out}.SignIn-title{font-size:2.5rem;font-weight:700;color:#ddd;margin-bottom:1rem;animation:greetAnimation 1s ease-in-out}.SignIn-form{width:100%}.SignIn-label{display:flex;flex-direction:column;margin-bottom:1rem;font-size:1.1rem;color:#ddd}.SignIn-input{width:100%;padding:.5rem;font-size:1rem;border:1px solid #444;border-radius:4px;background-color:#333;color:#ddd;transition:background-color .3s ease}.SignIn-input:focus{background-color:#444}.SignIn-button{width:100%;padding:.5rem;font-size:1.1rem;background-color:#4b90ff66;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;animation:pulse 2s infinite}.SignIn-button:hover{background-color:#4b90ff99}.SignIn-link{font-size:1.1rem;color:#4b90ff66;text-decoration:none;transition:color .3s ease}.SignIn-link:hover{color:#4b90ff99}*{justify-content:center}.SignUp-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#131314}.SignUp-content{width:100%;max-width:400px;background-color:#222;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:3rem 2rem;animation:fadeIn 1s ease-in-out}.SignUp-title{font-size:2.5rem;font-weight:700;color:#ddd;margin-bottom:1rem;animation:greetAnimation 1s ease-in-out;text-align:center}.form-group{margin-bottom:1rem}.SignUp-form{display:flex;flex-direction:column}.SignUp-label{font-size:1.1rem;color:#ddd;margin-bottom:.5rem}.SignUp-input{padding:.5rem;font-size:1rem;border:1px solid #444;border-radius:4px;background-color:#333;color:#ddd;transition:background-color .3s ease;width:100%}.SignUp-input:focus{background-color:#444}.SignUp-button{padding:.5rem;font-size:1.1rem;background-color:#4b90ff66;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;animation:pulse 2s infinite;width:100%;margin-top:1rem}.SignUp-button:hover{background-color:#4b90ff99}.SignUp-link{font-size:1.1rem;color:#4b90ff66;text-decoration:none;transition:color .3s ease;text-align:center;margin-top:1rem}.SignUp-link:hover{color:#4b90ff99}@keyframes fadeIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes greetAnimation{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{box-shadow:0 0 #4b90ff66}70%{box-shadow:0 0 0 10px #ff554600}to{box-shadow:0 0 #ff554600}}.sidebar{display:flex;flex-direction:column;min-height:100vh;justify-content:space-between;background-color:#131314;padding:20px;box-shadow:0 2px 4px #ffffff1a;transition:all .3s ease}.sidebar.extended{width:300px}.sidebar img{width:20px;height:20px;filter:invert(1)}.top,.bottom{padding:20px;color:#ddd}.menu{width:300px;height:30px;margin:0 13px;transition:transform .3s ease}.menu:hover{transform:scale(1.1)}.new-chat,.recent{margin-top:15px}.new-chat{display:flex;align-items:center;gap:10px;padding:15px 17px;background-color:#1e1f20;border-radius:50px;transition:all .3s ease}.new-chat img{width:16px;height:20px;transition:transform .3s ease}.new-chat:hover{background-color:#666;cursor:pointer}.new-chat:hover img{transform:rotate(15deg)}.recent-title{font-weight:700;margin-bottom:5px;padding:15px}.recent-entry,.bottom-item{display:flex;align-items:center;margin-bottom:10px;gap:10px;padding:15px;background-color:#1e1f20;border-radius:50px;transition:background-color .3s ease,transform .3s ease}.recent-entry:hover,.bottom-item:hover{background-color:#666;cursor:pointer;transform:scale(1.02)}.sidebar.extended{animation:sidebarExtend .3s ease-in-out}@keyframes menuPulse{0%{box-shadow:0 0 #4b90ff66}70%{box-shadow:0 0 0 10px #ff554600}to{box-shadow:0 0 #ff554600}}.new-chat{animation:newChatAnimation 1s ease-in-out}@keyframes newChatAnimation{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}.recent-entry{animation:recentEntryAnimation 1s ease-in-out}@keyframes recentEntryAnimation{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}.bottom-item{animation:bottomItemAnimation 1s ease-in-out}@keyframes bottomItemAnimation{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--main-bg-color: #131314;--accent-color-1: #4b90ff;--accent-color-2: #ff5546;--text-color: #ddd}.main{flex:1;min-height:100vh;padding-bottom:15vh;position:relative}.nav{display:flex;align-items:center;justify-content:space-between;font-size:22px;padding:20px;color:var(--text-color)}.nav img{width:40px;border-radius:50%}.main-container{max-width:900px;margin:auto;background-color:var(--main-bg-color)}.greet{margin:50px 0;font-size:56px;color:var(--text-color);font-weight:500;padding:20px;animation:greetAnimation 1s ease-in-out}.greet span{background:-webkit-linear-gradient(16deg,var(--accent-color-1),var(--accent-color-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;padding:20px;background-color:var(--main-bg-color)}.card{height:200px;padding:15px;background-color:#1e1f20;border-radius:10px;position:relative;cursor:pointer}.card img{width:35px;padding:5px;position:absolute;background-color:#fff;border-radius:20px;bottom:10px}.card p{color:var(--text-color);font-size:17px}.card:hover{background-color:#666}.main-bottom{position:absolute;bottom:0;width:100%;max-width:900px;padding:0 20px;margin:auto;background-color:var(--main-bg-color)}.search-box{display:flex;align-items:center;justify-content:space-between;gap:20px;background-color:#1e1f20;padding:10px 20px;border-radius:50px;animation:searchBoxPulse 2s infinite}.search-box img{width:24px;cursor:pointer;filter:invert(1)}.search-box input{flex:1;background:transparent;border:none;outline:none;padding:8px;font-size:18px;color:var(--text-color)}.search-box div{display:flex;align-items:center;gap:15px}.bottom-info{font-size:13px;margin:15px auto;text-align:center;font-weight:300;color:#aaa}.result{padding:0 5%;max-height:70vh;overflow-y:scroll;justify-content:flex-start;background-color:var(--main-bg-color)}.result::-webkit-scrollbar{display:none}.result-title{margin:40px 0;display:flex;align-items:center;justify-content:flex-start;gap:20px;color:var(--text-color)}.result img{width:40px;border-radius:50%;justify-content:flex-start}.result-data{display:flex;align-items:flex-start;justify-content:flex-start;gap:20px;color:var(--text-color)}.loader{width:100%;display:flex;flex-direction:column;gap:10px;background-color:var(--main-bg-color)}.loader hr{border-radius:4px;border:none;background:linear-gradient(to right,#9ed7ff,#fff,#9ed7ff);background-size:800px 50px;height:20px;animation:loaderAnimation 3s infinite linear}@keyframes loaderAnimation{0%{background-position:-800px 0}to{background-position:800px 0}}.result-data p{font-size:17px;font-weight:300;line-height:1.8;color:var(--text-color)}html{scroll-behavior:smooth}body{background-color:#131314;color:#ddd}*{padding:0%;margin:0;box-sizing:border-box;font-family:Outfit}#root{min-height:100vh;display:flex}