.reading-page main{width:100%;max-width:none}.reader-heading{width:min(1320px,90%);margin:25px auto 30px;display:grid;grid-template-columns:1fr auto;gap:14px}.reader-heading>a{grid-column:1/-1;justify-self:start;font-size:13px}.reader-heading h1{font-size:36px;margin:0}.reader-heading>p{font-size:13px;align-self:end;margin:0}.book-reader{background:var(--stage);position:relative;outline-offset:-3px}.book-reader button{background:none;border:1px solid transparent;min-height:44px;min-width:44px;font-size:13px;padding:8px 14px;border-radius:0}.book-reader button:hover:not(:disabled){background:#daddd1}.reader-toolbar{height:68px;border-bottom:1px solid #20282320;display:flex;justify-content:center;align-items:center;gap:18px;padding:10px 20px;background:var(--paper)}.reader-toolbar>[data-act=pages]{border-color:var(--line)}.reader-zoom{display:flex;align-items:center;border-left:1px solid var(--line);border-right:1px solid var(--line);padding:0 12px}.reader-zoom [data-act=minus],.reader-zoom [data-act=plus]{font-size:23px}.reader-layout{display:flex;position:relative}.reader-canvas{position:relative;min-width:0;flex:1}.reader-stage{height:min(73vh,900px);min-height:440px;overflow:auto;touch-action:pan-y;overscroll-behavior:contain;position:relative}.reader-stage.is-zoomed{touch-action:none;cursor:grab}.reader-stage.is-zoomed:active{cursor:grabbing}.reader-centre{display:flex;align-items:center;justify-content:center;padding:24px 45px;position:relative}.page-book{display:flex;position:relative;flex:none;background:white;box-shadow:0 9px 22px #20282324;perspective:1900px;transform-style:preserve-3d}.page-slot{flex:1;min-width:0;height:100%;position:relative;background:#fff}.page-slot img{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.is-spread .page-slot:first-child:after{content:'';position:absolute;right:0;top:0;bottom:0;width:15px;background:linear-gradient(90deg,transparent,#00000012);pointer-events:none}.is-spread .page-slot:nth-child(2):after{content:'';position:absolute;left:0;top:0;bottom:0;width:12px;background:linear-gradient(90deg,#0000000a,transparent);pointer-events:none}.turn-leaf{position:absolute;top:0;width:100%;height:100%;transform-style:preserve-3d;z-index:3;pointer-events:none}.is-spread .turn-leaf{width:50%}.turn-leaf.forward{right:0;transform-origin:left center}.turn-leaf.back{left:0;transform-origin:right center}.leaf-front,.leaf-back{position:absolute;inset:0;background:white;backface-visibility:hidden;overflow:hidden;box-shadow:0 0 20px #0003}.leaf-back{transform:rotateY(180deg)}.turn-leaf img{width:100%;height:100%;object-fit:contain}.turn-control{position:absolute;z-index:5;top:calc(50% - 22px);background:var(--paper)!important;padding:8px!important;border:1px solid var(--line)!important}.turn-control.prev{left:12px}.turn-control.next{right:12px}.reader-status{position:absolute;z-index:8;left:50%;bottom:18px;transform:translateX(-50%);max-width:90%;padding:12px 18px;background:var(--paper);border:1px solid var(--line);box-shadow:0 2px 10px #20282312;font-size:14px;line-height:1.4}.reader-status button{border-bottom:1px solid var(--olive);margin-left:12px}.reader-bottom{border-top:1px solid #20282320;padding:12px 5% 14px;display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:8px 25px;align-items:center;background:var(--paper)}.reader-progress{width:100%;accent-color:var(--olive);height:35px;margin:0;cursor:pointer}.reader-jump{display:flex;gap:8px;align-items:center;font-size:13px}.reader-jump input{width:63px;min-height:40px;background:#fff9;border:1px solid var(--line);border-radius:0;padding:5px 7px;font-size:14px}.reader-total{white-space:nowrap}.reader-help{font-size:12px;color:var(--muted);grid-column:1/-1;margin:0;text-align:center}.reader-download{text-align:center;margin:20px}.reader-download a{font-size:13px}.reader-sidebar{width:250px;flex:none;background:var(--paper);border-right:1px solid var(--line);height:min(73vh,900px);min-height:440px;overflow:auto;padding:16px}.sidebar-top label{font-size:12px;display:block}.reader-search{width:100%;height:44px;border:1px solid var(--line);background:var(--paper);padding:8px;margin-top:6px;border-radius:0;font-size:16px}.sidebar-top button{width:100%;text-decoration:underline}.reader-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reader-thumbs button{padding:5px;background:var(--stage)}.reader-thumbs button[aria-current=true]{border-color:var(--olive);background:#daddd1}.reader-thumbs img{width:100%;height:115px;object-fit:contain;margin-bottom:5px}.reader-thumbs>p{grid-column:1/-1;font-size:13px}.book-reader:fullscreen,.reader-overlay{background:var(--stage);width:100vw;height:100dvh;display:flex;flex-direction:column}.book-reader:fullscreen .reader-layout,.reader-overlay .reader-layout{flex:1;min-height:0}.book-reader:fullscreen .reader-stage,.reader-overlay .reader-stage{height:100%;min-height:0}.book-reader:fullscreen .reader-sidebar,.reader-overlay .reader-sidebar{height:100%;min-height:0}.reader-overlay{position:fixed;inset:0;z-index:1000}.reader-open{overflow:hidden}.book-reader:fullscreen .reader-toolbar,.reader-overlay .reader-toolbar,.book-reader:fullscreen .reader-bottom,.reader-overlay .reader-bottom{flex-shrink:0}
@media(max-width:700px){.reader-heading{width:calc(100% - 40px);margin:20px auto 25px;display:block}.reader-heading h1{font-size:30px;margin-top:18px}.reader-heading>p{margin-top:10px}.reader-toolbar{height:auto;min-height:62px;gap:4px;padding:6px 8px;justify-content:space-between}.reader-toolbar>[data-act=mode]{display:none}.reader-zoom{padding:0 4px;border:0}.book-reader button{font-size:12px;padding:7px 9px;min-width:40px}.reader-zoom [data-act=minus],.reader-zoom [data-act=plus]{font-size:22px}.reader-stage{height:66vh;min-height:340px}.reader-centre{padding:20px 36px}.turn-control{min-width:30px!important;width:30px;height:44px;padding:4px!important}.turn-control.prev{left:3px}.turn-control.next{right:3px}.reader-bottom{padding:10px 20px 12px;display:flex;flex-direction:column;gap:5px}.reader-progress{height:25px}.reader-help{font-size:11px;line-height:1.5;margin-top:5px}.reader-sidebar{position:absolute;z-index:10;left:0;top:0;bottom:0;width:min(290px,88%);height:100%;min-height:0;box-shadow:5px 0 20px #0002}.reader-status{font-size:13px;text-align:center;bottom:12px;width:85%;padding:10px}.reader-status button{display:block;margin:8px auto 0}.reading-page .site-footer{margin-top:45px}}@media(prefers-reduced-motion:reduce){.turn-leaf{display:none}}
.reading-page .site-header{height:80px}.reader-heading{margin-top:10px;margin-bottom:20px}.reader-heading h1{font-size:32px}.reader-stage,.reader-sidebar{height:calc(100dvh - 400px);min-height:400px;max-height:900px}@media(max-width:700px){.reader-heading{margin:10px 20px 20px}.reader-heading h1{font-size:28px}.reader-stage{height:calc(100dvh - 365px);min-height:300px}.reader-sidebar{height:100%;min-height:0}}

.reader-text{background:var(--paper);border-top:1px solid var(--line);padding:12px 5%;max-height:36vh;overflow:auto;flex-shrink:0}.reader-text summary{font-size:13px;cursor:pointer;padding:8px 0;min-height:36px}.reader-text-note{font-size:12px;line-height:1.6;color:var(--muted);max-width:75ch}.reader-text-pages{max-width:80ch;margin:auto}.reader-text-pages h2{font-size:20px;margin-top:28px}.reader-extracted-text{white-space:pre-wrap;font:16px/1.8 Georgia,serif;overflow-wrap:anywhere}.reader-text[open]{min-height:120px}.book-reader:fullscreen .reader-text,.reader-overlay .reader-text{max-height:28vh}.reader-stage,.reader-sidebar{height:calc(100dvh - 450px)}@media(max-width:700px){.reader-stage{height:calc(100dvh - 415px)}}