[data-aufp-reveal] {
  opacity: 0;
  transform: translate3d(0, 30px, 0);
  transition:
    opacity 700ms cubic-bezier(0.2, 0.65, 0.3, 1),
    transform 700ms cubic-bezier(0.2, 0.65, 0.3, 1);
}

[data-aufp-reveal="left"] {
  transform: translate3d(34px, 0, 0);
}

[data-aufp-reveal="right"] {
  transform: translate3d(-34px, 0, 0);
}

body.aufp-ready [data-aufp-reveal].is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.aufp-visually-muted {
  color: var(--aufp-color-text-soft);
}

.aufp-surface {
  border: 1px solid var(--aufp-color-border);
  border-radius: 0;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: var(--aufp-shadow-sm);
}

.aufp-surface--dark {
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.06);
}

@media (prefers-reduced-motion: reduce) {
  [data-aufp-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}