/* Progress stays inside the action the user pressed, including its mirrored controls. */
button[data-observe][data-observing]{
 background-image:linear-gradient(90deg,color-mix(in srgb,var(--venous-color) 23%,var(--surface)) 0%,color-mix(in srgb,var(--venous-color) 23%,var(--surface)) var(--observation-progress,1%),var(--faint) var(--observation-progress,1%),var(--faint) 100%);
 border-color:color-mix(in srgb,var(--venous-color) 50%,var(--line));
 box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--venous-color) 60%,transparent);
 opacity:1;color:var(--ink);cursor:progress;
}
#restart.restart-confirmed{animation:restart-confirmation 480ms ease-out both}
@keyframes restart-confirmation{
 0%,100%{transform:scale(1)}
 35%{transform:translateY(-3px) scale(1.1)}
 65%{transform:translateY(1px) scale(.97)}
}
@media(prefers-reduced-motion:reduce){
 #restart.restart-confirmed{animation:none;background:color-mix(in srgb,var(--arterial-color) 25%,var(--surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--arterial-color) 40%,transparent)}
}