@layer components{.cs-node{background-color:var(--color-mk-card);border:1px solid var(--color-mk-line);color:var(--color-mk-ink);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex;position:relative}.cs-node>*{position:relative}.cs-stage{transition:transform .5s cubic-bezier(.22,1,.36,1)}.cs-stage[data-state=active]{transform:translateY(-.25rem)}.cs-stage-status{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(.25rem)}.cs-stage[data-state=active] .cs-stage-status,.cs-stage[data-state=done] .cs-stage-status{opacity:1;transform:none}.cs-pulse{border:1px solid var(--color-mk-accent);border-radius:9999px;animation:3.2s ease-out infinite cs-pulse;position:absolute;inset:0}@keyframes cs-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}[data-paused] .cs-pulse{animation-play-state:paused}.cs-radar{background:radial-gradient(circle,color-mix(in srgb,var(--color-mk-accent-fill-hi)22%,transparent)0%,color-mix(in srgb,var(--color-mk-accent-fill-hi)8%,transparent)50%,transparent 71%)}.cs-radar-ring{border:1px solid var(--color-mk-line);border-radius:9999px;position:absolute}.cs-radar-sweep{background:conic-gradient(from 0deg,transparent 0deg,color-mix(in srgb,var(--color-mk-accent-fill-hi)40%,transparent)90deg,transparent 90.5deg);border-radius:9999px;animation:6s linear infinite cs-sweep;position:absolute;inset:0}@keyframes cs-sweep{to{transform:rotate(360deg)}}[data-paused] .cs-radar-sweep{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.cs-pulse{opacity:0;animation:none}.cs-radar-sweep{animation:none}.cs-stage,.cs-stage-status{transition:none}}}