.motion-preference{position:fixed;left:18px;bottom:max(18px,env(safe-area-inset-bottom));z-index:35;display:inline-flex;align-items:center;gap:9px;border:1px solid #173d3440;border-radius:2px;padding:11px 13px;min-height:42px;background:#f5f3ebee;color:#183d34;font:500 10px/1.2 Arial,sans-serif;letter-spacing:.025em;box-shadow:0 3px 16px #102d2412;cursor:pointer;backdrop-filter:blur(10px)}
.motion-preference>span:first-child{font-size:13px;line-height:1}.motion-preference:hover{background:#fffdf7}.motion-preference:focus-visible{outline:3px solid #a96b48;outline-offset:4px}.motion-preference:disabled{cursor:default;opacity:.85}.dialog-open .motion-preference{visibility:hidden}
html.motion-paused *,html.motion-paused *:before,html.motion-paused *:after{animation-play-state:paused!important;transition:none!important;scroll-behavior:auto!important}
html.motion-paused .button,html.motion-paused .approach-symbol,html.motion-paused .cinema-stage,html.motion-paused .cinema-drawing{transform:none!important}
@media(max-width:720px){.motion-preference{left:10px;bottom:max(10px,env(safe-area-inset-bottom));min-height:36px;padding:9px 10px;gap:6px;font-size:9px}}

html.motion-paused{scroll-behavior:auto!important}