/* Motion only. Existing palette, layout, paper surfaces and content stay intact. */
:root{--motion-out:cubic-bezier(.22,1,.36,1);--motion-hover:ease-in-out}
html{scroll-behavior:auto}
.motion-entry.motion-pending{opacity:0;translate:0 12px}
.motion-entry{--entry-delay:0ms}
.motion-entry.motion-entered{opacity:1;translate:0 0}
@media(hover:hover) and (pointer:fine){
 :is(.guide-photo-card,.music-card,.journal-polaroid,.spring-nav a,.filter-bar button,.journal-tab,.concert-poster img,.brand-static){transition:scale 380ms ease-in-out,transform 380ms ease-in-out,background-color 380ms ease-in-out,box-shadow 380ms ease-in-out}
 :is(.guide-photo-card,.music-card,.journal-polaroid,.spring-nav a,.filter-bar button,.journal-tab,.brand-static):hover{scale:1.03}
 .concert-poster:hover img{scale:1.04}
 .music-card:hover{transform:none}
 #archive #shows .archive-row{transition:scale 380ms ease-in-out,transform 380ms ease-in-out,opacity 550ms var(--motion-out),translate 550ms var(--motion-out)}
 #archive #shows .archive-row:hover{transform:none;scale:1.03}
 #messages .message-bubble.motion-entered{transition:translate 380ms ease-in-out,background-color 380ms ease-in-out}
 #messages .message-bubble.motion-entered:hover{translate:0 -5px;animation-play-state:paused}
 #messages .messages-write{transition:scale 380ms ease-in-out,background-color 380ms ease-in-out;transform:none}
 #messages .messages-write:hover{scale:1.03;transform:none}
}
#stage .stage-flow-panel .stage-card{transition:transform 580ms var(--motion-out),filter 480ms var(--motion-out),opacity 480ms var(--motion-out),border-color 380ms ease-in-out,visibility 0s;opacity:.72}
#stage .stage-flow-panel .stage-card.flow-current{opacity:1}
#stage .stage-flow-panel .stage-card[data-offset="2"],#stage .stage-flow-panel .stage-card[data-offset="-2"]{opacity:.48}
#stage .stage-flow-panel .stage-card.flow-hidden{opacity:0;transition:transform 580ms var(--motion-out),opacity 480ms var(--motion-out),visibility 0s 580ms}
#stage .stage-flow-panel #events.flow-dragging .stage-card{transition:none}
#stage .stage-flow-controls>button{transition:scale 380ms ease-in-out,background-color 380ms ease-in-out;transform:none}
#stage .stage-flow-controls>button:hover{scale:1.03;transform:none}
#stage .stage-flow-controls>button:disabled{scale:1}
.message-dialog::backdrop{backdrop-filter:none}
.ticker{animation:none}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .motion-entry,.motion-entry.motion-pending,.motion-entry.motion-entered{opacity:1!important;translate:none!important;transition:none!important}
 :is(.guide-photo-card,.music-card,.journal-polaroid,.spring-nav a,.filter-bar button,.journal-tab,.concert-poster img,.brand-static),#archive #shows .archive-row,#stage .stage-flow-controls>button,#messages .messages-write{scale:1!important;transition:none!important}
 #messages .message-bubble,#messages .message-bubble.motion-entered:hover{animation:none!important;translate:none!important;transition:none!important}
 #stage .stage-flow-panel .stage-card{transition:none!important}
}
