.launch-agent-card-wrap{--liquid-accent:var(--agent-primary);min-width:0;min-height:0}.launch-agent-card-wrap:nth-child(2){--agent-delay:-1.8s}.launch-agent-card-wrap:nth-child(3){--agent-delay:-3.1s}.launch-agent-card-wrap:nth-child(4){--agent-delay:-4.2s}.launch-agent-card{--liquid-x:0px;--liquid-y:0px;--pointer-x:50%;--pointer-y:50%;--tilt-x:0deg;--tilt-y:0deg;border:.5px solid color-mix(in srgb, var(--agent-foreground) 16%, transparent);width:100%;height:100%;color:var(--agent-foreground);text-align:left;transform-style:preserve-3d;will-change:transform;background:0 0;border-radius:20px;transition:border-color .18s,box-shadow .18s,transform .18s;position:relative;overflow:hidden}.launch-agent-card:after{z-index:2;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), color-mix(in srgb, var(--agent-foreground) 28%, transparent), color-mix(in srgb, var(--agent-primary) 10%, transparent) 18%, transparent 42%);content:"";opacity:0;pointer-events:none;transition:opacity .18s;position:absolute;inset:0}.launch-agent-card:hover{border-color:color-mix(in srgb, var(--agent-primary) 58%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--agent-primary) 14%, transparent), 0 0 30px color-mix(in srgb, var(--agent-primary) 20%, transparent), inset 0 1px 0 color-mix(in srgb, var(--agent-foreground) 18%, transparent);transform:perspective(720px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-2px) scale(1.01)}.launch-agent-card:hover:after{opacity:.56}.launch-agent-liquid{z-index:0;border-radius:inherit;background:linear-gradient(145deg, color-mix(in oklab, var(--agent-background) 74%, var(--agent-primary) 26%), color-mix(in oklab, var(--agent-background) 82%, var(--liquid-accent) 18%));pointer-events:none;transform:translate(var(--liquid-x), var(--liquid-y)) scale(1.08);transition:transform .36s cubic-bezier(.2,.8,.2,1);position:absolute;inset:-10px;overflow:hidden}.launch-agent-liquid-shape{filter:blur(1.5px)saturate(1.2);will-change:border-radius, transform;display:block;position:absolute}.launch-agent-liquid-shape-a{background:radial-gradient(circle at 28% 30%, color-mix(in oklab, var(--agent-foreground) 48%, transparent), transparent 24%), linear-gradient(140deg, color-mix(in oklab, var(--agent-primary) 58%, var(--agent-foreground) 42%), color-mix(in oklab, var(--agent-primary) 38%, var(--liquid-accent) 62%));opacity:.82;width:142%;height:128%;animation:10s ease-in-out infinite alternate launch-agent-liquid-a;animation-delay:var(--agent-delay,0s);border-radius:46% 54% 62% 38%/38% 46% 54% 62%;top:-54%;left:-20%}.launch-agent-liquid-shape-b{background:radial-gradient(circle at 60% 24%, color-mix(in oklab, var(--agent-foreground) 32%, transparent), transparent 20%), linear-gradient(215deg, color-mix(in oklab, var(--liquid-accent) 42%, var(--agent-primary) 58%), color-mix(in oklab, var(--agent-background) 52%, var(--agent-primary) 48%));opacity:.66;width:122%;height:118%;animation:13s ease-in-out infinite alternate launch-agent-liquid-b;animation-delay:var(--agent-delay,0s);border-radius:62% 38% 44% 56%/50% 60% 40% 50%;position:absolute;bottom:-55%;right:-26%}.launch-agent-caustic{background:linear-gradient(112deg, transparent 28%, color-mix(in srgb, var(--agent-foreground) 14%, transparent) 42%, transparent 55%), radial-gradient(ellipse at 70% 20%, color-mix(in srgb, var(--agent-foreground) 18%, transparent), transparent 36%);animation:8s ease-in-out infinite alternate launch-agent-caustic;animation-delay:var(--agent-delay,0s);position:absolute;inset:-20%}.launch-agent-card-wrap[data-effect=folds] .launch-agent-liquid{background:linear-gradient(145deg, color-mix(in oklab, var(--agent-background) 76%, var(--agent-primary) 24%), color-mix(in oklab, var(--agent-background) 70%, var(--liquid-accent) 30%))}.launch-agent-card-wrap[data-effect=folds] .launch-agent-liquid-shape-a{background:linear-gradient(140deg, color-mix(in oklab, var(--agent-foreground) 24%, transparent), color-mix(in oklab, var(--agent-primary) 62%, transparent));clip-path:polygon(0 12%,100% 0,72% 100%,18% 76%);filter:blur(2px);opacity:.7;border-radius:8%;width:128%;height:92%;animation-name:launch-agent-fold-a;top:-14%;left:-24%}.launch-agent-card-wrap[data-effect=folds] .launch-agent-liquid-shape-b{background:linear-gradient(225deg, color-mix(in oklab, var(--liquid-accent) 46%, transparent), color-mix(in oklab, var(--agent-foreground) 18%, transparent));clip-path:polygon(22% 0,100% 22%,82% 100%,0 64%);filter:blur(3px);opacity:.56;border-radius:6%;width:116%;height:86%;animation-name:launch-agent-fold-b;right:-20%}.launch-agent-card-wrap[data-effect=aurora] .launch-agent-liquid-shape-a{background:linear-gradient(110deg, transparent, color-mix(in oklab, var(--agent-primary) 70%, var(--agent-foreground) 30%), color-mix(in oklab, var(--liquid-accent) 72%, transparent), transparent);filter:blur(16px)saturate(1.35);opacity:.78;border-radius:50%;width:176%;height:58%;animation-name:launch-agent-aurora-a;top:2%;left:-34%}.launch-agent-card-wrap[data-effect=aurora] .launch-agent-liquid-shape-b{background:linear-gradient(80deg, transparent, color-mix(in oklab, var(--agent-foreground) 28%, var(--agent-primary) 72%), transparent);filter:blur(20px);opacity:.54;border-radius:50%;width:158%;height:44%;animation-name:launch-agent-aurora-b;bottom:-8%;right:-36%}.launch-agent-card-wrap[data-effect=rings] .launch-agent-liquid-shape-a{background:repeating-radial-gradient(circle at center, color-mix(in srgb, var(--agent-foreground) 24%, transparent) 0 2%, transparent 7% 13%, color-mix(in srgb, var(--agent-primary) 34%, transparent) 15% 17%, transparent 22% 30%);filter:blur(.5px);opacity:.74;border-radius:50%;width:150%;height:150%;animation-name:launch-agent-ring-a;top:-52%;left:-26%}.launch-agent-card-wrap[data-effect=rings] .launch-agent-liquid-shape-b{background:radial-gradient(circle, color-mix(in oklab, var(--liquid-accent) 56%, var(--agent-foreground) 44%), color-mix(in srgb, var(--agent-primary) 26%, transparent) 34%, transparent 68%);filter:blur(8px);opacity:.56;border-radius:50%;width:94%;height:94%;animation-name:launch-agent-ring-b;bottom:-34%;right:-14%}.launch-agent-shade{z-index:1;background:linear-gradient(to top, color-mix(in srgb, var(--agent-background) 94%, transparent) 0%, color-mix(in srgb, var(--agent-background) 58%, transparent) 48%, transparent 78%);pointer-events:none;position:absolute;inset:0}.launch-agent-icon{z-index:3;border:1px solid color-mix(in srgb, var(--agent-foreground) 22%, transparent);background:color-mix(in srgb, var(--agent-background) 48%, transparent);color:#f6f8ff;backdrop-filter:blur(12px);border-radius:50%;place-items:center;width:31px;height:31px;display:grid;position:absolute;top:17px;left:18px}.launch-agent-icon svg{stroke-width:1.6px;width:15px;height:15px}.launch-agent-live{z-index:3;background:var(--liquid-accent);width:7px;height:7px;box-shadow:0 0 14px var(--liquid-accent);border-radius:50%;position:absolute;top:22px;right:20px}.launch-agent-copy{z-index:3;gap:3px;min-width:0;display:grid;position:absolute;bottom:17px;left:18px;right:18px}.launch-agent-copy small{color:#d7deedb8;letter-spacing:.09em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:400;overflow:hidden}.launch-agent-copy strong{color:#f8f9fd;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:600;overflow:hidden}.launch-agent-copy>span{color:#d3daea;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400;overflow:hidden}.launch-agent-trail{top:var(--trail-y);left:var(--trail-x);z-index:2;background:radial-gradient(circle, color-mix(in srgb, var(--agent-foreground) 18%, transparent), color-mix(in srgb, var(--agent-primary) 14%, transparent) 34%, transparent 72%);pointer-events:none;border-radius:50%;width:34px;height:34px;animation:.56s ease-out forwards launch-agent-trail-out;position:absolute;transform:translate(-50%,-50%)}@keyframes launch-agent-liquid-a{0%{border-radius:46% 54% 62% 38%/38% 46% 54% 62%;transform:rotate(-8deg)translate(-2%,1%)scale(.96)}48%{border-radius:58% 42% 42% 58%/52% 36% 64% 48%;transform:rotate(5deg)translate(4%,7%)scale(1.08)}to{border-radius:38% 62% 54% 46%/60% 52% 48% 40%;transform:rotate(12deg)translate(-1%,12%)scale(1.02)}}@keyframes launch-agent-liquid-b{0%{border-radius:62% 38% 44% 56%/50% 60% 40% 50%;transform:rotate(4deg)translate(2%,-2%)scale(1)}55%{border-radius:44% 56% 64% 36%/62% 44% 56% 38%;transform:rotate(-10deg)translate(-8%,-9%)scale(1.12)}to{border-radius:56% 44% 36% 64%/42% 58%;transform:rotate(-2deg)translate(-4%,-15%)scale(1.04)}}@keyframes launch-agent-caustic{0%{opacity:.42;transform:translate(-5%,-2%)rotate(-5deg)}to{opacity:.82;transform:translate(7%,4%)rotate(4deg)}}@keyframes launch-agent-fold-a{0%{transform:rotate(-12deg)translate(-5%,-4%)scale(1)}to{transform:rotate(8deg)translate(12%,14%)scale(1.16)}}@keyframes launch-agent-fold-b{0%{transform:rotate(8deg)translate(9%,-8%)scale(1.04)}to{transform:rotate(-16deg)translate(-12%,-18%)scale(1.2)}}@keyframes launch-agent-aurora-a{0%{transform:rotate(-18deg)translate(-8%,8%)scale(1)}to{transform:rotate(12deg)translate(16%,34%)scale(1.18)}}@keyframes launch-agent-aurora-b{0%{transform:rotate(16deg)translate(10%,2%)scale(.92)}to{transform:rotate(-14deg)translate(-18%,-26%)scale(1.2)}}@keyframes launch-agent-ring-a{0%{transform:rotate(0)scale(.84)}to{transform:rotate(24deg)scale(1.18)}}@keyframes launch-agent-ring-b{0%{transform:translate(-18%,10%)scale(.8)}to{transform:translate(16%,-14%)scale(1.12)}}@keyframes launch-agent-trail-out{0%{opacity:.44;transform:translate(-50%,-50%)scale(.6)}to{opacity:0;transform:translate(-50%,-50%)scale(1.25)}}
