#detail.reading-mode{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;overflow:hidden;background:var(--bg)}.reading-mode .detail-summary{display:none}.reading-mode #detail-body{height:100%;display:flex;flex-direction:column}.reading-mode #detail-radio{position:absolute;top:12px;right:65px;z-index:2;padding:10px 14px}.reading-mode .content-stage{padding:64px 0 0;border:0;flex:1;min-height:0}.paged-reader{height:100%;max-width:1080px;margin:auto;display:flex;flex-direction:column;color:var(--text)}.paged-reader header{display:flex;align-items:center;gap:10px;padding:12px 24px;border-bottom:1px solid var(--line)}.paged-reader header>div{flex:1;min-width:0}.paged-reader h2{font:20px Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0}.paged-reader small{font-size:10px;color:var(--muted)}.paged-reader button{background:var(--surface-2);border:1px solid var(--line);color:var(--text);border-radius:10px;min-height:42px;padding:8px 14px;cursor:pointer}.paged-reader button:disabled{opacity:.35;cursor:default}.paged-reader button[aria-pressed=true]{border-color:var(--violet);color:var(--violet)}.page-paper{flex:1;min-height:0;margin:16px 0;overflow:hidden;touch-action:pan-y;outline-offset:-3px}.page-text{font-family:Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere;font-variant-ligatures:none}.paged-reader footer{display:flex;align-items:center;gap:20px;padding:10px 24px 18px;margin:0;border-top:1px solid var(--line)}.paged-reader footer>div{flex:1;text-align:center}.paged-reader progress{width:100%;height:4px;accent-color:var(--violet)}.paged-reader footer span{display:block;font-size:11px;color:var(--muted);margin-top:7px}.reader-controls{display:flex;flex-wrap:wrap;gap:18px;padding:10px 24px}.reader-controls[hidden],.reader-index[hidden]{display:none}.reader-controls label{font-size:12px;display:flex;gap:8px;align-items:center}.reader-controls input{width:100px;accent-color:var(--violet)}.reader-index{position:absolute;inset:140px 20px 90px;max-width:700px;margin:auto;z-index:3;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow)}.reader-index button{display:block;width:100%;text-align:left;margin:8px 0}.focused header>div,.focused header [data-r=contents],.focused header [data-r=mark]{display:none}.focused header{justify-content:flex-end;padding-block:4px}.focused footer span{display:none}@media(max-width:600px){.paged-reader header{flex-wrap:wrap;padding:8px 12px;gap:6px}.paged-reader header>div{flex-basis:100%}.paged-reader h2{font-size:18px}.paged-reader button{padding:8px 12px}.paged-reader footer{padding:8px 12px 14px;gap:12px}.page-paper{margin:10px 0}.reader-controls{gap:8px;padding:8px 12px}}

.pdf-paper{flex:1;min-height:0;overflow:auto;text-align:center;padding:12px}.pdf-paper canvas{display:block;margin:auto;background:white;max-width:none}.pdf-pages footer label{display:flex;gap:8px;align-items:center}.pdf-pages input{width:72px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px}.pdf-pages select{max-width:140px;background:var(--surface);color:var(--text);border:1px solid var(--line);padding:8px}.pdf-pages footer span{flex:1}

/* Fala surrounds the page; the reading surface stays quiet. */
#detail.reading-mode{background:var(--bg) url('/reader-surround.svg') center/cover no-repeat}.paged-reader{--reader-paper:color-mix(in srgb,var(--surface) 85%,var(--bg));padding-inline:18px}.paged-reader header{background:transparent}.paged-reader header:before{content:'';width:32px;height:32px;flex-shrink:0;background:url('/logo.png') left center/108px auto no-repeat}.page-paper{background:var(--reader-paper);border-radius:12px;box-shadow:0 10px 30px #0000000d}.paged-reader footer{background:transparent}.pdf-paper canvas{box-shadow:0 10px 30px #0002}.reading-mode .dialog-close{font-size:24px}.reading-mode #detail-radio{background:var(--surface-2);border:1px solid var(--line);color:var(--text);border-radius:999px}.paged-reader header small{letter-spacing:.16em;color:var(--cyan)}html[data-theme=light] .paged-reader{--reader-paper:#fffdf7}.focused .page-paper{box-shadow:none}@media(max-width:600px){.paged-reader{padding-inline:8px}.paged-reader header:before{display:none}.page-paper{border-radius:8px}}

#detail.reading-mode{background-size:100% 100%}.page-paper{padding-top:12px;padding-bottom:12px}.focused .page-paper{background:var(--reader-paper)}

.reading-mode .content-stage{background:transparent}

.rich-viewport.page-paper{padding:0;margin:12px 24px;position:relative;overflow:hidden}.rich-columns{column-gap:32px;column-fill:auto;line-height:1.65;font-family:Georgia,serif;position:relative;overflow-wrap:anywhere}.rich-columns p{margin:0 0 1em}.rich-columns img{display:block;max-width:100%;max-height:100%;object-fit:contain;break-inside:avoid;margin:auto}.rich-columns h1,.rich-columns h2,.rich-columns h3{white-space:normal;break-after:avoid;font-family:Georgia,serif;line-height:1.25}.rich-columns table{max-width:100%;border-collapse:collapse}.rich-columns td,.rich-columns th{border:1px solid var(--line);padding:4px}.rich-columns pre{white-space:pre-wrap}.rich-columns a{color:var(--cyan)}.rich-reader select{max-width:160px;background:var(--surface);color:var(--text);padding:10px;border:1px solid var(--line);border-radius:8px}.rich-reader header{flex-wrap:wrap}.rich-reader header>div{min-width:140px}.rich-reader header [data-r=marks]{max-width:130px}#reader-sync-status{font:11px system-ui;color:var(--muted)}@media(max-width:600px){.rich-viewport.page-paper{margin:8px 12px}.rich-reader select{max-width:145px}.rich-reader header{gap:4px}.rich-reader header>div{flex-basis:100%}.rich-reader header button{min-height:44px}.pdf-pages header{flex-wrap:wrap}.pdf-pages footer{flex-wrap:wrap}.pdf-pages select{max-width:110px}}
.local-book-button{display:inline-flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;margin:12px 0}.local-book-button+small{display:block;color:var(--muted)}

#detail.reading-mode{position:fixed;inset:0}.rich-columns img{max-height:var(--page-height,100%)}