/* Read passages: continuous random read-through on the Passages page */
#readall{font-size:1.05rem;padding:.65rem 1.4rem}
#readall[aria-pressed="true"]{background:linear-gradient(#5b4a36,#3e3225);border-color:#2b2118}
.card.reading{border-color:var(--accent);box-shadow:0 0 0 3px rgba(122,46,29,.18),0 1px 0 #fff inset,0 14px 36px -12px rgba(90,30,10,.55),0 2px 6px rgba(60,40,10,.12)}
.readbar{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:.8rem;
 max-width:calc(100vw - 24px);padding:.45rem .5rem .45rem 1.1rem;background:#fbf5e6;border:1px solid var(--edge);border-radius:999px;
 box-shadow:0 8px 24px -8px rgba(60,40,10,.5);font-size:.98rem;color:var(--muted);font-style:italic}
.readbar .dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--accent);flex:0 0 auto;animation:rdpulse 1.6s ease-in-out infinite}
.readbar #readstat{text-align:left;line-height:1.25}
.readbar #readstop{font-size:.95rem;padding:.45rem 1.1rem;width:auto;font-style:normal;flex:0 0 auto}
body.is-reading main{padding-bottom:5rem}
@keyframes rdpulse{0%,100%{opacity:.35}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.readbar .dot{animation:none}}
@media (max-width:520px){.readbar{left:10px;right:10px;transform:none;max-width:none;justify-content:space-between;font-size:.9rem;gap:.5rem;padding-left:.9rem}.readbar #readstat{flex:1}.readbar #readstop{width:auto}body.is-reading main{padding-bottom:6rem}}
@media print{.readbar{display:none}}