/* Only selected movement gets a drawn cadence. Grain, scrolling, colours and
   focus outlines keep their original behavior. Smooth removes these overrides. */
.theme-dialog .motion-style-controls{margin-top:19px}
.motion-style-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.motion-style-option{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:7px 4px;border:1px solid var(--line);cursor:pointer;font:500 11px/1.25 Space,Arial,sans-serif}
.motion-style-option input{width:13px;height:13px;margin:0;accent-color:var(--theme-solid-ink);flex:none}
.motion-style-option:has(input:checked){background:var(--accent);color:var(--theme-solid-ink);border-color:var(--accent)}
.motion-style-option:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:3px}
@media(prefers-reduced-motion:no-preference){
  html[data-motion-style=drawn].enhanced .arrival{animation-timing-function:steps(15,end)}
  html[data-motion-style=drawn].first-arrival .arrival{animation-timing-function:steps(19,end)}
  html[data-motion-style=drawn].enhanced .home-hero .hero-type{animation-timing-function:steps(19,end)}
  html[data-motion-style=drawn].enhanced .reveal{transition-timing-function:steps(15,end),steps(15,end)}
  html[data-motion-style=drawn] .hero-affiliation::after{animation-timing-function:steps(16,end);transition-timing-function:steps(5,end)}
  html[data-motion-style=drawn] .case-sticker img{transition-timing-function:steps(8,end),cubic-bezier(.22,1,.36,1)}
  html[data-motion-style=drawn] :is(.feature-art,.art-side){transition-timing-function:steps(14,end)}
  html[data-motion-style=drawn] .placeholder-type{transition-timing-function:steps(12,end)}
  html[data-motion-style=drawn] .media-open{transition-timing-function:steps(7,end)}
  html[data-motion-style=drawn] .art-enlarge{transition-timing-function:ease,steps(5,end)}
  html[data-motion-style=drawn] .case-next>div>a>span:last-child{transition-timing-function:steps(5,end)}
  html[data-motion-style=drawn] .max-companion.is-speaking .max-bubble:not([hidden]){animation-timing-function:steps(3,end)}
  html[data-motion-style=drawn]::view-transition-group(*){animation-timing-function:steps(8,end)}
  html[data-motion-style=drawn]::view-transition-group(magic-art){animation-timing-function:steps(11,end)}
  html[data-motion-style=drawn]::view-transition-old(root){animation-timing-function:steps(3,end)}
  html[data-motion-style=drawn]::view-transition-new(root){animation-timing-function:steps(6,end)}
}
@media(max-width:600px){.theme-dialog .motion-style-controls{margin-top:17px}.motion-style-option{gap:5px;font-size:10px}}