/* HTML is readable by default. Only the synchronous, guarded boot enables preparation. */
@media screen and (prefers-reduced-motion: no-preference) {
  html[data-nabyte-motion-ready="true"] [data-motion]:not([data-motion-seen]):not(h1):not(:focus-within):not(:is(nav, [role="navigation"], form, dialog, [role="dialog"], [data-motion-skip], [hidden], [aria-hidden="true"], details:not([open])), :is(nav, [role="navigation"], form, dialog, [role="dialog"], [data-motion-skip], [hidden], [aria-hidden="true"], details:not([open])) *) {
    opacity: 0;
    translate: var(--nabyte-entry-x, 0px) var(--nabyte-entry-y, var(--nabyte-entry-default-y, 36px));
    scale: var(--nabyte-entry-scale, 1);
  }
  [data-motion-effect="fade"], p[data-motion]:not([data-motion-effect]) { --nabyte-entry-y: 10px; }
  [data-motion-effect="title"], h2[data-motion]:not([data-motion-effect]), h3[data-motion]:not([data-motion-effect]) { --nabyte-entry-y: 20px; }
  [data-motion-effect="accent"] { --nabyte-entry-y: 20px; --nabyte-entry-scale: .985; }
  @media (min-width: 1101px) {
    [data-motion-effect="left"] { --nabyte-entry-x: -28px; --nabyte-entry-y: 10px; }
    [data-motion-effect="right"], img[data-motion]:not([data-motion-effect]), figure[data-motion]:not([data-motion-effect]), picture[data-motion]:not([data-motion-effect]) { --nabyte-entry-x: 28px; --nabyte-entry-y: 10px; }
  }
  @media (max-width: 1100px) {
    [data-motion] { --nabyte-entry-default-y: 24px; }
  }
  @media (max-width: 600px) {
    [data-motion] { --nabyte-entry-default-y: 18px; }
  }
}
/* Reduced motion and print never match preparation. The engine cancels active effects. */