html{-webkit-tap-highlight-color:transparent}
body *{-webkit-tap-highlight-color:transparent}
html[data-input-method=pointer] :focus,html[data-input-method=pointer] :focus-visible{outline:none!important}
html[data-input-method=pointer] .dial:has(:focus-visible),html[data-input-method=pointer] input:focus-visible+span{outline:none!important}
button,a,summary,[role=button],label:has(input[type=radio]),label:has(input[type=checkbox]){-webkit-user-select:none;user-select:none}
input,textarea{caret-color:var(--accent,#3c6857)}
@media(max-width:600px){
 button,a,summary{transition-timing-function:cubic-bezier(.22,.68,.25,1)}
 button:active,a:active,summary:active{background-color:color-mix(in srgb,var(--accent,#3c6857) 10%,transparent)}
 .picker-trigger,.region-trigger,.wheel-actions button,.solo-layer{transition:background-color 280ms cubic-bezier(.22,.68,.25,1),border-color 280ms cubic-bezier(.22,.68,.25,1),color 280ms cubic-bezier(.22,.68,.25,1)}
}
@media(prefers-reduced-motion:reduce){button,a,summary{transition:none!important}}
/* Keyboard navigation uses the soundscape palette, never the browser blue. */
html[data-input-method=keyboard] :focus-visible{outline:2px solid var(--element-ink,var(--accent,#3c6857));outline-offset:3px}