.hx-motion-studio{position:relative;min-height:440px}.hx-motion-studio .stg{position:absolute;left:50%;top:50%;width:560px;height:440px;margin:-220px 0 0 -280px}.hx-motion-studio .scr,.hx-motion-studio .ease,.hx-motion-studio .tl{position:absolute;border-radius:16px;background:#0d0c13;border:1px solid rgb(255 255 255 / .1);box-shadow:0 30px 60px -30px #000000d9,0 1px #ffffff0d inset}.hx-motion-studio .scr{left:10px;top:14px;width:384px;height:222px;overflow:hidden}.hx-motion-studio .bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-bottom:1px solid rgb(255 255 255 / .07);font:600 10px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#8d879b}.hx-motion-studio .bar i{width:8px;height:8px;border-radius:50%;background:#ffffff24}.hx-motion-studio .bar span{margin-left:8px;flex:1}.hx-motion-studio .bar b{font-weight:600;color:color-mix(in srgb,var(--a) 70%,#fff)}.hx-motion-studio .body{position:absolute;inset:30px 12px 0;background:radial-gradient(70% 90% at 50% 100%,color-mix(in srgb,var(--a) 18%,transparent),transparent 70%)}.hx-motion-studio .arc{position:absolute;left:0;top:0;width:360px;height:170px;fill:none;stroke:#ffffff29;stroke-width:1.5;stroke-dasharray:3 6}.hx-motion-studio .ghost,.hx-motion-studio .ball{position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;offset-path:path("M34 140 Q180 -36 326 140");offset-rotate:0deg}.hx-motion-studio .ghost{border:1.5px solid color-mix(in srgb,var(--a) 70%,#fff)}.hx-motion-studio .ball{background:radial-gradient(circle at 35% 30%,#fff,color-mix(in srgb,var(--a) 80%,#fff) 30%,var(--a) 70%);box-shadow:0 0 24px color-mix(in srgb,var(--a) 70%,transparent);animation:hx-ms-fly 3s ease-in-out infinite alternate,hx-ms-glow 3s ease-in-out infinite alternate}.hx-motion-studio .ground{position:absolute;left:20px;right:20px;bottom:16px;height:1px;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .2),transparent)}.hx-motion-studio .ease{left:410px;top:50px;width:140px;padding:12px 12px 10px;display:grid;gap:8px;rotate:3deg}.hx-motion-studio .h{font:600 10px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#8d879b}.hx-motion-studio .ease svg{width:116px;height:116px;overflow:visible;fill:none}.hx-motion-studio .ease .box{stroke:#ffffff1a}.hx-motion-studio .ease .arm{stroke:#ffffff59;stroke-width:1.5}.hx-motion-studio .ease .crv{stroke:color-mix(in srgb,var(--a) 75%,#fff);stroke-width:3;stroke-linecap:round}.hx-motion-studio .ease .knob{fill:#0d0c13;stroke:color-mix(in srgb,var(--a) 75%,#fff);stroke-width:2.5}.hx-motion-studio .cv{position:relative;width:116px;height:116px}.hx-motion-studio .rider{position:absolute;left:0;top:0;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 10px var(--a);offset-path:path("M6.8 109.2C49.5 109.2 66.5 6.8 109.2 6.8");offset-rotate:0deg;animation:hx-ms-fly 3s linear infinite alternate}.hx-motion-studio .ease code{font:500 11px var(--font-mono);color:#cfc9dc}.hx-motion-studio .tl{box-sizing:border-box;left:30px;top:258px;width:500px;padding:10px 14px 14px;display:grid;gap:8px}.hx-motion-studio .ruler,.hx-motion-studio .lane{margin-left:92px}.hx-motion-studio .ruler{display:flex;justify-content:space-between;font:500 9.5px var(--font-mono);color:#6f6a7c}.hx-motion-studio .trk{display:flex;align-items:center}.hx-motion-studio .lbl{width:92px;flex:none;font:500 10.5px var(--font-mono);color:#a49eb2}.hx-motion-studio .lane{position:relative;flex:1;height:24px;margin-left:0;border-radius:6px;background:#ffffff0a}.hx-motion-studio .lane i{position:absolute;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;rotate:45deg;border-radius:2px;background:color-mix(in srgb,var(--a) 75%,#fff);box-shadow:0 0 0 3px #0d0c13}.hx-motion-studio .lane b{position:absolute;inset:9px 0;border-radius:3px;background:linear-gradient(90deg,color-mix(in srgb,var(--a) 55%,transparent),color-mix(in srgb,var(--a) 20%,transparent))}.hx-motion-studio .lane b.b2{background:linear-gradient(90deg,#3d8bff80,#3d8bff26 50%,#3d8bff80)}.hx-motion-studio .lane i{z-index:1}.hx-motion-studio .head{position:absolute;left:106px;top:6px;bottom:6px;width:2px;border-radius:2px;background:#fff;box-shadow:0 0 10px #fff9;animation:hx-ms-head 3s linear infinite alternate}.hx-motion-studio .head:before{content:"";position:absolute;top:-2px;left:-4px;width:10px;height:8px;border-radius:2px 2px 5px 5px;background:#fff}.hx-motion-studio .outs{position:absolute;left:30px;top:396px;display:flex;gap:8px}.hx-motion-studio .outs span{padding:5px 12px;border-radius:99px;font:600 11px var(--font-mono);color:#e9e6f2;background:#15131d;border:1px solid rgb(255 255 255 / .12)}.hx-motion-studio .outs span:first-child{color:#fff;border-color:color-mix(in srgb,var(--a) 60%,transparent);background:color-mix(in srgb,var(--a) 22%,#15131d)}:root[data-theme=light] .hx-motion-studio :is(.scr,.ease,.tl){background:#fff;border-color:#10121b1a;box-shadow:0 26px 50px -30px #10121b66}:root[data-theme=light] .hx-motion-studio .scr{background:#f7f6f3}:root[data-theme=light] .hx-motion-studio .bar{border-bottom-color:#10121b14;color:#6b6678;background:#fff}:root[data-theme=light] .hx-motion-studio .bar i{background:#10121b1f}:root[data-theme=light] .hx-motion-studio .bar b{color:var(--at)}:root[data-theme=light] .hx-motion-studio .arc{stroke:#10121b33}:root[data-theme=light] .hx-motion-studio .ghost{border-color:color-mix(in srgb,var(--a) 70%,#000)}:root[data-theme=light] .hx-motion-studio .ground{background:linear-gradient(90deg,transparent,rgb(16 18 27 / .2),transparent)}:root[data-theme=light] .hx-motion-studio .h{color:#6b6678}:root[data-theme=light] .hx-motion-studio .ease .box{stroke:#10121b1a}:root[data-theme=light] .hx-motion-studio .ease .arm{stroke:#10121b4d}:root[data-theme=light] .hx-motion-studio .ease .crv,:root[data-theme=light] .hx-motion-studio .ease .knob{stroke:var(--a)}:root[data-theme=light] .hx-motion-studio .ease .knob{fill:#fff}:root[data-theme=light] .hx-motion-studio .rider{background:var(--a)}:root[data-theme=light] .hx-motion-studio .ease code{color:#4a4658}:root[data-theme=light] .hx-motion-studio .ruler{color:#8d889c}:root[data-theme=light] .hx-motion-studio .lbl{color:#4a4658}:root[data-theme=light] .hx-motion-studio .lane{background:#10121b0a}:root[data-theme=light] .hx-motion-studio .lane i{background:var(--a);box-shadow:0 0 0 3px #fff}:root[data-theme=light] .hx-motion-studio .head,:root[data-theme=light] .hx-motion-studio .head:before{background:#1d1a26}:root[data-theme=light] .hx-motion-studio .head{box-shadow:0 0 10px #1d1a2659}:root[data-theme=light] .hx-motion-studio .outs span{color:#4a4658;background:#fff;border-color:#10121b1f}:root[data-theme=light] .hx-motion-studio .outs span:first-child{color:var(--at);background:color-mix(in srgb,var(--a) 12%,#fff)}@keyframes hx-ms-fly{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes hx-ms-glow{50%{box-shadow:0 0 40px 6px #3d8bff8c}}@keyframes hx-ms-head{0%{translate:0 0}to{translate:380px 0}}@media(max-width:980px){.hx-motion-studio{min-height:420px}.hx-motion-studio .stg{transform:scale(.84)}}@media(max-width:560px){.hx-motion-studio{min-height:310px}.hx-motion-studio .stg{transform:scale(.68)}}@media(max-width:380px){.hx-motion-studio .stg{transform:scale(.64)}}@media(prefers-reduced-motion:reduce){.hx-motion-studio .ball,.hx-motion-studio .rider,.hx-motion-studio .head{animation:none}.hx-motion-studio .ball{offset-distance:100%}}.msx-race{width:100%;max-width:560px;display:grid;gap:10px;padding:18px;border-radius:14px;color:#e9e6f2;background:radial-gradient(110% 90% at 0% 0%,color-mix(in srgb,var(--a) 22%,transparent),transparent 65%),#0f0e16;border:1px solid rgb(255 255 255 / .1)}.msx-race-h{display:flex;justify-content:space-between;font:600 10.5px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#8d879b}.msx-lane{display:grid;grid-template-columns:44px 104px minmax(0,1fr);align-items:center;gap:12px}.msx-lane svg{width:44px;height:28px;overflow:visible;fill:none;stroke:color-mix(in srgb,var(--a) 70%,#fff);stroke-width:2.2;stroke-linecap:round;padding:2px;border-radius:6px;background:#ffffff0d;box-sizing:content-box}.msx-name{display:grid;line-height:1.25}.msx-name b{font-size:14px}.msx-name small{font-size:11.5px;color:#8d879b}.msx-track{position:relative;height:30px;border-radius:99px;background:#ffffff0d;border:1px solid rgb(255 255 255 / .06)}.msx-track:after{content:"";position:absolute;left:72%;top:6px;bottom:6px;width:2px;border-radius:2px;background:#ffffff2e}.msx-track i{position:absolute;top:5px;left:5px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--a) 60%);box-shadow:0 0 14px color-mix(in srgb,var(--a) 70%,transparent);animation:msx-run 1.4s infinite alternate;animation-delay:.3s}@keyframes msx-run{0%,8%{left:5px}92%,to{left:calc(72% - 8px)}}.msx-ticks{display:flex;justify-content:space-between;margin-left:172px;font:500 10px var(--font-mono);color:#6f6a7c}.msx-flow{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);align-items:center;gap:44px;margin-top:34px}.msx-wire{position:absolute;top:50%;width:calc(50% - 95px);height:2px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--a) 70%,transparent) 0 8px,transparent 8px 16px) 0 0 / 16px 2px}.msx-wire.l{left:0;animation:msx-wl .9s linear infinite}.msx-wire.r{right:0;animation:msx-wr .9s linear infinite}@keyframes msx-wl{to{background-position:-16px 0}}@keyframes msx-wr{to{background-position:16px 0}}.msx-side{position:relative;display:grid;gap:12px}.msx-h{font:600 11px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--at)}.msx-live{position:relative;display:grid;justify-items:center;align-content:center;gap:3px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--a) 22%,transparent),transparent 70%),var(--card);border:1px solid color-mix(in srgb,var(--a) 45%,var(--rule));box-shadow:0 0 0 10px color-mix(in srgb,var(--a) 6%,transparent),0 0 0 22px color-mix(in srgb,var(--a) 3%,transparent)}.msx-dots{display:flex;align-items:flex-end;gap:7px;height:50px;margin-bottom:10px}.msx-dots span{width:14px;height:14px;border-radius:50%;background:#d864ff;animation:msx-bd 1.2s ease-in-out infinite;animation-delay:calc(var(--i) * .16s - 1.2s)}.msx-dots span:nth-child(2n){background:#3d8bff}@keyframes msx-bd{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-22.4px)}}.msx-live b{font:600 14px var(--font-mono)}.msx-live small{font:11px var(--font-mono);color:var(--ink-3)}.msx-deck{position:relative;height:236px}.msx-card{position:absolute;inset:40px 40px 0 0;margin:0;display:grid;grid-template-rows:auto 1fr;gap:10px;padding:12px 14px;border-radius:14px;overflow:hidden;background:#0f0e14;border:1px solid rgb(255 255 255 / .1);box-shadow:0 20px 40px -24px #000000e6;color:#cfc9dc;animation:msx-deal 15s calc((5 - var(--i)) * -3s) infinite}.msx-card figcaption{display:flex;justify-content:space-between;gap:10px;font:500 11px var(--font-mono);color:#8d879b}.msx-card figcaption b{font:600 11px var(--font-mono);letter-spacing:.06em;color:var(--a)}.msx-card pre{margin:0;font:11.5px/1.6 var(--font-mono);white-space:pre;overflow:hidden}@keyframes msx-deal{0%,17%,to{translate:0 0;scale:1;rotate:0deg;opacity:1;z-index:5}20%{translate:-46px 14px;scale:1;rotate:-7deg;opacity:0;z-index:5}21%{translate:40px -40px;scale:.86;rotate:0deg;opacity:0;z-index:0}24%,37%{translate:36px -36px;scale:.88;opacity:.25;z-index:1}40%,57%{translate:27px -27px;scale:.91;opacity:.4;z-index:2}60%,77%{translate:18px -18px;scale:.94;opacity:.55;z-index:3}80%,97%{translate:9px -9px;scale:.97;opacity:.75;z-index:4}}.msx-reel{position:relative;overflow:hidden;padding:16px 0;border-radius:12px;background:#0b0a10;border:1px solid rgb(255 255 255 / .06)}.msx-reel:before,.msx-reel:after{content:"";position:absolute;left:0;right:0;height:6px;z-index:1;background:repeating-linear-gradient(90deg,#262330 0 8px,transparent 8px 16px) 0 0 / 16px 6px;animation:msx-holes 1.5s linear infinite}.msx-reel:before{top:5px}.msx-reel:after{bottom:5px}@keyframes msx-holes{to{background-position:-16px 0}}.msx-run{display:flex;gap:8px;width:max-content;animation:msx-reel 12s linear infinite}@keyframes msx-reel{to{transform:translate(calc(-50% - 4px))}}.msx-frame{display:flex;flex:none;align-items:flex-end;justify-content:center;gap:6px;width:84px;height:70px;padding-bottom:14px;box-sizing:border-box;border-radius:6px;background:#14121c;border:1px solid rgb(255 255 255 / .06)}.msx-frame i{width:10px;height:10px;border-radius:50%;background:#d864ff}.msx-frame i:nth-child(2){background:#3d8bff}.msx-rec{position:absolute;right:10px;top:20px;z-index:1;display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:99px;font:700 10px var(--font-mono);color:#fff;background:#0009}.msx-rec i{width:7px;height:7px;border-radius:50%;background:#ef4444;animation:msx-blink 1.2s steps(2,jump-none) infinite}@keyframes msx-blink{50%{opacity:.2}}.msx-file{display:flex;align-items:baseline;font:600 15px var(--font-mono);color:var(--ink)}.msx-file span{display:grid}.msx-file b{grid-area:1 / 1;color:var(--at);opacity:0;animation:msx-ext 10s calc(var(--i) * 2s) infinite}@keyframes msx-ext{0%{opacity:0;translate:0 5px}2%,18%{opacity:1;translate:0}20%,to{opacity:0;translate:0 -5px}}@media(max-width:980px){.msx-flow{grid-template-columns:1fr;gap:28px}.msx-live{width:190px;justify-self:center}.msx-wire{display:none}}@media(max-width:560px){.msx-lane{grid-template-columns:44px minmax(0,1fr)}.msx-track{grid-column:1 / -1}.msx-ticks{display:none}}@media(prefers-reduced-motion:reduce){.msx-track i,.msx-wire,.msx-dots span,.msx-card,.msx-reel:before,.msx-reel:after,.msx-run,.msx-rec i,.msx-file b{animation:none}.msx-card:not(:first-child){opacity:0}.msx-file b:first-child{opacity:1}}:root[data-theme=light] .msx-race{color:var(--ink);border-color:#10121b1a;background:radial-gradient(110% 90% at 0% 0%,color-mix(in srgb,var(--a) 12%,transparent),transparent 65%),#fff;box-shadow:0 20px 40px -30px #10121b59}:root[data-theme=light] .msx-race-h,:root[data-theme=light] .msx-name small{color:#6b6678}:root[data-theme=light] .msx-lane svg{stroke:var(--a);background:#10121b0a}:root[data-theme=light] .msx-track{background:#10121b0a;border-color:#10121b12}:root[data-theme=light] .msx-track:after{background:#10121b33}:root[data-theme=light] .msx-ticks{color:#8d889c}:root[data-theme=light] .msx-frame{background:#fff;border-color:#10121b12}:root[data-theme=light] .msx-reel{background:#eceae5;border-color:#10121b14}:root[data-theme=light] .msx-reel:before,:root[data-theme=light] .msx-reel:after{background-image:repeating-linear-gradient(90deg,rgb(16 18 27 / .13) 0 8px,transparent 8px 16px)}:root[data-theme=light] .msx-card{background:#fff;color:#2b2d36;border-color:#10121b1a;box-shadow:0 18px 36px -24px #10121b66}:root[data-theme=light] .msx-card figcaption{color:#666b78}:root[data-theme=light] .msx-card figcaption b{color:var(--at)}:root[data-theme=light] .msx-rec{color:var(--ink);background:#ffffffe6;box-shadow:0 2px 8px -3px #10121b4d}