*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#f8f6ef;color:#244b5c;font-family:system-ui,-apple-system,"PingFang SC",sans-serif}body{display:flex;flex-direction:column;height:100vh;height:100svh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}header{display:flex;align-items:center;gap:10px;padding:12px 14px;flex-shrink:0;border-bottom:1px solid #d8e2dd}header a{color:#396c80;text-decoration:none;font-size:14px;white-space:nowrap}h1{font-size:17px;margin:0;text-align:center;flex:1}#counter{font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}main{display:flex;flex:1;min-height:0;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}main::-webkit-scrollbar{display:none}.page{display:flex;align-items:center;justify-content:center;flex:0 0 100%;height:100%;margin:0;padding:8px;scroll-snap-align:start;scroll-snap-stop:always}.page img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}footer{flex-shrink:0;text-align:center;padding:6px 12px 10px}.paging{display:flex;align-items:center;justify-content:center;gap:12px}.paging button{width:36px;height:36px;border:1px solid #c9d9dc;border-radius:50%;color:#2e6b80;background:#fff;font-size:25px}.paging button:disabled{opacity:.35}#dots{display:flex;gap:3px}#dots button{display:grid;place-items:center;width:22px;height:30px;border:0;background:transparent;padding:0}#dots button::after{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#bdcdd0}#dots button[aria-current="true"]::after{background:#2e6b80;width:9px;height:9px}footer p{margin:3px 0 4px;font-size:12px;color:#6a8790}footer small{font-size:10px;color:#80979e}button:focus-visible,a:focus-visible,main:focus-visible{outline:3px solid #e5a849;outline-offset:2px}@media(prefers-reduced-motion:reduce){main{scroll-behavior:auto}}@media(max-width:350px){header{padding:10px 8px;gap:6px}h1{font-size:15px}header a{font-size:12px}}body.large h1{font-size:20px}body.large header a{font-size:16px}body.large footer p{font-size:14px}