/* css-scroll-progress.css — trumptymemecoin / deadguy: a top bar that fills with page scroll.
   Uses animation-timeline:scroll() when available, IO/rAF fallback via story-clock.js (data-scroll-progress). */
.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:80;background:rgba(255,255,255,.12);pointer-events:none}
.scroll-progress>i{display:block;height:100%;width:0;transform-origin:left center;background:var(--accent,#c2ff20);transform:scaleX(var(--progress,0))}
@supports (animation-timeline:scroll()){
  @media (prefers-reduced-motion:no-preference){
    .scroll-progress>i{width:100%;animation:mfx-progress-grow linear both;animation-timeline:scroll(root)}
  }
}
@keyframes mfx-progress-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}