#session-loading span{width:22px;height:22px;border:2px solid #ffffff16;border-top-color:var(--green,#f4cc42);border-radius:50%;animation:boot-appear .15s .2s both,boot-spin .7s linear infinite}
.detail-overview.plot-loading{min-height:88px;border-radius:8px;color:transparent;background:linear-gradient(100deg,var(--panel),var(--line),var(--panel));background-size:220% 100%;animation:plot-shimmer 1.2s ease-in-out infinite;user-select:none}
.note-form-bottom{justify-content:flex-end}
@keyframes boot-spin{to{transform:rotate(360deg)}}
@keyframes boot-appear{from{opacity:0}to{opacity:1}}
@keyframes plot-shimmer{to{background-position:-220% 0}}
@keyframes sheet-enter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes content-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
 dialog[open]{animation:sheet-enter .2s cubic-bezier(.2,.8,.2,1)}
 dialog[open]::backdrop{animation:boot-appear .16s ease-out}
 .signed-in #club,#filter-panel:not([hidden]),[role=tabpanel]:not([hidden]){animation:content-enter .16s ease-out}
 button,.trailer-link{transition:transform .14s ease,background-color .14s ease,border-color .14s ease,opacity .14s ease}
 button:not(:disabled):active,.trailer-link:active{transform:scale(.97)}
 .poster-button img{transition:transform .2s ease}
 @media(hover:hover){.poster-button:hover img{transform:scale(1.025)}}
}
@media(prefers-reduced-motion:reduce){#session-loading span,.detail-overview.plot-loading{animation:none}*{scroll-behavior:auto!important}}