@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{height:100vh;display:flex;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364)}body.dark-mode{background-color:#1f1f1f;color:#fff}body.dark-mode .Main{background-color:#2c2c2c}body.dark-mode .search-box,body.dark-mode .card,body.dark-mode .response-box{background-color:#3a3a3a;color:#fff}body.dark-mode .Sidebar{background-color:#333}body.dark-mode .Sidebar .recent-entry:hover{background-color:#4a4a4a}.Sidebar{height:100vh;width:80px;display:flex;flex-direction:column;justify-content:space-between;position:fixed;top:0;left:0;z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid rgba(255,255,255,.1);box-shadow:2px 0 15px #0000004d;padding:20px 15px;color:#fff;overflow:hidden;transition:width .3s ease}.Sidebar.expanded{width:250px}.Sidebar img{width:20px}.menu{cursor:pointer;margin-bottom:20px}.new-chat{margin-top:60px;display:inline-flex;align-items:center;gap:10px;padding:12px 10px;background-color:#ffffff26;border-radius:50px;font-size:15px;color:#fff;font-weight:500;cursor:pointer;transition:background .3s ease}.new-chat:hover{background-color:#ffffff4d}.top{flex-grow:1;overflow-y:auto;padding-right:4px}.top::-webkit-scrollbar{width:6px}.top::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:10px}.recent{display:flex;flex-direction:column;margin-top:20px}.recent-title{margin-bottom:10px;font-weight:600;font-size:14px}.recent-entry{display:flex;align-items:flex-start;gap:10px;padding:10px 40px 10px 10px;border-radius:50px;cursor:pointer;transition:background .2s}.recent-entry:hover{background-color:#fff3}.Sidebar.expanded .recent-entry p,.Sidebar.expanded .new-chat p,.Sidebar.expanded .bottom-item p{display:inline}.recent-entry p{display:none}.bottom{padding-top:10px;border-top:1px solid rgba(255,255,255,.3)}.bottom-item{padding:10px 12px;display:flex;align-items:center;gap:10px;background-color:#fff;color:#000;margin-bottom:10px;border-radius:12px;font-weight:500;cursor:pointer;box-shadow:0 2px 6px #0003;transition:transform .2s ease}.bottom-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.Sidebar:not(.expanded) .bottom-item p{display:none}@media (max-width: 768px){.Sidebar{width:35px!important;padding:20px 15px}.Sidebar.expanded{width:200px!important}}.Main{flex:1;height:min-content;display:flex;flex-direction:column;background:linear-gradient(135deg,#0d324d,#7f5a83);animation:gradientShift 12s ease infinite;padding-left:40px}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.nav{display:flex;justify-content:space-between;align-items:center;padding:20px}.nav p{font-size:20px;font-weight:600;margin-left:80px;background:linear-gradient(135deg,#ff6a5e,#4b90ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:default;transition:opacity .3s ease}.nav p:hover{opacity:.8}.nav img{width:40px;height:40px;border-radius:50%;object-fit:cover;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.nav img:hover{transform:scale(1.1);box-shadow:0 0 10px #4b90ff66}.Main-container{flex:1;max-width:900px;margin:0 auto auto;height:calc(100vh - 160px);padding:20px 0 160px;display:flex;flex-direction:column}.greet{margin:50px 0;font-size:40px;font-weight:600;padding:20px;color:#f5f5f5;text-align:center}.greet span{background:linear-gradient(135deg,#4b90ff,#ff6a5e,#f5a623);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.chat-container{display:flex;flex-direction:column;gap:30px;scroll-behavior:smooth;flex-grow:1;padding:30px;overflow-y:auto;min-height:60vh}.chat-bubble.user{align-self:flex-end;background:#1e293b;color:#fff;text-align:left;font-size:15.5px;line-height:1.6;padding:12px 18px;border-radius:16px 16px 4px;box-shadow:0 2px 8px #00000014;width:fit-content;max-width:75%;min-width:60px;animation:fadeInUp .3s ease-in-out;transition:all .3s ease;white-space:pre-wrap}.chat-bubble.ai{background:#000;border-radius:16px;max-width:80%;margin:10px 0;align-self:flex-start;line-height:1.6;font-size:15.5px;padding:16px 20px;box-shadow:0 0 8px #ffffff1a;animation:fadeIn .4s ease-in-out;color:#ffffffde;text-shadow:0 1px 1px rgba(0,0,0,.3)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-bubble.ai{animation:fadeInUp .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-bubble.ai strong{font-weight:700;color:#ffe066}.chat-bubble.ai em{font-style:italic;color:#ffb3c1}.chat-bubble.typing{font-style:italic;color:#ca4848}.main-bottom{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:600px;background:transparent;padding:12px 0;box-shadow:0 -2px 8px #0000001a;z-index:100}.search-box{display:flex;align-items:center;gap:20px;background:#040303e6;padding:10px 20px;border-radius:50px;border:2px solid transparent;transition:border .3s ease,box-shadow .3s ease}.search-box:hover{border:2px solid #4b90ff;box-shadow:0 0 10px #4b90ff4d}.search-box input{flex:1;background:transparent;border:none;outline:none;font-size:16px;color:wheat}.search-box img{width:24px;cursor:pointer;transition:transform .2s ease}.search-box img:hover{transform:scale(1.2)}.bottom-info{text-align:center;font-size:12px;background:linear-gradient(45deg,#4b90ff,#ff5546,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-top:8px}@media (max-width: 768px){.Main{padding-left:50px}.Main-container{padding:10px;margin-top:60px}.main-bottom{margin-left:30px;margin-right:30px}.greet{font-size:28px;padding:10px}.search-box{padding:8px 12px;gap:10px}.nav{flex-direction:row;justify-content:space-between;gap:10px;padding:16px 12px}.nav p{font-size:18px;margin-left:0;text-align:center}.nav img{width:36px;height:36px}.main-bottom{padding:8px;max-width:100%;left:0;transform:none}}