@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Outfit}#root{min-height:100vh;display:flex}.app-container{display:flex;width:100vw;height:100vh;overflow:hidden}.sidebar{width:70px;height:100%;display:flex;flex-direction:column;justify-content:space-between;transition:width .3s ease;overflow:hidden}.main{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar{width:70px;height:100vh;background-color:#1f1f1f;color:#fff;display:flex;flex-direction:column;justify-content:space-between;transition:width .3s ease;overflow:hidden;border-right:1px solid #333}.sidebar.extended{width:250px}.sidebar .top,.sidebar .bottom{padding:10px}.sidebar .menu{width:24px;height:24px;cursor:pointer;margin-bottom:20px;filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%)}.sidebar .new-chat,.sidebar .recent-entry,.sidebar .bottom-item{display:flex;align-items:center;padding:8px;border-radius:5px;cursor:pointer;color:#fff;transition:all .2s ease}.sidebar .new-chat:hover,.sidebar .recent-entry:hover,.sidebar .bottom-item:hover{background-color:#333}.sidebar .new-chat img,.sidebar .recent-entry img,.sidebar .bottom-item img{width:20px;height:20px;margin-right:10px;filter:invert(92%) sepia(9%) saturate(109%) hue-rotate(169deg) brightness(98%) contrast(89%);transition:all .2s ease}.sidebar .new-chat:hover img,.sidebar .recent-entry:hover img,.sidebar .bottom-item:hover img{filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%)}.sidebar .recent-title{font-weight:700;margin-bottom:10px;color:#aaa;padding-left:8px}.sidebar.extended .new-chat img,.sidebar.extended .recent-entry img,.sidebar.extended .bottom-item img{filter:invert(85%) sepia(12%) saturate(200%) hue-rotate(170deg) brightness(95%) contrast(90%)}.sidebar.extended .new-chat:hover img,.sidebar.extended .recent-entry:hover img,.sidebar.extended .bottom-item:hover img{filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%)}.main{flex:1;display:flex;flex-direction:column;height:100vh;background:#1f1f1f;color:#fff;overflow:hidden}.nav{padding:10px;display:flex;justify-content:space-between;background:#1f1f1f}.nav img{border-radius:50%;width:40px}.main-container{flex:1;display:flex;flex-direction:column;padding:30px 40px;overflow-y:auto}.greet{text-align:center;margin:120px auto 60px;max-width:600px;padding:0 20px;animation:fadeIn .6s ease-out}.greet span{display:block;font-size:2.5rem;font-weight:700;background:linear-gradient(90deg,#4facfe,#00f2fe);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:12px;line-height:1.2}.greet p:last-child{font-size:1.2rem;color:#b0b0b0;line-height:1.6;margin-top:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:30px;max-width:1100px;margin-left:auto;margin-right:auto;padding:0 20px}.card{background:#333;padding:25px;border-radius:12px;cursor:pointer;text-align:left;box-shadow:0 4px 8px #0003;transition:all .3s cubic-bezier(.25,.8,.25,1);border:1px solid #444;height:100%;display:flex;flex-direction:column}.card:hover{transform:translateY(-5px);background:#3a3a3a;box-shadow:0 6px 12px #0000004d;border-color:#4facfe}.card p{font-size:15px;color:#eee;line-height:1.5;margin-bottom:15px;flex-grow:1}.card img{width:28px;height:28px;margin-top:auto;border-radius:50%;align-self:flex-start;filter:invert(92%) sepia(9%) saturate(109%) hue-rotate(169deg) brightness(98%) contrast(89%)}@media (min-width: 768px){.cards{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.cards{grid-template-columns:repeat(2,minmax(300px,1fr));gap:25px}}.result{flex:1;display:flex;flex-direction:column;margin-top:20px}.result-title{display:flex;align-items:center;background:#333;padding:15px;border-radius:12px;border:1px solid #444}.result-title img{width:28px;margin-right:10px;border-radius:50%}.result-data{flex:1;background:#333;padding:20px;border-radius:12px;margin-top:20px;overflow-y:auto;border:1px solid #444}.loader-wave{display:flex;justify-content:center;align-items:center;padding:40px;gap:6px;height:50px}.loader-bar{width:6px;height:30px;background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:3px;animation:wave 1.2s infinite ease-in-out}.loader-bar:nth-child(1){animation-delay:-.4s}.loader-bar:nth-child(2){animation-delay:-.3s}.loader-bar:nth-child(3){animation-delay:-.2s}.loader-bar:nth-child(4){animation-delay:-.1s}.loader-bar:nth-child(5){animation-delay:0s}@keyframes wave{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-bottom{position:sticky;bottom:0;background:#1f1f1f;padding:15px 40px}.search-box{display:flex;align-items:center;background:#333;border-radius:12px;padding:10px 15px;max-width:720px;width:100%;margin:0 auto;box-shadow:0 1px 6px #0000004d;border:1px solid #444;transition:all .3s ease}.search-box:focus-within{border-color:#4facfe;box-shadow:0 1px 6px #4facfe4d}@media (min-width: 768px){.search-box{width:90%}}@media (min-width: 1024px){.search-box{width:80%}}.search-box input{flex:1;border:none;padding:10px;font-size:15px;background:transparent;color:#fff}.search-box input:focus{outline:none}.search-box div{display:flex;align-items:center}.search-box img{width:24px;height:24px;margin-left:10px;cursor:pointer;border-radius:50%;padding:4px;transition:all .2s ease;filter:invert(.8) brightness(1.2)}.search-box img[alt=Search]{filter:invert(.9) sepia(1) saturate(5) hue-rotate(175deg)}.search-box img[alt="Voice input"]{filter:invert(.9) sepia(1) saturate(5) hue-rotate(180deg)}.search-box img:hover{filter:invert(1) drop-shadow(0 0 2px rgba(79,172,254,.7));background:#ffffff1a;transform:scale(1.05)}.search-box img:active{transform:scale(.95)}.search-box img:focus-visible{outline:2px solid #4facfe;outline-offset:2px}.bottom-info{font-size:12px;color:#aaa;text-align:center;margin-top:10px}