.reading-resume{z-index:25;border:1px solid color-mix(in srgb, var(--reading-ink) 18%, transparent);background:color-mix(in srgb, var(--reading-paper) 94%, transparent);color:var(--reading-ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;align-items:center;gap:4px;max-width:calc(100vw - 32px);padding:6px;display:flex;position:fixed;bottom:24px;left:24px}.reading-resume button{min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;padding:8px 12px;display:flex}.reading-resume button:is(:hover,:focus-visible){background:color-mix(in srgb, currentColor 8%, transparent)}.reading-resume button:focus-visible{outline-offset:2px;outline:2px solid}.reading-resume span{align-items:center;gap:12px;display:flex}.reading-resume strong{font-size:14px;font-weight:600}.reading-resume small{font-size:12px}.reading-resume .reading-resume-dismiss{justify-content:center;width:44px;padding:8px}@media (max-width:760px){.reading-resume{left:50%;bottom:calc(78px + env(safe-area-inset-bottom));white-space:nowrap;transform:translate(-50%)}}
.story-pagination{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:12px;margin-top:32px;padding-top:32px;display:flex}.story-pagination button{border:1px solid var(--line);min-width:110px;min-height:44px;color:inherit;cursor:pointer;font:13px var(--font-source-code-pro),monospace;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:10px 18px;display:flex}.story-pagination button:disabled{opacity:.35;cursor:default}.story-pagination button:not(:disabled):hover{background:color-mix(in srgb,currentColor 6%,transparent)}.story-pagination button:focus-visible{outline-offset:4px;outline:2px solid}
