.reading-progress{--read: 0;position:fixed;z-index:40;top:0;inset-inline-start:0;width:100%;height:2px;pointer-events:none}.reading-progress[hidden]{display:none}.reading-progress:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;transform:scaleX(var(--read));background:linear-gradient(90deg,var(--ugt-root-fill, #7a6a4b),var(--ugt-accent, #2f5e46) 70%)}.reading-progress:after{content:"";position:absolute;top:-2px;inset-inline-start:calc(var(--read) * 100% - 3px);width:6px;height:6px;border-radius:50%;background:var(--ugt-accent, #2f5e46);box-shadow:0 0 0 3px color-mix(in srgb,var(--ugt-accent, #2f5e46) 18%,transparent);opacity:min(1,calc(var(--read) * 40))}@media(prefers-reduced-motion:reduce){.reading-progress:after{box-shadow:none}}
