.reading-progress{position:fixed;inset-inline-end:4px;top:30vh;width:9px;height:40vh;min-height:100px;z-index:20;padding:0;border:1px solid #555;border-radius:9px;background:#ddd;overflow:hidden;cursor:pointer}
.reading-progress [data-fill]{display:block;position:absolute;inset-inline:0;top:0;height:var(--reading-position,0%);background:#684379}
.reading-progress:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
html[data-reading-theme="dark"] .reading-progress,html[data-reading-theme="black"] .reading-progress{background:#555;border-color:#eee}
html[data-reading-theme="dark"] .reading-progress [data-fill],html[data-reading-theme="black"] .reading-progress [data-fill]{background:#f6cb64}
@media print{.reading-progress{display:none}}