:root{--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out-quart:cubic-bezier(.76, 0, .24, 1)}@property --beam-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.agent-atlas{--agent-color:56, 189, 248}.agent-vega{--agent-color:192, 132, 252}.agent-orion{--agent-color:251, 146, 60}.agent-luna{--agent-color:45, 212, 191}.agent-titan{--agent-color:251, 191, 36}.agent-nova{--agent-color:250, 204, 21}.desk-aurora,.desk-grid{z-index:-1;pointer-events:none;position:fixed;inset:0}.desk-aurora{overflow:hidden}.desk-aurora:before,.desk-aurora:after{content:"";border-radius:50%;width:70vmax;height:70vmax;position:absolute}.desk-aurora:before{background:radial-gradient(circle,#0ea5e921,#0000 62%);animation:26s ease-in-out infinite alternate aurora-a;top:-38vmax;left:-22vmax}.desk-aurora:after{background:radial-gradient(circle,#8b5cf61f,#0000 62%);animation:32s ease-in-out infinite alternate aurora-b;bottom:-42vmax;right:-26vmax}@keyframes aurora-a{to{transform:translate(18vmax,10vmax)scale(1.15)}}@keyframes aurora-b{to{transform:translate(-16vmax,-12vmax)scale(1.1)}}.desk-grid{background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(70% 55% at 50% 18%,#000 25%,#0000 100%);mask-image:radial-gradient(70% 55% at 50% 18%,#000 25%,#0000 100%)}.agent-slot{transition:transform .6s var(--ease-out-expo);animation:slot-enter 1s var(--ease-out-expo) backwards;animation-delay:calc(var(--i,0) * 90ms + 80ms);border-radius:14px;position:relative}.agent-slot:hover{transform:translateY(-3px)}@keyframes slot-enter{0%{opacity:0;filter:blur(6px);transform:translateY(16px)scale(.97)}}.agent-card{isolation:isolate;background:radial-gradient(120% 80% at 0% 0%, rgba(var(--agent-color), .08), transparent 55%), linear-gradient(180deg, #ffffff0b, #ffffff03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;height:100%;padding:14px;transition:box-shadow .6s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 1px #ffffff0f,0 10px 30px -18px #000000e6}.agent-slot:hover .agent-card{box-shadow:inset 0 0 0 1px rgba(var(--agent-color), .28), inset 0 1px 0 0 #ffffff14, 0 18px 40px -20px rgba(var(--agent-color), .55)}.card-content{z-index:4;flex-direction:column;gap:12px;display:flex;position:relative}.agent-slot .agent-card.status-active{box-shadow:inset 0 0 0 1px rgba(var(--agent-color), .35), inset 0 1px 0 0 #ffffff14, 0 16px 40px -20px rgba(var(--agent-color), .85)}.agent-slot .agent-card.status-approved{animation:card-settle .8s var(--ease-out-expo);box-shadow:inset 0 0 0 1px #34d39966,inset 0 1px #ffffff14,0 16px 40px -20px #34d399bf}.agent-slot .agent-card.status-rejected{animation:card-nudge .6s var(--ease-smooth);box-shadow:inset 0 0 0 1px #fbbf2459,inset 0 1px #ffffff0f,0 16px 40px -22px #fbbf2499}.agent-slot .agent-card.status-error{animation:2.2s ease-in-out infinite card-alert}@keyframes card-settle{0%{transform:scale(.985)}45%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes card-nudge{0%,to{transform:translate(0)}35%{transform:translate(-2px)}70%{transform:translate(2px)}}@keyframes card-alert{0%,to{box-shadow:inset 0 0 0 1px #f8717159,0 14px 34px -22px #f8717180}50%{box-shadow:inset 0 0 0 1px #f8717199,0 16px 40px -18px #f87171d9}}.card-beam{--beam:var(--agent-color);z-index:5;border-radius:inherit;background:conic-gradient(from var(--beam-angle), transparent 0deg 210deg, rgba(var(--beam), .12) 255deg, rgba(var(--beam), .9) 335deg, #fffc 352deg, transparent 360deg);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.status-active .card-beam,.status-approved .card-beam{opacity:1;animation:3.2s linear infinite beam-spin,.9s backwards fade-in}.status-approved .card-beam{--beam:52, 211, 153}.status-rejected .card-beam{--beam:251, 191, 36;opacity:.75;animation:5s linear infinite beam-spin,.9s backwards fade-in}.status-error .card-beam{--beam:248, 113, 113;opacity:.9;animation:2.4s linear infinite beam-spin}@keyframes beam-spin{to{--beam-angle:360deg}}@keyframes fade-in{0%{opacity:0}}.card-spotlight{z-index:1;border-radius:inherit;pointer-events:none;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%), rgba(var(--agent-color), .16), transparent 65%);opacity:0;transition:opacity .5s;position:absolute;inset:0}.agent-slot:hover .card-spotlight{opacity:1}.card-ripple{z-index:2;pointer-events:none;background:radial-gradient(circle, transparent 55%, rgba(var(--agent-color), .35) 68%, transparent 72%);width:340px;height:340px;animation:ripple-out 1.4s var(--ease-out-expo) forwards;border-radius:50%;margin:-170px 0 0 -170px;position:absolute;top:50%;left:50%}.status-approved .card-ripple{background:radial-gradient(circle,#0000 55%,#34d39959 68%,#0000 72%)}.status-rejected .card-ripple{background:radial-gradient(circle,#0000 55%,#fbbf244d 68%,#0000 72%)}@keyframes ripple-out{0%{opacity:1;transform:scale(.05)}to{opacity:0;transform:scale(1)}}.card-sweep{z-index:3;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.card-sweep:after{content:"";background:linear-gradient(120deg,#0000,#ffffff38,#0000);width:35%;height:220%;position:absolute;top:-60%;left:-60%;transform:rotate(20deg)}.agent-card:not(.status-idle) .card-sweep:after{animation:card-sweep-move 1.3s var(--ease-in-out-quart) .1s backwards;left:140%}@keyframes card-sweep-move{0%{left:-60%}}.agent-icon-chip{background:linear-gradient(180deg, rgba(var(--agent-color), .16), rgba(var(--agent-color), .05));width:32px;height:32px;box-shadow:inset 0 0 0 1px rgba(var(--agent-color), .22);transition:transform .5s var(--ease-out-expo), box-shadow .6s ease;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.agent-slot:hover .agent-icon-chip{transform:scale(1.07)rotate(-4deg)}.status-active .agent-icon-chip,.status-approved .agent-icon-chip{box-shadow:inset 0 0 0 1px rgba(var(--agent-color), .5), 0 0 18px -4px rgba(var(--agent-color), .75)}.status-pill{letter-spacing:.1em;color:#71717a;animation:pill-in .6s var(--ease-out-expo) 50ms backwards;background:#ffffff09;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:3px 9px 3px 7px;font-size:10px;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff0f}.status-active .status-pill{color:rgb(var(--agent-color));background:rgba(var(--agent-color), .1);box-shadow:inset 0 0 0 1px rgba(var(--agent-color), .25)}.status-approved .status-pill{color:#34d399;background:#34d3991a;box-shadow:inset 0 0 0 1px #34d39947}.status-rejected .status-pill{color:#fbbf24;background:#fbbf241a;box-shadow:inset 0 0 0 1px #fbbf2447}.status-error .status-pill{color:#f87171;background:#f871711a;box-shadow:inset 0 0 0 1px #f871714d}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px;position:relative}.status-active .status-dot:after,.status-approved .status-dot:after,.status-error .status-dot:after{content:"";animation:dot-ping 1.8s var(--ease-out-expo) infinite;background:currentColor;border-radius:50%;position:absolute;inset:0}@keyframes dot-ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}@keyframes pill-in{0%{opacity:0;filter:blur(3px);transform:translateY(4px)}}.agent-card:before,.agent-card:after{content:"";pointer-events:none;z-index:0;position:absolute}.agent-atlas .agent-card:before{background:conic-gradient(from 0deg, transparent 0deg, rgba(var(--agent-color), .28) 18deg, transparent 48deg);animation:7s linear infinite motif-spin;inset:-60%}.agent-atlas .agent-card.status-active:before{animation-duration:2.2s}@keyframes motif-spin{to{transform:rotate(360deg)}}.agent-vega .agent-card:before{background:linear-gradient(90deg, transparent, rgba(var(--agent-color), .3), transparent);animation:vega-trace 5s var(--ease-in-out-quart) infinite;background-repeat:no-repeat;background-size:45% 100%;inset:0}.agent-vega .agent-card.status-active:before{animation-duration:1.8s}@keyframes vega-trace{0%{background-position:-60% 0}to{background-position:160% 0}}.agent-vega .agent-card:after{background:repeating-linear-gradient(90deg, rgba(var(--agent-color), .2) 0 2px, transparent 2px 9px);transform-origin:bottom;height:45%;animation:3.4s ease-in-out infinite alternate vega-bars;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}@keyframes vega-bars{0%{transform:scaleY(.6)}to{transform:scaleY(1)}}.agent-orion .agent-card:before,.agent-orion .agent-card:after{background:rgba(var(--agent-color), .7);width:7px;height:7px;animation:orion-ping 3.4s var(--ease-out-expo) infinite;border-radius:50%;top:14px;right:14px}.agent-orion .agent-card:after{animation-delay:1.7s}.agent-orion .agent-card.status-active:before,.agent-orion .agent-card.status-active:after{animation-duration:1.6s}@keyframes orion-ping{0%{box-shadow:0 0 0 0 rgba(var(--agent-color), .45);opacity:.9}to{box-shadow:0 0 0 22px rgba(var(--agent-color), 0);opacity:0}}.agent-luna .agent-card:before{background:radial-gradient(circle at 30% 72%, rgba(var(--agent-color), .32), transparent 55%), radial-gradient(circle at 72% 28%, rgba(var(--agent-color), .2), transparent 55%);animation:9s ease-in-out infinite luna-drift;inset:-25%}.agent-luna .agent-card.status-active:before{animation-duration:3.4s}@keyframes luna-drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(6%,-6%)scale(1.12)}}.agent-titan .agent-card:before{border:1px solid rgba(var(--agent-color), .4);border-radius:10px;animation:4s ease-in-out infinite titan-scan;inset:5px}.agent-titan .agent-card.status-active:before{animation-duration:1.6s}@keyframes titan-scan{0%,to{opacity:.15;transform:scale(.985)}50%{opacity:.55;transform:scale(1)}}.agent-nova .agent-card:before{background:conic-gradient(from 0deg, transparent 0deg, rgba(var(--agent-color), .24) 8deg, transparent 22deg, transparent 158deg, rgba(var(--agent-color), .24) 166deg, transparent 180deg, transparent 338deg, rgba(var(--agent-color), .24) 346deg, transparent 360deg);animation:14s linear infinite motif-spin;inset:-35%}.agent-nova .agent-card.status-active:before{animation-duration:4s}.agent-nova .agent-card.status-approved:before{animation-duration:2.2s}.agent-icon{width:18px;height:18px;color:rgb(var(--agent-color));filter:drop-shadow(0 0 3px rgba(var(--agent-color), .4));flex-shrink:0}.icon-atlas-sweep{transform-box:fill-box;transform-origin:50%;animation:5s linear infinite motif-spin}.status-active .icon-atlas-sweep{animation-duration:1.4s}.icon-vega-bar{transform-box:fill-box;transform-origin:bottom;animation:2.4s ease-in-out infinite icon-bar-pulse}.icon-vega-bar:nth-child(2){animation-delay:.25s}.icon-vega-bar:nth-child(3){animation-delay:.5s}@keyframes icon-bar-pulse{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1)}}.status-active .icon-vega-bar{animation-duration:.9s}.icon-orion-wave1,.icon-orion-wave2{animation:2.8s ease-in-out infinite icon-wave-pulse}.icon-orion-wave2{animation-delay:.45s}@keyframes icon-wave-pulse{0%,to{opacity:.3}50%{opacity:1}}.status-active .icon-orion-wave1,.status-active .icon-orion-wave2{animation-duration:1.1s}.icon-luna-moon{transform-box:fill-box;transform-origin:50%;animation:4.2s ease-in-out infinite icon-breathe}@keyframes icon-breathe{0%,to{opacity:.7;transform:scale(.95)rotate(-6deg)}50%{opacity:1;transform:scale(1.05)rotate(6deg)}}.status-active .icon-luna-moon{animation-duration:1.7s}.icon-titan-shield{animation:3.2s ease-in-out infinite icon-shield-pulse}@keyframes icon-shield-pulse{0%,to{filter:drop-shadow(0 0 1px rgba(var(--agent-color), .3))}50%{filter:drop-shadow(0 0 5px rgba(var(--agent-color), .8))}}.icon-titan-check{stroke-dasharray:10;stroke-dashoffset:10px}.status-approved .icon-titan-check{animation:icon-check-draw .6s var(--ease-out-expo) .15s forwards}@keyframes icon-check-draw{to{stroke-dashoffset:0}}.icon-nova-spin{transform-box:fill-box;transform-origin:50%;animation:icon-nova-swirl 6s var(--ease-in-out-quart) infinite}@keyframes icon-nova-swirl{0%{transform:rotate(0)scale(.9)}50%{transform:rotate(180deg)scale(1.1)}to{transform:rotate(360deg)scale(.9)}}.status-active .icon-nova-spin,.status-approved .icon-nova-spin{animation-duration:1.8s}.pipeline-stop{flex-direction:column;flex-shrink:0;align-items:center;gap:7px;width:42px;display:flex}.pipeline-node{width:10px;height:10px;transition:background .6s ease, box-shadow .6s ease, transform .6s var(--ease-out-expo);background:#ffffff24;border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.pipeline-stop.is-on .pipeline-node{background:rgb(var(--agent-color));box-shadow:0 0 0 3px rgba(var(--agent-color), .15), 0 0 14px 2px rgba(var(--agent-color), .55);transform:scale(1.15)}.pipeline-stop.is-on .pipeline-node:after{content:"";box-shadow:0 0 0 1px rgba(var(--agent-color), .8);animation:node-ripple 1.4s var(--ease-out-expo) forwards;border-radius:50%;position:absolute;inset:0}@keyframes node-ripple{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(3.6)}}.pipeline-label{letter-spacing:.14em;text-transform:uppercase;color:#52525b;font-size:9px;font-weight:600;transition:color .6s}.pipeline-stop.is-on .pipeline-label{color:rgb(var(--agent-color))}.pipeline-link{background:#ffffff12;border-radius:2px;flex:auto;height:2px;margin-top:4px;position:relative;overflow:hidden}.pipeline-link.is-on:before{content:"";transform-origin:0;animation:link-fill .9s var(--ease-out-expo) backwards;background:linear-gradient(90deg,#ffffff14,#ffffff4d);position:absolute;inset:0}.pipeline-link.is-on:after{content:"";filter:blur(1px);width:40%;animation:link-spark 1.1s var(--ease-in-out-quart) backwards;background:linear-gradient(90deg,#0000,#ffffffd9,#0000);position:absolute;top:-4px;bottom:-4px;left:100%}@keyframes link-fill{0%{transform:scaleX(0)}}@keyframes link-spark{0%{left:-40%}}.travel{z-index:30;pointer-events:none;position:absolute;inset:0}.travel-orb{--peak:1;left:var(--x1);top:var(--y1);background:radial-gradient(circle, #fff 0%, rgb(var(--agent-color)) 55%);width:10px;height:10px;box-shadow:0 0 10px 2px rgba(var(--agent-color), .8), 0 0 26px 8px rgba(var(--agent-color), .28);animation:travel-light 1.05s var(--ease-in-out-quart) both;border-radius:50%;margin:-5px 0 0 -5px;position:absolute}.travel-ghost-1{--peak:.5;background:rgb(var(--agent-color));width:7px;height:7px;box-shadow:0 0 8px 1px rgba(var(--agent-color), .5);margin:-3.5px 0 0 -3.5px;animation-delay:60ms}.travel-ghost-2{--peak:.25;background:rgb(var(--agent-color));width:5px;height:5px;box-shadow:0 0 6px 1px rgba(var(--agent-color), .4);margin:-2.5px 0 0 -2.5px;animation-delay:.12s}@keyframes travel-light{0%{left:var(--x1);top:var(--y1);opacity:0;transform:scale(.5)}12%{opacity:var(--peak);transform:scale(1)}85%{opacity:var(--peak);transform:scale(1)}to{left:var(--x2);top:var(--y2);opacity:0;transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.agent-slot,.agent-slot *,.agent-slot :before,.agent-slot :after,.pipeline-stop *,.pipeline-stop :after,.pipeline-link:before,.pipeline-link:after,.desk-aurora:before,.desk-aurora:after{animation:none!important}.travel,.card-ripple,.card-sweep{display:none}}
