:root{color-scheme:light;--green:#123d2c;--cream:#fcfaf2;--gold:#bb9653}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Arial,Helvetica,sans-serif;background:var(--green);color:var(--cream)}body{display:grid;grid-template-rows:62px minmax(0,1fr) 112px;height:100dvh}header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:1px solid #ffffff20}header strong{font-size:16px;letter-spacing:2px}header span{display:block;font-size:12px;letter-spacing:1.6px;color:#dbc79c;margin-top:4px}header a{font-size:14px;color:var(--cream);text-underline-offset:4px}main{min-height:0;padding:12px 0 4px}.reader{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;outline-offset:-3px}.reader::-webkit-scrollbar{display:none}.sheet{flex:0 0 100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;justify-content:center;align-items:center;padding:0 12px}.sheet img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 6px 8px #0004)}footer{padding:6px 16px max(8px,env(safe-area-inset-bottom));text-align:center}.hint{font-size:12px;color:#e1d5ba;line-height:1.4;margin-bottom:8px}.controls{display:flex;justify-content:center;align-items:center;gap:10px}button{font:inherit;font-size:14px;border:1px solid #ffffff55;border-radius:7px;padding:10px 14px;min-height:42px;color:var(--cream);background:transparent;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ebcf87;outline-offset:3px}button:hover{background:#ffffff12}button:disabled{opacity:.35;cursor:default}#next{background:var(--cream);color:var(--green);border-color:var(--cream)}#count{font-size:14px;min-width:45px;font-variant-numeric:tabular-nums}#dots{display:flex;justify-content:center;gap:6px;margin-top:5px}#dots button{border:0;padding:0;width:24px;min-height:22px;position:relative}#dots button:before{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#ffffff55;left:9px;top:8px}#dots button[aria-current=true]:before{background:#e6cc91;width:8px;height:8px;left:8px;top:7px}dialog{padding:0;border:0;background:var(--green);color:var(--cream);width:100vw;max-width:none;height:100dvh;max-height:none;margin:0}dialog::backdrop{background:#123d2c}.zoom-toolbar{height:58px;display:flex;justify-content:space-between;align-items:center;padding:6px 16px}.zoom-scroll{height:calc(100% - 58px);overflow:auto;touch-action:pan-x pan-y}.zoom-scroll img{display:block;width:1067px;max-width:none;height:auto;margin:0 auto;background:var(--cream)}@media(min-width:900px){body{grid-template-rows:65px minmax(0,1fr) 115px}header{padding:12px 32px}.sheet{padding:4px 24px}}@media(prefers-reduced-motion:reduce){.reader{scroll-behavior:auto}}@media(max-height:500px){body{grid-template-rows:48px minmax(0,1fr) 80px}.hint{display:none}header span{display:none}header{padding:5px 12px}.controls button{min-height:34px;padding:6px 12px}}