:root{color-scheme:light;--ink:#173e38;--paper:#f6f6ef;--lime:#d6ed91}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;background:#e7ece4;color:var(--ink)}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #a6c75d;outline-offset:3px}#viewer{display:flex;flex-direction:column;width:100%;height:100dvh;background:#e7ece4;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#stage{flex:1;min-height:0;position:relative;overflow:hidden;touch-action:none}#slides{position:absolute;inset:0}.page{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:14px 18px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s}.page.active{opacity:1;visibility:visible;pointer-events:auto}.page img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none;box-shadow:0 8px 30px #173e3812;transform-origin:center;will-change:transform}.zoomed .page.active{cursor:grab}.zoomed .page.active:active{cursor:grabbing}#loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 18px;border-radius:30px;background:var(--paper);font-size:13px;box-shadow:0 4px 30px #0001;pointer-events:none}#retry{position:absolute;left:50%;top:60%;transform:translateX(-50%);padding:12px 20px;border:1px solid #173e3850;background:var(--paper);border-radius:30px}#hint{display:none;margin:0;text-align:center;color:#6d7b73;font-size:11px;padding:10px 12px;flex:none}footer{height:74px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 26px;padding-bottom:env(safe-area-inset-bottom);background:var(--paper);border-top:1px solid #173e3814}.identity{font-size:11px;font-weight:700;letter-spacing:.12em;display:flex;flex-direction:column;gap:5px;min-width:170px}.identity span{font-size:10px;font-weight:400;letter-spacing:0;color:#6c7b72}#dots{display:flex;gap:3px}#dots button{border:0;width:23px;height:35px;display:grid;place-items:center;padding:0;background:transparent}#dots button:after{content:'';height:5px;width:5px;border-radius:6px;background:#b9c9b6;transition:width .2s}#dots button[aria-current=true]:after{width:20px;background:var(--ink)}.controls{display:flex;align-items:center;gap:8px}.controls button{border:1px solid #173e3830;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:transparent;font-size:21px;flex:none}.controls button#next{background:var(--ink);color:white;border-color:var(--ink)}.controls button#zoom[aria-pressed=true]{background:var(--lime)}.controls button:disabled{opacity:.25;cursor:default}.controls button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.controls #count{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;margin-right:8px;min-width:48px}.divider{height:20px;width:1px;background:#173e3820;margin:0 4px}.progress{height:3px;flex:none;background:#d8e2d2}.progress i{display:block;height:100%;background:#47745d;transition:width .2s}#viewer:fullscreen{height:100%;width:100%}@media(max-width:1000px){.identity{display:none}footer{padding-left:16px;padding-right:16px}.page{padding:10px}}@media(max-width:600px){footer{height:96px;position:relative;justify-content:center;align-items:flex-end;padding:0 12px 12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}#dots{position:absolute;top:4px;left:50%;transform:translateX(-50%)}#dots button{height:24px;width:20px}.controls{gap:12px}.controls button{width:38px;height:38px}.controls #count{margin-right:5px}.page{padding:0}#hint{display:block}#stage{background:linear-gradient(180deg,#eef1e9,#e7ece4)}.zoomed #hint{color:var(--ink)}}@media(orientation:landscape) and (max-height:550px){footer{height:48px;padding:0 18px;align-items:center}#dots{position:static;transform:none}#dots button{width:16px;height:30px}.controls{gap:7px}.controls button{width:32px;height:32px}.page{padding:0 8px}#hint{display:none}}@media(prefers-reduced-motion:reduce){.page,.progress i,#dots button:after{transition:none}}@media print{html,body,#viewer{height:auto;overflow:visible;background:white}#stage,#slides{position:static;overflow:visible}footer,.progress,#hint,#loading,#retry{display:none!important}.page{position:relative;visibility:visible;opacity:1;display:flex;break-after:page;padding:0;height:190mm}.page:last-child{break-after:auto}.page img{transform:none!important;box-shadow:none;max-width:100%;max-height:100%}@page{size:A4 landscape;margin:7mm}}