/* AvanlioMotion — il movimento è una scelta dell'utente e vive solo nelle
   anteprime dell'app. Non sposta navigazione, testo, campi o CTA. */
.avanlio-motion-control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  margin: 14px auto 0;
  padding: 0 12px;
  border: 1px solid color-mix(in srgb, var(--glass-live-edge, var(--action)) 42%, var(--border));
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface) 86%, transparent);
  color: var(--text-secondary);
  font: 650 .72rem/1 var(--sans);
  letter-spacing: .01em;
  box-shadow: inset 0 1px rgba(255,255,255,.68);
  -webkit-backdrop-filter: blur(14px) saturate(1.08);
  backdrop-filter: blur(14px) saturate(1.08);
}
.avanlio-motion-control[aria-pressed="true"] { color: var(--action); border-color: var(--action); }
.avanlio-motion-control:focus-visible { outline: 2px solid var(--action); outline-offset: 3px; }
.avanlio-motion-status { display:block; min-height:1.1em; margin:7px auto 0; color:var(--text-muted); font:.67rem/1.35 var(--sans); text-align:center; }
.avanlio-motion-active { will-change: transform; }
@media (prefers-reduced-motion: reduce) { .avanlio-motion-control { display:none; } }
@media (hover: hover) and (pointer: fine) { .avanlio-motion-control,.avanlio-motion-status { display:none; } }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .avanlio-motion-control { background:rgba(29,31,42,.82); border-color:rgba(177,184,255,.3); box-shadow:inset 0 1px rgba(255,255,255,.1); }
}
html:root[data-theme="dark"] .avanlio-motion-control { background:rgba(29,31,42,.82); border-color:rgba(177,184,255,.3); box-shadow:inset 0 1px rgba(255,255,255,.1); }