:root { --triade-control-motion:140ms; --triade-panel-motion:200ms; }
:is(.btn,.button,.nav-item,.side-nav a,.sidebar a) { transition:background-color var(--triade-control-motion),border-color var(--triade-control-motion),color var(--triade-control-motion),transform var(--triade-control-motion); }
:is(.btn,.button):active { transform:scale(.985); }
:is(.btn,.button,.nav-item,a):focus-visible { outline:2px solid var(--mint,#00efba); outline-offset:4px; }
.view.active { animation:triade-panel-in var(--triade-panel-motion) ease-out; }
@keyframes triade-panel-in { from { opacity:.6; transform:translateY(5px); } to { opacity:1;transform:none; } }
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto !important; }
  *,*::before,*::after { animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important; }
}