.motion-studio{width:100%;max-width:550px;min-width:0;margin:auto;background:#060c08;color:#f1f8ee;border:1px solid #203d26;border-radius:24px;box-shadow:0 32px 70px #12361950;overflow:hidden}.motion-top{height:62px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:8px;font:9px monospace;letter-spacing:1.2px}.motion-top>span i{display:inline-block;width:6px;height:6px;background:#61ff33;border-radius:50%;box-shadow:0 0 12px #61ff33;margin-right:8px}.motion-toggle{min-height:44px;border:0;background:transparent;color:#b7c7b4;font:10px inherit;cursor:pointer;padding:8px}.motion-canvas{position:relative;aspect-ratio: .88;overflow:hidden;isolation:isolate}.motion-canvas>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 64%}.motion-canvas:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#060c0860,transparent 25%,transparent 80%,#060c08);z-index:1}.motion-sweep{position:absolute;inset:0 0 auto;height:20%;background:linear-gradient(transparent,#61ff3310);border-bottom:1px solid #abff8270;box-shadow:0 8px 35px #61ff3310;animation:motion-scan 7s ease-in-out infinite;z-index:2}.motion-target{position:absolute;left:39%;top:13%;width:51%;height:69%;z-index:2}.motion-target i{position:absolute;width:18px;height:18px;border-color:#c4ffb0;border-style:solid;border-width:0;opacity:.65}.motion-target i:nth-child(1){top:0;left:0;border-top-width:1px;border-left-width:1px}.motion-target i:nth-child(2){top:0;right:0;border-top-width:1px;border-right-width:1px}.motion-target i:nth-child(3){bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}.motion-target i:nth-child(4){bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}.motion-card{position:absolute;z-index:4;padding:15px 17px;border:1px solid #8ecf7845;border-radius:14px;background:linear-gradient(125deg,#17281eeb,#08120eeb);box-shadow:0 16px 34px #0006,inset 0 1px #ffffff0d;backdrop-filter:blur(18px);width:230px;max-width:72%;opacity:0;animation:motion-message 16s infinite both;transform:translateY(16px) scale(.96)}.mc-kicker{display:block;font:8px monospace;letter-spacing:1.4px;color:#a4f58a;margin-bottom:8px}.motion-card>strong{display:block;font-size:15px;letter-spacing:-.3px;font-weight:650}.motion-card small{font-size:9px;color:#b9c7b4;display:block;margin-top:7px}.mc-track{top:5%;left:4%;animation-delay:0s}.mc-phase{bottom:8%;right:4%;animation-delay:4s}.mc-cue{top:5%;left:4%;animation-delay:8s;border-color:#e5c58070}.mc-cue .mc-kicker{color:#f4d7a1}.mc-rep{bottom:8%;right:4%;animation-delay:12s}.mc-points{display:flex;gap:5px;margin-top:12px}.mc-points i{width:8px;height:4px;border-radius:2px;background:#61ff33;animation:motion-point 1.6s ease-in-out infinite alternate}.mc-points i:nth-child(3n){animation-delay:-.5s}.mc-points i:nth-child(2n){animation-delay:-1s}.mc-steps{display:flex;gap:5px;margin-top:12px}.mc-steps i{height:3px;flex:1;background:#335337}.mc-steps i:first-child,.mc-steps i:nth-child(2){background:#61ff33}.mc-steps i:last-child{background:#c9ffb4;animation:motion-point 1s infinite alternate}.mc-audio{height:24px;display:flex;align-items:center;gap:4px;margin-top:6px}.mc-audio i{height:18px;width:3px;border-radius:2px;background:#f4d7a1;animation:motion-audio .7s infinite alternate ease-in-out}.mc-audio i:nth-child(2n){animation-delay:-.4s;height:12px}.mc-audio i:nth-child(3n){animation-delay:-.2s;height:22px}.mc-count{display:flex;gap:14px;align-items:center}.mc-count>strong{font-size:44px;line-height:1;letter-spacing:-3px;color:#b2ff93;font-weight:500}.mc-count>span{font:9px monospace;letter-spacing:.8px}.mc-count small{letter-spacing:0;font-family:var(--body)}.motion-caption{position:absolute;bottom:16px;left:20px;right:20px;z-index:3;display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1px;color:#cfe5c7}.motion-bottom{padding:0 22px 21px;text-align:center}.motion-timeline{height:2px;background:#253b27;margin:0 0 17px;overflow:hidden}.motion-timeline i{display:block;height:100%;background:#8dff64;transform-origin:left;animation:motion-progress 16s linear infinite}.motion-bottom>span{font:8px monospace;letter-spacing:1.4px;color:#bfd0b8}.motion-bottom>small{display:block;font-size:10px;color:#a6b6a0;margin-top:5px}.motion-studio.is-paused *,.motion-studio.is-offscreen *{animation-play-state:paused!important}@keyframes motion-message{0%,2%{opacity:0;transform:translateY(16px) scale(.96);filter:blur(3px)}5%,23%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}26%,100%{opacity:0;transform:translateY(-10px) scale(.98);filter:blur(2px)}}@keyframes motion-scan{0%{transform:translateY(-100%);opacity:0}15%,80%{opacity:1}100%{transform:translateY(500%);opacity:0}}@keyframes motion-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes motion-point{to{opacity:.35}}@keyframes motion-audio{to{transform:scaleY(.25)}}@media(max-width:740px){.motion-studio{border-radius:18px}.motion-top{padding:0 14px;font-size:8px}.motion-toggle{font-size:10px}.motion-card{width:52%;padding:10px 11px}.mc-track,.mc-cue{top:2%;left:3%}.mc-phase,.mc-rep{bottom:6%}.mc-count>strong{font-size:32px}.mc-count{gap:8px}.motion-card>strong{font-size:13px}.mc-kicker{font-size:7px}.motion-caption{font-size:6px;left:14px;right:14px}.motion-canvas{aspect-ratio:.78}.motion-bottom{padding-left:14px;padding-right:14px}}@media(prefers-reduced-motion:reduce){.motion-studio *{animation:none!important}.motion-card{display:none}.mc-track{display:block;opacity:1;transform:none;filter:none}.motion-sweep{display:none}.motion-toggle{display:none}}