@import url('/web/flat-navigation.css?v=1');
@import url('/web/contrast.css?v=1');
/* Shared interaction rhythm: crisp static layout, soft and quick feedback. */
:root{--b1x-feedback-fast:140ms;--b1x-feedback-soft:180ms;--b1x-feedback-ease:cubic-bezier(.2,.7,.25,1)}
:where(button,[role="button"],[role="tab"],summary){
  -webkit-tap-highlight-color:transparent;
  transition:background-color var(--b1x-feedback-fast) var(--b1x-feedback-ease),
    border-color var(--b1x-feedback-fast) var(--b1x-feedback-ease),
    color var(--b1x-feedback-fast) var(--b1x-feedback-ease),
    box-shadow var(--b1x-feedback-soft) var(--b1x-feedback-ease),
    opacity var(--b1x-feedback-fast) var(--b1x-feedback-ease);
}
:where(input,textarea,select){transition:border-color var(--b1x-feedback-fast) var(--b1x-feedback-ease),box-shadow var(--b1x-feedback-soft) var(--b1x-feedback-ease)}
:where(button,[role="button"],[role="tab"],a,input,textarea,select,summary):focus-visible{outline:2px solid var(--b1x-accent,#52e1e5);outline-offset:2px}
:where(button,[role="button"],[role="tab"]):disabled{cursor:not-allowed}
@media(pointer:coarse){:where(.admin-app,.admin-preview) :is(button,select){min-height:44px}}
@media(prefers-reduced-motion:reduce){:where(button,[role="button"],[role="tab"],summary,input,textarea,select){transition:none!important}}
@media(forced-colors:active){:where(button,[role="button"],[role="tab"],a,input,textarea,select,summary):focus-visible{outline-color:Highlight}}