*{box-sizing:border-box}html,body{margin:0;height:100%;background:#191511;color:#fff6ea;font-family:system-ui,"Microsoft JhengHei",sans-serif}body{overflow:hidden}button,select,a{font:inherit}button,select{color:inherit;background:#36291f;border:1px solid #73513a;border-radius:8px;min-height:40px}button{cursor:pointer;padding:6px 14px}button:hover:not(:disabled),a:hover{background:#58361e}button:disabled{opacity:.35;cursor:default}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #ffbd46;outline-offset:3px}.viewer{display:flex;flex-direction:column;height:100dvh}.stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;touch-action:pan-y pinch-zoom}.slide{width:100%;height:100%;object-fit:contain;display:block;user-select:none;-webkit-user-drag:none}.toolbar{flex:none;min-height:68px;padding:10px 18px calc(10px + env(safe-area-inset-bottom));display:flex;gap:10px;align-items:center;justify-content:center;background:#241c16;border-top:1px solid #50392a}.count{font-variant-numeric:tabular-nums;min-width:65px;text-align:center;font-weight:700}.pages{max-width:380px;min-width:180px;padding:6px 8px;flex:1}.back{font-size:14px;color:#eac9a4;text-decoration:none;padding:10px;white-space:nowrap;border-radius:8px}.hint{font-size:12px;color:#d0b69e;white-space:nowrap}.error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:#191511;text-align:center}.error[hidden]{display:none}.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}@media(max-width:1000px){.hint{display:none}.toolbar{padding-left:10px;padding-right:10px}}@media(max-width:600px){.toolbar{display:grid;grid-template-columns:44px 58px minmax(80px,1fr) 44px;gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.toolbar button{padding:6px}.pages{min-width:0;max-width:100%;font-size:13px}.fullscreen{grid-column:3 / 5;grid-row:2}.back{grid-column:1 / 3;grid-row:2;text-align:center}.count{min-width:0;font-size:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}