*{box-sizing:border-box}html{height:100%;background:#20262d;color:#f2f3f5;font-family:"Yu Gothic",Meiryo,sans-serif}body{margin:0;height:100vh;height:100dvh;display:flex;flex-direction:column}button,select,a{font:inherit}button,select{color:inherit;background:#303944;border:1px solid #596574;border-radius:7px;min-height:44px;padding:8px 14px;font-size:14px}button{cursor:pointer}button:hover:not(:disabled),a:hover{background:#394654}button:disabled{opacity:.35;cursor:default}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #a9d2f8;outline-offset:3px}a{color:#e2edfa;text-decoration:none}select{cursor:pointer}select option{background:#303944;color:#f2f3f5}[hidden]{display:none!important}.topbar{display:flex;gap:16px;align-items:center;padding:10px 20px;border-bottom:1px solid #414b56;flex-shrink:0}.shelf-link{padding:9px 3px;white-space:nowrap;font-size:13px}h1{font-size:17px;line-height:1.5;margin:0;font-weight:600;flex:1;min-width:0}.chapterbar{display:flex;align-items:center;justify-content:center;gap:12px;padding:7px 14px;flex-shrink:0}.chapterbar label{font-size:12px;color:#bdc8d5;white-space:nowrap}.chapterbar select{max-width:calc(100vw - 110px);font-size:13px;min-height:38px;padding:5px 8px}#stage{position:relative;min-height:0;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;padding:0;cursor:grab}#stage.dragging{cursor:grabbing}#page-rail{position:relative;width:100%;height:100%;transform:translate3d(var(--offset,0px),0,0);will-change:transform}#page-rail.settling{transition:transform 240ms cubic-bezier(.22,.61,.36,1)}.page-slot{position:absolute;top:0;width:100%;height:100%;padding:8px;contain:layout paint}.page-slot img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none}@media(prefers-reduced-motion:reduce){#page-rail.settling{transition:none}}#loading,#error{position:absolute;background:#20262deb;border-radius:8px;padding:15px;color:#e6eaf0;font-size:14px;text-align:center}.controls{flex-shrink:0;border-top:1px solid #414b56;padding:8px 16px max(8px,env(safe-area-inset-bottom))}.navigation{display:flex;gap:18px;align-items:center;justify-content:center}.navigation button{min-width:95px}.page-picker{display:flex;gap:8px;align-items:center;color:#c2ccd8;font-size:13px}.page-picker select{min-width:62px;padding:7px}.bottomline{display:flex;gap:16px;justify-content:center;align-items:center;font-size:11px;color:#b5c0ce;padding-top:8px}.bottomline p{margin:0}.bottomline a{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{color:#f2f3f5;background:#27313d;border:1px solid #667384;border-radius:12px;max-width:calc(100vw - 32px);padding:24px}dialog::backdrop{background:#111820dd}#continuation{width:390px}#continuation h2{font-size:18px;line-height:1.7;margin:0 0 22px}#continuation-actions{display:grid;gap:12px}#continuation-actions button,#continuation-actions a{display:block;width:100%;padding:13px;text-align:center;border-radius:7px;background:#405773;border:1px solid #7892b0;font-size:14px}.quiet{background:transparent;margin-top:20px;width:100%;font-size:13px}#zoom-dialog{position:fixed;inset:0;margin:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;padding:0;background:#20262d;overflow:hidden}#zoom-dialog[open]{display:flex;flex-direction:column}.zoom-toolbar{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid #596574;gap:12px}.zoom-toolbar p{font-size:12px;color:#c2ccd8;margin:0}.zoom-scroll{flex:1;min-height:0;overflow:auto;touch-action:pan-x pan-y pinch-zoom;text-align:center;padding:12px}.zoom-scroll img{display:block;width:1100px;max-width:none;height:auto;margin:auto}@media(max-width:600px){.topbar{gap:10px;padding:7px 12px}h1{font-size:13px;line-height:1.55}.shelf-link{font-size:11px}.topbar button{font-size:12px;padding:7px 10px;flex-shrink:0}.controls{padding-left:10px;padding-right:10px}.navigation{gap:12px}.navigation button{min-width:82px;padding:8px 10px}.bottomline{font-size:10px;gap:10px}.page-slot{padding:4px}.zoom-scroll{text-align:left}.zoom-scroll img{width:max(100%,800px);margin:0}.chapterbar select{font-size:12px}}@media(max-height:500px){.topbar{padding:3px 12px}.chapterbar{padding:3px 10px}.bottomline{display:none}.controls{padding-top:4px;padding-bottom:4px}}