.reading-progress{display:none}
@media(max-width:760px){
  .reading-progress{position:fixed;z-index:90;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));display:flex;width:max-content;max-width:calc(100vw - 28px);height:42px;align-items:center;gap:9px;padding:0 14px;overflow:hidden;transform:translateX(-50%);border:1px solid rgba(14,67,55,.2);border-radius:999px;background:rgba(244,240,231,.94);box-shadow:0 8px 28px rgba(14,67,55,.14);color:#0e4337;font:700 12px/1 Inter,Arial,sans-serif;letter-spacing:.01em;pointer-events:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .reading-progress__clock{color:#f9785c;font-size:18px;line-height:1}
  .reading-progress__bar{position:absolute;inset:0 auto auto 0;width:0;height:3px;background:#f9785c;transition:width .12s linear}
  .reading-progress__remaining{color:#68736e;font-weight:650}
}
@media print{.reading-progress{display:none!important}}
@media(prefers-reduced-motion:reduce){.reading-progress__bar{transition:none}}