@keyframes mcp-connect-popup-mesh-drift{0%{transform:scale(1.1)translate(0%,0%)rotate(0)}33%{transform:scale(1.18)translate(-4%,-3%)rotate(1.5deg)}66%{transform:scale(1.14)translate(3%,2%)rotate(-1deg)}to{transform:scale(1.1)translate(0%,0%)rotate(0)}}@keyframes mcp-connect-popup-mesh-accent{0%{opacity:.72;transform:translate(0%,0%)scale(1)}50%{opacity:1;transform:translate(5%,-4%)scale(1.08)}to{opacity:.8;transform:translate(-4%,3%)scale(1.04)}}@keyframes mcp-connect-popup-mesh-glow{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.12)}}@keyframes mcp-connect-popup-mesh-filter{0%,to{filter:blur(36px)saturate(1.12)brightness(.98)}50%{filter:blur(32px)saturate(1.28)brightness(1.06)}}.mcp-connect-popup__mesh{isolation:isolate;position:relative;overflow:hidden}.mcp-connect-popup__mesh-content{z-index:1;place-items:center;height:118px;padding-inline:20px;display:grid;position:relative;transform:translateY(-8px)}.mcp-connect-popup__body{margin-top:-18px;padding:0 20px 20px;position:relative}.mcp-connect-popup__mesh-blobs{filter:blur(34px)saturate(1.22)brightness(1.02);will-change:transform, filter;background:radial-gradient(88% 96% at 8% 18%,#ddd6fefa 0%,#c4b5fdb8 24%,#0000 68%),radial-gradient(92% 88% at 52% 8%,#bae6fdf5 0%,#7dd3fc94 28%,#0000 66%),radial-gradient(84% 92% at 94% 24%,#fed7aaf0 0%,#fdba7485 26%,#0000 64%),radial-gradient(78% 84% at 78% 78%,#fbcfe8e0 0%,#f472b647 30%,#0000 62%),radial-gradient(72% 80% at 18% 84%,#e0e7ffd1 0%,#c7d2fe6b 32%,#0000 60%),linear-gradient(165deg,#fdfbff 0%,#f7f4ff 42%,#fff8f1 100%);animation:10s ease-in-out infinite mcp-connect-popup-mesh-drift;position:absolute;inset:-48% -28% -56%;transform:scale(1.12)}.mcp-connect-popup__mesh-blobs:before{content:"";filter:blur(26px)saturate(1.35);opacity:.9;background:radial-gradient(70% 78% at 34% 36%,#a5b4fc8c 0%,#0000 68%),radial-gradient(64% 72% at 72% 42%,#fef08a6b 0%,#0000 64%);animation:7s ease-in-out infinite alternate mcp-connect-popup-mesh-accent;position:absolute;inset:8% 10% 14%}.mcp-connect-popup__mesh-blobs:after{content:"";filter:blur(18px);opacity:.75;background:radial-gradient(72% 68% at 50% 42%,#ffffff85 0%,#ffffff1f 38%,#0000 72%);animation:6s ease-in-out infinite mcp-connect-popup-mesh-glow;position:absolute;inset:18% 22% 28%}.mcp-connect-popup__mesh-fade{z-index:0;background:linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--modal-bg) 8%, transparent) 28%, color-mix(in srgb, var(--modal-bg) 55%, transparent) 58%, color-mix(in srgb, var(--modal-bg) 94%, transparent) 84%, var(--modal-bg) 100%);pointer-events:none;height:58%;position:absolute;inset:auto 0 0}.mcp-connect-popup__mesh:after{content:"";background:radial-gradient(ellipse 92% 88% at 50% 28%, transparent 36%, color-mix(in srgb, var(--modal-bg) 10%, transparent) 100%);pointer-events:none;position:absolute;inset:0}.mcp-connect-popup__grain{pointer-events:none;opacity:.11;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.78' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)'/%3E%3C/svg%3E");background-size:160px 160px;position:absolute;inset:0}[data-theme=dark] .mcp-connect-popup__mesh-blobs{background:radial-gradient(ellipse 88% 96% at 8% 16%, #7c3aed6b 0%, #5b21b638 26%, transparent 68%), radial-gradient(ellipse 92% 88% at 50% 6%, #0ea5e957 0%, #0891b229 28%, transparent 66%), radial-gradient(ellipse 84% 92% at 94% 22%, #f59e0b3d 0%, #d977061f 26%, transparent 64%), radial-gradient(ellipse 78% 84% at 76% 76%, #f43f5e33 0%, #be185d1a 30%, transparent 62%), radial-gradient(ellipse 72% 80% at 16% 82%, #4f46e52e 0%, #4338ca17 32%, transparent 60%), linear-gradient(165deg, var(--modal-bg) 0%, color-mix(in srgb, var(--modal-bg) 92%, #1a1524) 46%, var(--modal-bg) 100%);animation:10s ease-in-out infinite mcp-connect-popup-mesh-drift,8s ease-in-out infinite mcp-connect-popup-mesh-filter}[data-theme=dark] .mcp-connect-popup__mesh-blobs:before{opacity:.75;background:radial-gradient(70% 78% at 30% 34%,#6366f138 0%,#0000 68%),radial-gradient(64% 72% at 74% 40%,#fbbf2424 0%,#0000 64%)}[data-theme=dark] .mcp-connect-popup__mesh-blobs:after{opacity:.5;background:radial-gradient(72% 68% at 50% 40%,#ffffff14 0%,#ffffff06 38%,#0000 72%)}[data-theme=dark] .mcp-connect-popup__mesh:after{background:radial-gradient(ellipse 92% 88% at 50% 28%, transparent 42%, color-mix(in srgb, var(--modal-bg) 18%, transparent) 100%)}[data-theme=dark] .mcp-connect-popup__grain{opacity:.16;mix-blend-mode:soft-light}.mcp-connect-popup__client-row{grid-template-columns:repeat(5,44px);justify-content:center;align-items:center;gap:10px;margin:0;padding:0;list-style:none;display:grid}.mcp-connect-popup__client-tile{border:1px solid var(--app-widget-inner-border);background:color-mix(in srgb, var(--app-widget-inner-bg) 88%, var(--modal-bg) 12%);width:44px;height:44px;color:var(--text);box-shadow:0 8px 20px -14px color-mix(in srgb, var(--astral-100) 18%, transparent), inset 0 1px 0 color-mix(in srgb, var(--astral-100) 10%, transparent);justify-content:center;align-items:center;display:flex}.mcp-connect-popup__client-logo{flex:none;width:18px;height:18px}.mcp-connect-popup__client-tile[data-client=claude] .mcp-connect-popup__client-logo{width:20px;height:20px}.mcp-connect-popup__client-tile[data-client=gemini] .mcp-connect-popup__client-logo{width:19px;height:19px}.mcp-connect-popup__client-tile svg{flex:none}.mcp-connect-popup__client-tile.is-active{z-index:1;border-color:color-mix(in srgb, var(--app-border) 82%, var(--astral-100) 18%);box-shadow:0 16px 28px -14px color-mix(in srgb, var(--astral-100) 24%, transparent), var(--shadow-menu), inset 0 1px 0 color-mix(in srgb, var(--astral-100) 16%, transparent)}[data-theme=dark] .mcp-connect-popup__client-tile{background:color-mix(in srgb, var(--app-widget-inner-bg) 92%, var(--modal-bg) 8%);box-shadow:0 10px 24px -16px #0000008c, inset 0 1px 0 color-mix(in srgb, var(--astral-100) 6%, transparent)}[data-theme=dark] .mcp-connect-popup__client-tile.is-active{border-color:color-mix(in srgb, var(--app-border) 78%, var(--astral-100) 22%);box-shadow:0 18px 32px -14px #0000009e, var(--shadow-menu), inset 0 1px 0 color-mix(in srgb, var(--astral-100) 10%, transparent)}@media (prefers-reduced-motion:reduce){.mcp-connect-popup__mesh-blobs,.mcp-connect-popup__mesh-blobs:before,.mcp-connect-popup__mesh-blobs:after{animation:none}}
