@media (scripting: enabled) and (prefers-reduced-motion: no-preference) {
  .print[data-motion="waiting"], .print[data-motion="playing"] { position: relative; }
  .print[data-motion="waiting"]::after, .print[data-motion="playing"]::after { content: ''; position: absolute; inset: 0; box-shadow: inherit; filter: blur(5px); opacity: 0; pointer-events: none; }
  .print[data-motion="waiting"] { translate: 0 -8px; transform: rotate(-1.2deg) scale(1.018); }
  .print[data-motion="waiting"]::after { translate: 0 9px; scale: 1.04; opacity: .85; }
  .print[data-motion="playing"] { animation: print-lowered 640ms var(--ease-settle) backwards, print-flattened 820ms var(--ease-settle) backwards; }
  .print[data-motion="playing"]::after { animation: print-shadow-tightens 760ms var(--ease-settle) 90ms backwards; }
}
@keyframes print-lowered { from { translate: 0 -8px; } }
@keyframes print-flattened { from { transform: rotate(-1.2deg) scale(1.018); } }
@keyframes print-shadow-tightens { from { translate: 0 9px; scale: 1.04; opacity: .85; } }