:root{--motion-fast:140ms;--motion-ui:220ms;--motion-reveal:420ms;--motion-stagger:55ms;--motion-out:cubic-bezier(.16,1,.3,1);--motion-in-out:cubic-bezier(.4,0,.2,1);--motion-travel:14px}
.motion-document-count{display:inline-block;margin-left:8px;font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted);font-variant-numeric:tabular-nums;min-width:3ch}
@media(prefers-reduced-motion:no-preference){
  button,.button{transition:background-color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),scale var(--motion-fast) var(--motion-out)}
  button:not(:disabled):not(.pin):active,.button:active{scale:.98}
  .document-card{transition:translate var(--motion-ui) var(--motion-out),box-shadow var(--motion-ui),border-color var(--motion-ui)}
  .drop-zone{transition:background-color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast)}
  .drop-zone.dragging{box-shadow:0 0 0 4px #2f67ae18}
  dialog[open]{animation:dc-dialog-in 180ms var(--motion-out)}
  dialog[open]::backdrop{animation:dc-backdrop-in 180ms ease-out}
}
@media(prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
  .document-card:hover{translate:0 -3px;box-shadow:0 10px 28px #2445681c}
  .auth-illustration .sample-comment{transition:translate var(--motion-ui) var(--motion-out)}
  .auth-illustration:hover .sample-comment{translate:0 -4px}
}
@keyframes dc-dialog-in{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@keyframes dc-backdrop-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){
  button,.button,.document-card,.drop-zone,dialog,dialog::backdrop,.auth-illustration .sample-comment{animation:none!important;transition:none!important;translate:none;scale:none}
}