/* A shared, quiet entrance for the preview's guides and confirmation surfaces. */
@keyframes gentle-open{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes gentle-backdrop{from{opacity:0}to{opacity:1}}
dialog[open],#cup-guide-modal:not(.hidden) .cup-guide-sheet,.topic-menu:not([hidden]){animation:gentle-open .55s cubic-bezier(.22,.61,.36,1) both}
dialog[open]::backdrop,#cup-guide-modal:not(.hidden){animation:gentle-backdrop .45s ease both}
#timer-panel[aria-hidden="false"]{animation:gentle-open .55s cubic-bezier(.22,.61,.36,1) both}
button{transition:background-color .25s ease,color .25s ease,box-shadow .25s ease,transform .25s ease}
@media(prefers-reduced-motion:reduce){dialog[open],dialog[open]::backdrop,#cup-guide-modal:not(.hidden),#cup-guide-modal:not(.hidden) .cup-guide-sheet,.topic-menu:not([hidden]),#timer-panel[aria-hidden="false"]{animation:none!important}}