:root{--glass-primary: rgba(255, 255, 255, .1);--glass-secondary: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: rgba(0, 0, 0, .1);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-accent: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-premium: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--glow-primary: 0 0 40px rgba(102, 126, 234, .6);--glow-secondary: 0 0 40px rgba(240, 147, 251, .6);--glow-accent: 0 0 40px rgba(79, 172, 254, .6);--mesh-gradient-1: radial-gradient(at 40% 20%, hsla(28,100%,74%,1) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(189,100%,56%,1) 0px, transparent 50%), radial-gradient(at 0% 50%, hsla(355,100%,93%,1) 0px, transparent 50%), radial-gradient(at 80% 50%, hsla(340,100%,76%,1) 0px, transparent 50%), radial-gradient(at 0% 100%, hsla(22,100%,77%,1) 0px, transparent 50%), radial-gradient(at 80% 100%, hsla(242,100%,70%,1) 0px, transparent 50%), radial-gradient(at 0% 0%, hsla(343,100%,76%,1) 0px, transparent 50%);--blur-sm: 8px;--blur-md: 16px;--blur-lg: 24px;--blur-xl: 40px;--transition-smooth: cubic-bezier(.4, 0, .2, 1);--transition-bounce: cubic-bezier(.68, -.55, .265, 1.55)}body{background:#000;color:#fff;overflow-x:hidden}.app-background{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0a;z-index:-2}.app-background:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:var(--mesh-gradient-1);animation:meshAnimation 20s ease infinite;opacity:.6}@keyframes meshAnimation{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.5)}}.liquid-blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.7;animation:floatAnimation 20s infinite ease-in-out}.liquid-blob-1{top:-10%;left:-10%;width:40%;height:40%;background:radial-gradient(circle,#667eea 0%,transparent 70%);animation-delay:0s}.liquid-blob-2{top:60%;right:-10%;width:35%;height:35%;background:radial-gradient(circle,#f093fb 0%,transparent 70%);animation-delay:5s}.liquid-blob-3{bottom:-10%;left:30%;width:30%;height:30%;background:radial-gradient(circle,#4facfe 0%,transparent 70%);animation-delay:10s}@keyframes floatAnimation{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-50px,50px) scale(.9)}}.glass-container{background:var(--glass-primary);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px var(--glass-shadow),inset 0 0 0 1px #ffffff1a;position:relative;overflow:hidden}.glass-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:24px;position:relative;overflow:hidden;transition:all .3s var(--transition-smooth)}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s var(--transition-smooth)}.glass-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0003,var(--glow-primary)}.glass-card:hover:before{opacity:1}.liquid-button{position:relative;padding:16px 32px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;color:#fff;font-weight:600;font-size:16px;cursor:pointer;overflow:hidden;transition:all .3s var(--transition-smooth);box-shadow:0 4px 20px #667eea66}.liquid-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.liquid-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #667eea99}.liquid-button:hover:before{width:300px;height:300px}.floating-element{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.glow-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(102,126,234,.5)}.liquid-nav{background:#0000004d;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:1000}.holographic{background:linear-gradient(135deg,#ff0080,#ff8c00,gold,#0f0,#0ff,#0080ff,#8000ff,#ff0080);background-size:300% 300%;animation:holographicShift 8s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes holographicShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.noise-overlay{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.03;z-index:1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.glass-neumorphic{background:linear-gradient(145deg,#ffffff0d,#ffffff1a);box-shadow:20px 20px 60px #0000004d,-20px -20px 60px #ffffff1a,inset 1px 1px 1px #ffffff4d,inset -1px -1px 1px #0000004d;border-radius:20px}.liquid-shape{position:absolute;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;filter:blur(40px);opacity:.6;animation:morphing 10s infinite ease-in-out}@keyframes morphing{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:rotate(0)}50%{border-radius:30% 60% 70% 40%/50% 60% 30%;transform:rotate(180deg)}}.glass-input{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 20px;color:#fff;font-size:16px;transition:all .3s var(--transition-smooth);width:100%}.glass-input:focus{outline:none;background:#ffffff14;border-color:#667eea80;box-shadow:0 0 0 4px #667eea1a,0 0 20px #667eea4d}.glass-input::placeholder{color:#ffffff80}.chat-bubble-liquid{position:relative;padding:16px 20px;margin:8px 0;border-radius:20px;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);transition:all .3s var(--transition-smooth)}.chat-bubble-sent{background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid rgba(102,126,234,.3);margin-left:auto;margin-right:16px;max-width:70%;box-shadow:0 4px 20px #667eea33}.chat-bubble-received{background:linear-gradient(135deg,#ffffff14,#ffffff0d);border:1px solid rgba(255,255,255,.15);margin-right:auto;margin-left:16px;max-width:70%;box-shadow:0 4px 20px #0000001a}.chat-bubble-liquid:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);border-radius:20px;opacity:0;z-index:-1;transition:opacity .3s}.chat-bubble-liquid:hover:before{opacity:1;animation:shimmer 1.5s ease infinite}@keyframes shimmer{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(200%) rotate(45deg)}}.liquid-navbar{position:fixed;top:0;left:0;right:0;height:80px;background:#00000080;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;padding:0 24px;z-index:1000;transition:all .3s var(--transition-smooth)}.liquid-navbar.scrolled{height:60px;background:#000c;box-shadow:0 4px 30px #0000004d}.liquid-sidebar{position:fixed;left:0;top:80px;bottom:0;width:300px;background:#ffffff08;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-right:1px solid rgba(255,255,255,.1);padding:24px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.liquid-sidebar::-webkit-scrollbar{width:6px}.liquid-sidebar::-webkit-scrollbar-track{background:transparent}.liquid-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.liquid-list-item{padding:16px;margin-bottom:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;cursor:pointer;transition:all .3s var(--transition-smooth);position:relative;overflow:hidden}.liquid-list-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.liquid-list-item:hover{background:#ffffff14;border-color:#667eea4d;transform:translate(4px);box-shadow:0 4px 20px #667eea33}.liquid-list-item:hover:before{left:100%}.liquid-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.liquid-modal{background:#141414e6;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px;max-width:500px;width:90%;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1a inset;animation:modalSlideIn .3s var(--transition-bounce)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.liquid-tooltip{position:absolute;background:#000000e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 16px;font-size:14px;color:#fff;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(10px);transition:all .3s var(--transition-smooth);box-shadow:0 8px 24px #0006}.liquid-tooltip.show{opacity:1;transform:translateY(0)}.liquid-loader{width:60px;height:60px;position:relative}.liquid-loader-blob{position:absolute;top:50%;left:50%;width:20px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;transform:translate(-50%,-50%);filter:blur(0);animation:liquidLoad 2s infinite ease-in-out}.liquid-loader-blob:nth-child(2){animation-delay:.5s;background:linear-gradient(135deg,#f093fb,#f5576c)}.liquid-loader-blob:nth-child(3){animation-delay:1s;background:linear-gradient(135deg,#4facfe,#00f2fe)}@keyframes liquidLoad{0%,to{transform:translate(-50%,-50%) scale(0);filter:blur(0);opacity:1}50%{transform:translate(-50%,-50%) scale(3);filter:blur(20px);opacity:.3}}.liquid-tabs{display:flex;gap:8px;padding:8px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.1)}.liquid-tab{padding:12px 24px;background:transparent;border:none;border-radius:12px;color:#ffffffb3;font-weight:500;cursor:pointer;transition:all .3s var(--transition-smooth);position:relative}.liquid-tab.active{color:#fff;background:#667eea33;box-shadow:0 4px 12px #667eea4d}.liquid-tab.active:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:30px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;box-shadow:0 0 10px #667eeacc}.liquid-avatar{position:relative;width:48px;height:48px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);padding:2px}.liquid-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid rgba(0,0,0,.9)}.liquid-avatar-glow{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;opacity:.6;filter:blur(8px);z-index:-1;animation:avatarGlow 2s ease-in-out infinite}@keyframes avatarGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.liquid-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:12px;font-size:12px;font-weight:600;color:#fff;box-shadow:0 2px 8px #f0576c80;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.liquid-progress{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.liquid-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;border-radius:4px;transition:width .3s ease;animation:progressShine 2s linear infinite}@keyframes progressShine{0%{background-position:0% 0%}to{background-position:200% 0%}}.liquid-switch{position:relative;width:56px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:16px;cursor:pointer;transition:all .3s var(--transition-smooth)}.liquid-switch-thumb{position:absolute;top:3px;left:3px;width:24px;height:24px;background:#fffc;border-radius:50%;transition:all .3s var(--transition-smooth);box-shadow:0 2px 8px #0003}.liquid-switch.active{background:#667eea4d;border-color:#667eea80}.liquid-switch.active .liquid-switch-thumb{left:27px;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 12px #667eea99}@media (max-width: 768px){.liquid-sidebar{width:100%;transform:translate(-100%);transition:transform .3s var(--transition-smooth)}.liquid-sidebar.open{transform:translate(0)}.liquid-modal{padding:24px;margin:16px}}.neural-network{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:-1}.neural-node{position:absolute;width:4px;height:4px;background:#667eeacc;border-radius:50%;box-shadow:0 0 10px #667eea99}.neural-connection{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.4),transparent);transform-origin:left center;animation:neuralPulse 3s ease-in-out infinite}@keyframes neuralPulse{0%,to{opacity:.2}50%{opacity:.8}}.cloudmcp-chat-container{display:flex;height:100vh;background:#0a0a0a;position:relative;overflow:hidden}.cloudmcp-sidebar{width:320px;background:#0f0f0f99;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column}.cloudmcp-header{padding:20px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.06)}.cloudmcp-search{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 16px;gap:12px}.cloudmcp-search-icon{color:#fff6;font-size:18px}.cloudmcp-search-input{flex:1;background:none;border:none;color:#fff;font-size:14px;outline:none}.cloudmcp-search-input::placeholder{color:#ffffff4d}.cloudmcp-chat-list{flex:1;overflow-y:auto;padding:8px}.cloudmcp-chat-item{display:flex;align-items:center;padding:12px;margin-bottom:4px;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.cloudmcp-chat-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;opacity:0;transition:opacity .2s ease}.cloudmcp-chat-item:hover:before,.cloudmcp-chat-item.active:before{opacity:1}.cloudmcp-chat-item:hover{transform:translate(4px)}.cloudmcp-avatar-wrapper{position:relative;margin-right:12px}.cloudmcp-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:18px}.cloudmcp-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.cloudmcp-online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#4ade80;border:2px solid #0a0a0a;border-radius:50%;box-shadow:0 0 8px #4ade8099}.cloudmcp-chat-info{flex:1;min-width:0}.cloudmcp-chat-name{font-weight:600;color:#fff;font-size:15px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloudmcp-chat-message{font-size:13px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloudmcp-chat-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.cloudmcp-chat-time{font-size:12px;color:#ffffff4d}.cloudmcp-unread-badge{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center;box-shadow:0 2px 8px #f0576c66}.cloudmcp-main-chat{flex:1;display:flex;flex-direction:column;background:#0a0a0acc;position:relative}.cloudmcp-chat-header{padding:20px 24px;background:#0f0f0f99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between}.cloudmcp-header-info{display:flex;align-items:center;gap:16px}.cloudmcp-header-details h2{font-size:18px;font-weight:600;color:#fff;margin-bottom:4px}.cloudmcp-header-status{font-size:13px;color:#ffffff80}.cloudmcp-header-actions{display:flex;gap:12px}.cloudmcp-icon-button{width:40px;height:40px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#fff9;cursor:pointer;transition:all .2s ease}.cloudmcp-icon-button:hover{background:#ffffff14;color:#fff;box-shadow:0 4px 12px #ffffff1a}.cloudmcp-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.cloudmcp-message{display:flex;align-items:flex-end;gap:12px;animation:messageSlide .3s ease}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cloudmcp-message.sent{flex-direction:row-reverse}.cloudmcp-message-avatar{width:32px;height:32px;border-radius:50%;background:#ffffff1a;flex-shrink:0}.cloudmcp-message-content{max-width:70%;padding:12px 16px;border-radius:18px;font-size:15px;line-height:1.4;position:relative}.cloudmcp-message.received .cloudmcp-message-content{background:#ffffff0f;color:#ffffffe6;border:1px solid rgba(255,255,255,.08)}.cloudmcp-message.sent .cloudmcp-message-content{background:linear-gradient(135deg,#667eea33,#764ba233);color:#fff;border:1px solid rgba(102,126,234,.3);box-shadow:0 4px 12px #667eea26}.cloudmcp-message-time{font-size:11px;color:#ffffff4d;margin-top:4px}.cloudmcp-input-area{padding:20px;background:#0f0f0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.06)}.cloudmcp-input-container{display:flex;align-items:flex-end;gap:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:8px 8px 8px 20px;transition:all .2s ease}.cloudmcp-input-container:focus-within{background:#ffffff0f;border-color:#667eea4d;box-shadow:0 0 0 3px #667eea1a}.cloudmcp-input{flex:1;background:none;border:none;color:#fff;font-size:15px;outline:none;resize:none;max-height:120px;padding:8px 0}.cloudmcp-input::placeholder{color:#ffffff4d}.cloudmcp-input-actions{display:flex;gap:4px}.cloudmcp-send-button{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d}.cloudmcp-send-button:hover{transform:scale(1.05);box-shadow:0 6px 20px #667eea66}.cloudmcp-send-button:active{transform:scale(.95)}.cloudmcp-floating-button{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px #667eea66,0 0 0 4px #667eea1a;transition:all .3s ease;font-size:24px}.cloudmcp-floating-button:hover{transform:translateY(-4px);box-shadow:0 12px 32px #667eea80,0 0 0 8px #667eea26}.cloudmcp-typing-indicator{display:flex;align-items:center;gap:4px;padding:8px 16px;margin-left:44px}.cloudmcp-typing-dot{width:8px;height:8px;border-radius:50%;background:#667eea99;animation:typingBounce 1.4s infinite ease-in-out}.cloudmcp-typing-dot:nth-child(1){animation-delay:-.32s}.cloudmcp-typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(.8);opacity:.4}40%{transform:scale(1);opacity:1}}@media (max-width: 768px){.cloudmcp-sidebar{position:fixed;left:-100%;top:0;bottom:0;width:85%;z-index:1000;transition:left .3s ease}.cloudmcp-sidebar.open{left:0;box-shadow:0 0 50px #00000080}.cloudmcp-main-chat{width:100%}.cloudmcp-message-content{max-width:85%}}
