:root{color-scheme:dark;--bg:#17241c;--paper:#f4f1ea;--muted:#b9c3b8;--line:#ffffff26;--serif:Georgia,'Times New Roman',serif;font-family:Arial,Helvetica,sans-serif;color:var(--paper);background:var(--bg)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{display:flex;flex-direction:column;height:100vh;height:100dvh}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #e3d8b9;outline-offset:4px}button[hidden]{display:none!important}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.reader-header{display:flex;align-items:center;gap:22px;padding:12px 28px;border-bottom:1px solid var(--line);flex:none;min-height:82px}.brand{display:flex;align-items:center;width:176px;flex:none}.brand img{width:100%;height:auto}.heading{margin-right:auto}.heading>span{font-size:9px;letter-spacing:.18em;color:var(--muted)}h1{font:normal 21px/1.25 var(--serif);margin:4px 0 0}.action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:44px;min-height:44px;padding:10px 13px;border:1px solid var(--line);background:transparent;border-radius:3px;font-size:12px;white-space:nowrap}.action:hover{background:#ffffff0b;border-color:#ffffff66}.back{border:0;padding:10px}.reader-main{display:flex;flex-direction:column;flex:1;min-height:0}.reader-tools{width:min(1180px,100%);padding:12px 24px 4px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:16px;flex:none}.index-control{display:flex;align-items:center;gap:10px;min-width:0}.index-control select{color:var(--paper);background:var(--bg);border:0;border-bottom:1px solid var(--line);padding:11px 28px 11px 0;font-size:12px;width:265px;max-width:100%;text-overflow:ellipsis;min-height:44px}.view-tools{display:flex;gap:8px}
.stage{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:12px 20px}.book{flex:none;visibility:hidden;transition:transform .25s ease}.book.is-ready{visibility:visible}.book.cover-only{transform:translateX(-25%)}.page{background:var(--paper);overflow:hidden}.page img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-select:none}.page-link{position:absolute;display:block;z-index:3;border-radius:2px;background:transparent;cursor:pointer}.page-link:hover{background:#b994611b;box-shadow:inset 0 0 0 1px #b9946177}.page-link:focus-visible{outline-offset:-2px}.page-text{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.status{position:absolute;left:16px;right:16px;bottom:12px;text-align:center;color:var(--paper);font-size:13px;pointer-events:none;margin:0}.status:empty{display:none}.status.error{padding:12px;background:#17241ce8;z-index:9}.reader-footer{padding:6px 20px max(12px,env(safe-area-inset-bottom));flex:none;text-align:center}.navigation{display:flex;align-items:center;justify-content:center;gap:18px}.page-button{border:1px solid #ffffff4a;border-radius:50%;width:44px;height:44px;background:transparent;display:grid;place-items:center}.page-button:not(:disabled):hover{background:var(--paper);color:var(--bg)}#counter{font-size:12px;min-width:125px;font-variant-numeric:tabular-nums}.hint{font-size:11px;color:var(--muted);margin:10px 0 0;line-height:1.4}.no-script{position:absolute;inset:45% 20px auto;text-align:center;background:var(--bg);padding:24px;z-index:10}.no-script a{text-decoration:underline}
#zoom-dialog{padding:0;border:1px solid #ffffff32;border-radius:4px;color:var(--paper);background:var(--bg);width:min(1260px,96vw);height:92vh;height:92dvh;max-width:96vw;max-height:92dvh;overflow:hidden}#zoom-dialog::backdrop{background:#000c}.zoom-header{height:58px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 20px;border-bottom:1px solid var(--line);font-size:13px}.zoom-scroll{height:calc(100% - 58px);overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;background:#111a14}#zoom-pages{padding:16px;min-width:1032px;display:flex;flex-direction:column;align-items:center;gap:20px}#zoom-pages img{display:block;width:1000px;height:auto;max-width:none}
@media(max-width:700px){.reader-header{padding:9px 14px;gap:10px;min-height:66px}.brand{width:142px;margin-right:auto}.heading{display:none}.download{font-size:11px;padding:8px 10px;gap:6px}.back{padding:8px;min-width:36px}.reader-tools{padding:8px 14px 0;gap:8px}.index-control{flex:1}.index-control>svg{display:none}.index-control select{width:100%;font-size:12px;padding-right:10px}.view-tools{gap:4px}.view-tools .action{padding:8px 10px}.view-tools .action span{display:none}.stage{padding:8px 12px}.reader-footer{padding-top:4px}.hint{font-size:10px;margin-top:8px}#zoom-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.zoom-header{padding:8px 14px}}
@media(max-height:480px){.reader-header{min-height:52px;padding:4px 20px}.brand{width:126px}.heading{display:none}.reader-tools{padding-top:2px}.reader-footer{padding-bottom:5px}.hint{display:none}.stage{padding-top:2px;padding-bottom:2px}}
@media(prefers-reduced-motion:reduce){.book{transition:none}}