*{box-sizing:border-box}html,body{margin:0;background:#202628;color:#eef1f2;font:14px system-ui,-apple-system,"Noto Sans SC",sans-serif}body{height:100vh;height:100dvh;display:flex;flex-direction:column}header{background:#15191b;padding:16px 22px 12px}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-weight:800;font-size:24px;letter-spacing:-1px;color:white;text-decoration:none}h1{font-size:12px;font-weight:400;margin:6px 0 0;color:#9daaad}#download{color:#c5ed9b;text-decoration:none;font-size:13px;padding:10px 0;white-space:nowrap}.toolbar{display:flex;gap:10px;padding:10px 22px;background:#191f21;border-bottom:1px solid #30383b}button,select,input{font:inherit}button,select{border:1px solid #414c50;background:#283235;color:#eef1f2;border-radius:9px;height:44px;padding:0 14px}button{cursor:pointer}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #bdef6d;outline-offset:3px}#contents{flex:1;min-width:0;max-width:440px}#zoom{margin-left:auto;min-width:88px;color:#c5ed9b}#stage{flex:1;min-height:0;overflow:auto;position:relative;padding:18px 20px;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;display:block}#sheet{margin:auto;box-shadow:0 8px 28px #0003}#sheet img{display:block;width:100%;height:auto}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#a8b8bd;font-size:13px;pointer-events:none}#retry{position:absolute;left:50%;top:58%;transform:translateX(-50%)}[hidden]{display:none!important}.caption{display:flex;justify-content:space-between;gap:12px;padding:8px 22px;color:#a7b4b8;font-size:11px;min-height:30px}nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 22px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:#151b1d;border-top:1px solid #30383b}nav button{background:transparent;min-width:100px;border-color:#364247}.page-counter{display:flex;gap:6px;align-items:center;color:#99aaaf;white-space:nowrap}#page{color:#eef1f2;background:transparent;text-align:center;width:42px;height:44px;border:0;border-bottom:1px solid #586568;border-radius:0}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media(max-width:600px){header{padding:10px 16px 9px}.brand{font-size:22px}.toolbar{padding:9px 16px;gap:8px}#stage{padding:12px 8px}.caption{padding:7px 16px}nav{padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom));gap:8px}nav button{min-width:95px;padding:0 10px}#hint{font-size:10px}}@media(max-height:450px){header{padding:6px 16px}h1{display:none}.toolbar{padding:5px 16px}nav{padding:5px 16px}.caption{display:none}}