/* Feedback follows the existing palette and avoids layout-changing animation. */
:root{--feedback-ease:cubic-bezier(.22,1,.36,1)}
body:is(.site-ui,.control-workspace) :where(button,.btn,.tab,.sb-tab,.chip,.nav a,.user-menu__item,.custom-select__option,.footer-control-btn,input,select,textarea){transition-property:background-color,border-color,color,box-shadow,opacity,transform;transition-duration:180ms;transition-timing-function:var(--feedback-ease)}
body:is(.site-ui,.control-workspace) :where(button,.btn):not(:disabled):not([aria-disabled=true]):active{scale:.98}
body:is(.site-ui,.control-workspace) :where(button,.btn){transition:background-color 180ms var(--feedback-ease),border-color 180ms var(--feedback-ease),color 180ms var(--feedback-ease),box-shadow 180ms var(--feedback-ease),opacity 180ms var(--feedback-ease),transform 180ms var(--feedback-ease),scale 120ms var(--feedback-ease)}
.feedback-sound{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;max-width:100%;padding:8px 12px;border:1px solid var(--ui-line,#333);border-radius:12px;background:transparent;color:var(--ui-text,#ddd);font:inherit;font-size:12px;white-space:nowrap}
.feedback-sound svg{width:16px;height:16px;flex-shrink:0}
.feedback-sound small{color:var(--ui-muted,#aaa);font-size:11px}
.feedback-sound[aria-pressed=false] svg{opacity:.45}
.feedback-sound:hover{background:var(--ui-accent-soft,#ffffff0d);border-color:var(--ui-line-strong,#555)}
.footer-preferences{flex-wrap:wrap}
@media(prefers-reduced-motion:no-preference){
 html{scroll-behavior:smooth}
 body:is(.site-ui,.control-workspace) :is(.modal,.search-modal):not([hidden]) :is(.modal__box,.search-modal__box){animation:feedback-sheet 240ms var(--feedback-ease) both}
 body:is(.site-ui,.control-workspace) :is(.modal,.search-modal):not([hidden]) :is(.modal__back,.search-modal__back){animation:feedback-fade 180ms ease-out both}
 .custom-select.is-open .custom-select__menu{animation:feedback-fade 140ms ease-out both}
 @keyframes feedback-sheet{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
 @keyframes feedback-fade{from{opacity:0}to{opacity:1}}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 body:is(.site-ui,.control-workspace) :where(button,.btn,.tab,.sb-tab,.chip,.nav a,.user-menu__item,.custom-select__option,.footer-control-btn,input,select,textarea){transition:none!important;scale:none!important}
}