.gear-art{--ga-ink:color-mix(in oklab, var(--color-fg-muted) 82%, transparent);--ga-hot:var(--tone,var(--color-accent-bright));--ga-plate:color-mix(in oklab, var(--color-card) 70%, var(--color-base));--ga-gap:3px;perspective:600px;place-items:center;display:grid}.gear-art-iso{aspect-ratio:1;width:80%;transform-style:preserve-3d;position:relative;transform:rotateX(58deg)rotate(-42deg)}.ga-layer{transform:translateZ(calc(var(--z) * var(--ga-gap)));transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.ga-layer svg{width:100%;height:100%;display:block;overflow:visible}.ga-z0{--z:0}.ga-z1{--z:1}.ga-z2{--z:2}.ga-z3{--z:3}.gear-art :is(.ga-s,.ga-a){fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.gear-art .ga-s{stroke:var(--ga-ink)}.gear-art .ga-a{stroke:var(--ga-hot)}.gear-art .ga-af{fill:color-mix(in oklab, var(--ga-hot) 18%, transparent)}.gear-art .ga-plate{fill:var(--ga-plate)}.gear-art .ga-glass{opacity:.55}.gear-art :is(.ga-spin,.ga-chip,.ga-glow){transform-box:fill-box;transform-origin:50%}.gear-art[data-phase=wait] .ga-layer{opacity:0;transform:translateZ(calc(var(--z) * 18px + 24px));transition:none}.gear-art[data-phase=play] .ga-layer{animation:1s cubic-bezier(.2,.8,.2,1) backwards ga-collapse;animation-delay:calc(.1s + var(--z) * 90ms)}@keyframes ga-collapse{0%{opacity:0;transform:translateZ(calc(var(--z) * 18px + 24px))}}.gear-art[data-live]{--ga-gap:11px}.gear-art[data-live] .ga-spin{animation:1.1s linear infinite ga-spin}.gear-art[data-live] .ga-glow>*{animation:1.4s ease-in-out infinite ga-glow}.gear-art[data-live] .ga-trace{stroke-dasharray:2 4;animation:.6s linear infinite ga-flow}.gear-art[data-live] .ga-chip{animation:1.2s ease-in-out infinite ga-blink}.gear-art[data-live] .ga-contacts{stroke:var(--ga-hot)}@media (hover:hover) and (pointer:fine){:is(.panel-cap,.gear-node):hover .gear-art{--ga-gap:11px}:is(.panel-cap,.gear-node):hover .gear-art .ga-spin{animation:1.1s linear infinite ga-spin}:is(.panel-cap,.gear-node):hover .gear-art .ga-glow>*{animation:1.4s ease-in-out infinite ga-glow}:is(.panel-cap,.gear-node):hover .gear-art .ga-trace{stroke-dasharray:2 4;animation:.6s linear infinite ga-flow}:is(.panel-cap,.gear-node):hover .gear-art .ga-chip{animation:1.2s ease-in-out infinite ga-blink}:is(.panel-cap,.gear-node):hover .gear-art .ga-contacts{stroke:var(--ga-hot)}}.gear-art .ga-chip:nth-of-type(2){animation-delay:.12s}.gear-art .ga-chip:nth-of-type(3){animation-delay:.24s}.gear-art .ga-chip:nth-of-type(4){animation-delay:.36s}.gear-art .ga-chip:nth-of-type(5){animation-delay:.48s}.gear-art .ga-chip:nth-of-type(6){animation-delay:.6s}.gear-art .ga-chip:nth-of-type(7){animation-delay:.72s}@keyframes ga-spin{to{transform:rotate(360deg)}}@keyframes ga-glow{50%{fill:color-mix(in oklab, var(--ga-hot) 55%, transparent)}}@keyframes ga-flow{to{stroke-dashoffset:-6px}}@keyframes ga-blink{50%{fill:color-mix(in oklab, var(--ga-hot) 60%, transparent)}}@media (prefers-reduced-motion:reduce){.gear-art,.gear-art[data-live],:is(.panel-cap,.gear-node):hover .gear-art{--ga-gap:3px}.gear-art .ga-layer,.gear-art *{transition:none!important;animation:none!important}}