.reading-rail{--reading-progress:0;position:fixed;inset:5px 12px auto;z-index:1100;height:4px;overflow:hidden;border-radius:8px;pointer-events:none;background:#151516;box-shadow:inset 0 1px 2px #000,0 1px 0 #ffffff0d}.reading-rail-fill{height:100%;transform:scaleX(var(--reading-progress));transform-origin:left;background:linear-gradient(180deg,#c9c9cc,#8b8b8e 45%,#424245);box-shadow:inset 0 1px 0 #ffffff70}.reading-rail-head{position:absolute;left:calc(var(--reading-progress) * 100%);top:0;width:14px;height:100%;border-radius:8px;transform:translateX(-100%);opacity:0;background:linear-gradient(180deg,#f4f4f5,#b9b9bc 45%,#77777a);box-shadow:-3px 0 5px #ffffff20}.reading-rail[data-started=true] .reading-rail-head{opacity:1}@media (max-width:600px){.reading-rail{inset:3px 8px auto;height:3px}}