/* Erza motion: bounded, compositor-friendly movement; original branding retained. */
:root{--erza-ease:cubic-bezier(.2,.75,.2,1)}
html[data-erza-motion] .sheet{animation:none}
.btn,.iconbtn,.tab,.seg button,.lg-btn,.offer-action,.offer-kebab{
  transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease,
    box-shadow 220ms ease,translate 220ms var(--erza-ease),scale 160ms var(--erza-ease);
}
.tile,.hero,.listrow,.pressable.card{
  transition:translate 260ms var(--erza-ease),box-shadow 260ms ease,background-color 180ms ease;
}
.input,.lg-input{transition:border-color 180ms ease,box-shadow 180ms ease,background-color 180ms ease}
.btn:active:not(:disabled),.iconbtn:active:not(:disabled),.tab:active,.seg button:active,
.lg-btn:active:not(:disabled),.fab:active,.offer-action:active,.offer-kebab:active{scale:.96}
.fab{transition:scale 180ms var(--erza-ease),box-shadow 220ms ease,background-color 180ms ease}
@media(hover:hover) and (pointer:fine){
  .tile:hover,.hero:hover{translate:0 -3px;box-shadow:var(--shadow)}
  .listrow:hover,.pressable.card:hover{translate:0 -2px}
  .btn:hover:not(:disabled),.lg-btn:hover:not(:disabled){translate:0 -2px}
  .fab:hover{scale:1.06}
}
.erza-number-accessible{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;
  margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;
  white-space:nowrap!important;border:0!important;
}
.erza-number-visual{font-variant-numeric:tabular-nums}
.erza-overlay-exit{pointer-events:none!important}
html[data-erza-motion] .toast{animation:erza-toast-in 300ms var(--erza-ease) both}
html[data-erza-motion] .nav-open .rail{animation:erza-drawer-in 320ms var(--erza-ease) both}
html[data-erza-motion] .nav-open .nav-scrim{animation:erza-scrim-in 220ms ease both}
html[data-erza-motion] .action-menu{animation:erza-menu-in 180ms var(--erza-ease) both;transform-origin:top right}
@keyframes erza-toast-in{from{opacity:0;translate:0 12px;scale:.97}to{opacity:1;translate:0 0;scale:1}}
@keyframes erza-drawer-in{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}
@keyframes erza-scrim-in{from{opacity:0}to{opacity:1}}
@keyframes erza-menu-in{from{opacity:0;transform:translateY(-5px) scale(.97)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  .btn,.iconbtn,.tab,.seg button,.lg-btn,.offer-action,.offer-kebab,.tile,.hero,.listrow,
  .pressable.card,.input,.lg-input,.fab{transition:none!important;translate:none!important;scale:1!important}
  html[data-erza-motion] .toast,html[data-erza-motion] .nav-open .rail,
  html[data-erza-motion] .nav-open .nav-scrim,html[data-erza-motion] .action-menu{animation:none!important}
}
@media print{
  .erza-overlay-exit{display:none!important}
  .erza-number-visual{display:none!important}
  .erza-number-accessible{position:static!important;width:auto!important;height:auto!important;margin:0!important;clip-path:none!important}
}