:root{color-scheme:light;font-family:system-ui,-apple-system,"Malgun Gothic",sans-serif;color:#182d35;background:#cfd7db}
*{box-sizing:border-box}body{margin:0;overflow-x:hidden}
button,select,input{font:inherit;font-size:13px}button,select{border:1px solid #c8d2d7;background:#fff;border-radius:5px;color:#19313c;height:34px;padding:4px 9px;cursor:pointer}button:disabled{opacity:.25;cursor:default}button:hover:not(:disabled){background:#e9f3f6}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #2686ad;outline-offset:1px}
nav{position:sticky;top:0;z-index:5;background:#f8fafb;box-shadow:0 2px 8px #24343d20;display:flex;justify-content:space-between;gap:8px;align-items:center;padding:5px 8px}.position-tools,.tools,.position-tools form{display:flex;gap:4px;align-items:center}.position-tools{min-width:0;flex:1}select{max-width:310px;flex:1;min-width:80px}input{width:48px;text-align:center;height:34px;border:1px solid #b6c5cc;border-radius:5px}#total{font-size:12px;white-space:nowrap}
#chapter{appearance:none;background-color:#080808;color:#fff;border-color:#080808;font-weight:650;padding-right:32px;background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:calc(100% - 16px) 13px,calc(100% - 10px) 13px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}#prev,#next{font-size:25px;font-weight:800;line-height:1;padding:0 11px}
.infobar{position:fixed;z-index:10;left:50%;bottom:12px;transform:translateX(-50%);pointer-events:none}.infobar #label{display:none}.infobar #status:not(:empty){display:block;background:#15242be8;color:#fff;border-radius:20px;padding:6px 12px;font-size:11px;white-space:nowrap}
.book-stage{overflow:auto;height:calc(100vh - 44px);padding:4px 8px 10px;display:flex;justify-content:center;align-items:flex-start;touch-action:pan-y;overscroll-behavior:contain}.book-stage.zoomed{justify-content:flex-start;cursor:grab;touch-action:none}.book-stage.zoomed .book{margin-left:auto;margin-right:auto}.book-stage.panning{cursor:grabbing;user-select:none}.book{--zoom:1;display:flex;position:relative;transition:transform .16s ease,opacity .16s ease;transform-origin:top center;filter:drop-shadow(0 7px 16px #20323b35)}
.page{position:relative;line-height:0;background:#fff;min-width:0}.single .page{width:100%}.spread .page{width:50%}.page img{display:block;width:100%;height:auto;user-select:none}.spread .left{box-shadow:inset -24px 0 28px -20px #0009}.spread .right{box-shadow:inset 24px 0 28px -20px #0009}.spread::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#12191d66;box-shadow:0 0 18px 7px #0005;z-index:2;pointer-events:none}.turn-next{transform:perspective(1400px) rotateY(-1.5deg);opacity:.76}.turn-prev{transform:perspective(1400px) rotateY(1.5deg);opacity:.76}
.book-nav{position:fixed;z-index:4;top:50%;transform:translateY(-45%);width:58px;height:104px;padding:0;border:0;border-radius:10px;background:#101b21b8;color:#fff;font-size:52px;font-weight:300;line-height:1;box-shadow:0 5px 18px #0003;backdrop-filter:blur(3px)}.book-nav:hover:not(:disabled){background:#0b151be8}.book-nav-prev{left:12px}.book-nav-next{right:12px}
footer{display:none}a{color:#1b647c;margin-left:8px}dialog{border:0;border-radius:12px;max-width:480px;width:90%;padding:26px;box-shadow:0 8px 40px #0003}dialog::backdrop{background:#13232a99}dialog h2{margin-top:0;font-size:20px}dialog p{font-size:14px;line-height:1.8}dialog button{width:100%;background:#193b49;color:#fff}#status.error{background:#8b2020}
@media(max-width:799px){html,body{overflow-x:visible;touch-action:auto}nav{padding:3px 4px;gap:3px;height:39px}.position-tools{gap:2px}select{min-width:0;max-width:none;width:82px;padding:2px 27px 2px 7px}.tools{gap:2px;flex:0 0 auto}.position-tools button,.tools button{height:32px;padding:2px 7px}.position-tools form{gap:2px}.position-tools form button,#total,#out,#fit,#in{display:none}input{width:38px;height:32px}.book-stage{display:block;height:auto;min-height:calc(100vh - 39px);padding:2px 3px 14px;overflow:visible;touch-action:auto;overscroll-behavior:auto}.book-stage.zoomed{touch-action:auto}.book.mobile-flow{display:flex;flex-direction:column;width:100%!important;gap:8px;filter:none;transform:none!important;transition:none;touch-action:auto}.book.mobile-flow .page{flex:0 0 auto;width:100%!important;aspect-ratio:532.9/745.5;overflow:hidden;box-shadow:0 2px 9px #20323b42}.book.mobile-flow .page.cover-spread{aspect-ratio:1.414/1}.book.mobile-flow .page img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;touch-action:auto}.book-nav{display:none}#prev,#next{font-size:23px;padding:0 8px}#share{font-size:11px}#help{font-size:15px}}