.motion-settings{max-width:620px;margin:auto}.motion-settings h2{margin:12px 0;font-size:26px}.motion-settings p{line-height:1.6}.motion-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.motion-options button{display:flex;flex-direction:column;text-align:left;gap:7px;padding:16px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--accent) 6%,var(--panel));color:var(--text,inherit);min-height:95px}.motion-options button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:color-mix(in srgb,var(--accent) 15%,var(--panel))}.motion-options small{line-height:1.5}.motion-options button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.motion-settings-shortcut{margin:12px 0;min-height:44px}
html[data-motion=paused] *,html[data-motion=paused] *::before,html[data-motion=paused] *::after{animation-play-state:paused!important;transition:none!important;scroll-behavior:auto!important}
html[data-motion=reduced] *,html[data-motion=reduced] *::before,html[data-motion=reduced] *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.08s!important;scroll-behavior:auto!important}
html[data-motion=reduced] :is(.action-shape-echo,.geo-atmosphere-surge),html[data-motion=paused] :is(.action-shape-echo,.geo-atmosphere-surge){display:none!important}
@media(max-width:420px){.motion-options{grid-template-columns:1fr}.motion-options button{min-height:72px;padding:12px}}