.motif{--hl:var(--link);color:var(--ink);flex-direction:column;display:flex}.motif-frame{justify-content:center;align-items:center;display:flex}.motif-svg{max-width:100%}.motif-cap{font:var(--text-caption-mono) / 1 var(--mono);letter-spacing:.04em;color:var(--ink-3);margin-top:6px}.mp-motif{transform-origin:50%}.mp-motif-cap{transition:color .45s}.is-lit .mp-motif-cap{color:var(--hl)}.mp-arm-upper{transform-box:view-box;transform-origin:27px 41px}.mp-arm-fore{transform-box:view-box;transform-origin:60px 27px}.mp-ping{transform-box:fill-box;transform-origin:50%}.mp-sweep{transform-box:view-box;transform-origin:34px 32px}.mp-shot,.mp-swarm,.mp-row-off{transform-box:view-box}.mp-step,.mp-refresh,.mp-signal,.mp-proto-line{transform-box:fill-box}.mp-step,.mp-refresh{transform-origin:50%}.mp-signal{transform-origin:bottom}.mp-proto-line{transform-origin:0}.mp-mesh,.mp-stack,.mp-pin{transform-box:view-box}.mp-mesh{transform-origin:64px 35px}.mp-check{stroke-dasharray:1}@media (prefers-reduced-motion:no-preference){.mp-motif{transition:transform .6s cubic-bezier(.22,.61,.36,1)}.is-lit .mp-motif{transform:scale(1.045)}.is-lit .mp-motif :is([stroke="var(--hl)"],[fill="var(--hl)"]){animation:2s ease-in-out infinite mpMotifGlow}.mp-motif :is(circle,rect,path)[fill="var(--hl)"]{transform-box:fill-box;transform-origin:50%}.is-lit .mp-motif :is(circle,rect,path)[fill="var(--hl)"]{animation:2s ease-in-out infinite mpMotifGlow,2s ease-in-out infinite mpMotifBeat}.is-lit .mp-motif [stroke-dasharray]{animation:1.1s linear infinite mpMotifFlow}.is-lit .mp-arm-upper{animation:2.4s ease-in-out infinite mpArmUpper}.is-lit .mp-arm-fore{animation:2.4s ease-in-out .18s infinite mpArmFore}.is-lit .mp-motif .mp-ping{animation:1.8s ease-out infinite mpMotifPing}.is-lit .mp-motif .mp-ping--2{animation-delay:.7s}.is-lit .mp-motif .mp-sweep{animation:2.4s linear infinite mpSweep}.is-lit .mp-motif .mp-blip{animation:2.4s ease-out infinite mpBlip;animation-delay:var(--d,0s)}.is-lit .mp-motif .mp-row-off{animation:4.8s ease-in-out infinite mpRowOff}.is-lit .mp-motif .mp-swarm{animation:.9s ease-in-out infinite alternate mpSway}.is-lit .mp-motif .mp-shot{animation:.9s linear infinite mpShot;animation-delay:var(--d,0s)}.is-lit .mp-motif .mp-tok-arrow{animation:1.4s ease-in-out infinite mpShuttle}.is-lit .mp-motif .mp-ed-line{animation:1.6s ease-in-out infinite mpRead;animation-delay:var(--d,0s)}.is-lit .mp-motif .mp-step{animation:2s ease-in-out infinite mpPop;animation-delay:var(--d,0s)}.is-lit .mp-motif .mp-mesh{animation:3.4s ease-in-out infinite mpWobble}.is-lit .mp-motif .mp-refresh{animation:1.4s linear infinite mpSpin}.is-lit .mp-motif .mp-stack{animation:2.2s ease-in-out infinite mpRise;animation-delay:var(--d,0s)}.is-lit .mp-motif rect.mp-occ[fill="var(--hl)"]{animation-delay:var(--d,0s)}.is-lit .mp-motif .mp-check{animation:2s ease-in-out infinite mpMotifGlow,2.4s ease-in-out infinite mpDraw;animation-delay:var(--d,0s)}.is-lit .mp-motif .mp-merge-a{animation:2.6s ease-in-out infinite mpMergeA}.is-lit .mp-motif .mp-merge-b{animation:2.6s ease-in-out infinite mpMergeB}.is-lit .mp-motif .mp-pin{animation:1.8s ease-in-out infinite mpBounce;animation-delay:var(--d,0s)}.is-lit .mp-motif .mp-signal{animation:2s ease-in-out infinite mpMotifGlow,1.8s ease-out infinite mpEmit;animation-delay:var(--d,0s)}.is-lit .mp-motif .mp-proto-line{animation:2s ease-in-out infinite mpType}}@media (prefers-reduced-motion:reduce){.is-lit .mp-motif :is([stroke="var(--hl)"],[fill="var(--hl)"]){filter:drop-shadow(0 0 4px var(--hl))}}@keyframes mpMotifGlow{0%,to{filter:drop-shadow(0 0 1px var(--hl))}50%{filter:drop-shadow(0 0 5px var(--hl))}}@keyframes mpMotifBeat{0%,to{transform:scale(1)}45%{transform:scale(1.16)}}@keyframes mpMotifFlow{to{stroke-dashoffset:-14px}}@keyframes mpArmUpper{0%,to{transform:rotate(0)}50%{transform:rotate(-6deg)}}@keyframes mpArmFore{0%,to{transform:rotate(0)}50%{transform:rotate(11deg)}}@keyframes mpMotifPing{0%{opacity:.55;transform:scale(.4)}70%{opacity:0}to{opacity:0;transform:scale(1.6)}}@keyframes mpShuttle{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes mpRead{0%,to{opacity:1}50%{opacity:.3}}@keyframes mpPop{0%,40%,to{transform:scale(1)}18%{transform:scale(1.18)}}@keyframes mpWobble{0%,to{transform:rotate(0)}25%{transform:rotate(-2.5deg)}75%{transform:rotate(2.5deg)}}@keyframes mpSpin{to{transform:rotate(360deg)}}@keyframes mpRise{0%,55%,to{transform:translateY(0)}28%{transform:translateY(-3px)}}@keyframes mpDraw{0%{stroke-dashoffset:1px}30%,to{stroke-dashoffset:0}}@keyframes mpMergeA{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@keyframes mpMergeB{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}@keyframes mpBounce{0%,40%,to{transform:translateY(0)}20%{transform:translateY(-3px)}}@keyframes mpEmit{0%{opacity:0;transform:scale(.5)}40%{opacity:.9}to{opacity:0;transform:scale(1.2)}}@keyframes mpType{0%,to{transform:scaleX(1)}50%{transform:scaleX(.55)}}@keyframes mpSweep{to{transform:rotate(360deg)}}@keyframes mpBlip{0%,to{opacity:.15}12%{opacity:1}60%{opacity:.15}}@keyframes mpRowOff{0%,55%{opacity:1;transform:translate(0)}70%,85%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}@keyframes mpSway{0%{transform:translate(-3px)}to{transform:translate(3px)}}@keyframes mpShot{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-26px)}}
