@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Outfit:wght@100..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&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Outfit}#root{min-height:100vh;display:flex}.sidebar{min-height:100vh;display:inline-flex;flex-direction:column;justify-content:space-between;background-color:#f0f4f9;padding:25px 15px;transition:width .3s ease-in-out;width:80px}.sidebar.extended{width:250px}.sidebar .top{display:flex;flex-direction:column}.sidebar img{width:20px}.sidebar .menu{display:block;margin-left:10px;cursor:pointer;width:20px}.sidebar .new-chat{margin-top:50px;display:inline-flex;align-items:center;gap:10px;padding:10px 15px;background-color:#e6eaf1;border-radius:50px;font-size:14px;color:gray;cursor:pointer}.sidebar .new-chat p{animation:fadeIn 1.5s}.sidebar .new-chat:hover{background-color:#dfe4ea}.sidebar .recent{display:flex;flex-direction:column;animation:fadeIn 1.5s}.sidebar .recent-title{margin-top:30px;margin-bottom:20px}.sidebar .recent-entry{display:flex;align-items:start;gap:10px;padding:10px 40px 10px 10px;border-radius:50px;color:#282828;cursor:pointer}.sidebar .recent-entry:hover{background-color:#e2e6eb}.sidebar .bottom{display:flex;flex-direction:column}.sidebar .bottom-item{padding-right:10px;cursor:pointer}.sidebar .bottom-item p{animation:fadeIn 1.5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main{flex:1;min-height:100vh;padding-bottom:15vh;position:relative}.main .nav{display:flex;align-items:center;justify-content:space-between;font-size:24px;padding:20px;color:#585858}.icon-size{width:36px;height:auto;border-radius:50%}.main-container{max-width:900px;margin:auto}.main .greet{margin:50px 0;font-size:56px;color:#c4c7c5;font-weight:500;padding:20px}.main .greet span{background:-webkit-linear-gradient(16deg,#4b90ff,#ff5546);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.main .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px;padding:20px}.main .card{height:200px;padding:15px;background-color:#f0f4f9;border-radius:10px;position:relative;cursor:pointer}.main .card img{width:35px;padding:5px;position:absolute;background-color:#fff;border-radius:20px;bottom:10px;right:10px}.main .card p{color:#585858;font-size:17px}.main .card:hover{background-color:#dfe4ea}.main-bottom{position:absolute;bottom:0;width:100%;max-width:900px;padding:0 20px;margin:auto}.search-box{display:flex;align-items:center;justify-content:space-between;gap:20px;background-color:#f0f4f9;padding:12px 20px;border-radius:30px}.search-box img{width:24px;cursor:pointer}.search-input{flex:1;background:transparent;border:none;outline:none;padding:0;font-size:18px;resize:none;font-family:inherit;line-height:20px}.search-input::-webkit-scrollbar{display:none}.search-box div{display:flex;align-items:center;gap:15px}.main .bottom-info{font-size:13px;margin:15px auto;text-align:center;font-weight:300}.result{padding:0 5%;max-height:70vh;overflow-y:auto;scroll-behavior:smooth}.result img{width:30px;border-radius:50%}.result::-webkit-scrollbar{display:none}.message{display:flex;align-items:flex-start;gap:20px;margin-bottom:25px}.message.user{flex-direction:row-reverse}.message.user .message-content{background-color:#f0f4f9;padding:12px 18px;border-radius:20px 0 20px 20px;max-width:70%;color:#1f1f1f;line-height:1.8;font-size:16px}.message.user img{display:none}.message-content{flex:1;overflow-wrap:anywhere;min-width:0}.message-content p{font-size:16px;line-height:1.8;margin-bottom:12px}.message-content p:first-child{margin-top:0}.message-content ul{padding-left:20px;margin:10px 0}.message-content ol{margin:0;padding-left:1.25rem}.message-content li{margin-bottom:6px}.message-content strong{font-weight:600}.message-content pre{background:#1e1e1e;color:#eee;padding:12px;border-radius:8px;overflow-x:auto;font-family:Consolas,Monaco,Courier New,monospace;margin:10px 0}.message-content code{background-color:#f0f4f9;padding:2px 4px;border-radius:4px;font-family:monospace}.message-content pre code{background-color:transparent;padding:0}.loader{width:100%;display:flex;flex-direction:column;gap:10px;padding-top:6px}.loader hr{border-radius:4px;border:none;background-color:#f6f7f8;background:linear-gradient(to right,#9ed7ff,#fff,#9ed7ff);background-size:800px 50px;height:20px;animation:loader 3s infinite linear}@keyframes loader{0%{background-position:-800px 0px}to{background-position:800px 0px}}