.motion-control{position:fixed;z-index:120;left:12px;bottom:12px;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:4px 10px;border:1px solid #706b79;border-radius:10px;background:#15121dee;color:#fff;font:600 12px/1.4 Arial,sans-serif;box-shadow:0 3px 18px #0004}
.motion-control select{min-height:44px;max-width:210px;background:#15121d;color:#fff;border:0;border-radius:5px;font:inherit;padding:8px;cursor:pointer;color-scheme:dark}
.motion-control select:focus-visible{outline:3px solid #ff9b63;outline-offset:1px}
html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
@media print{.motion-control{display:none}}