.reading-progress[hidden]{display:none}
.reading-progress__time[hidden]{display:none}
.reading-progress{position:fixed;inset:0 0 auto;z-index:240;pointer-events:none;color:var(--text,#deded8);font:500 .75rem/1.35 var(--font-sans,system-ui,sans-serif)}
.reading-progress__track{height:3px;background:var(--border,#444);overflow:hidden}
.reading-progress__fill{display:block;width:100%;height:100%;background:var(--accent,#80be99);transform:scaleX(0);transform-origin:left center}
.reading-progress__time{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);padding:.3rem .7rem;border:1px solid var(--border,#444);border-radius:999px;background:var(--bg-card,#242424);box-shadow:0 2px 9px #0002;white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:auto;cursor:default}
.reader-mode .reading-progress__time{left:auto;right:max(12px,env(safe-area-inset-right));transform:none}
.reader-mode .reading-tools{top:2.6rem}
@media(max-width:480px){.reading-progress__time{font-size:.7rem;padding:.25rem .6rem}.reader-mode .reading-progress__time{right:10px}}
@media print{.reading-progress{display:none!important}}