*{box-sizing:border-box}body{margin:0;background:#e9e7e1;color:#17332b;font:15px system-ui;text-align:center}nav{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;background:#163a32;color:#fff;padding:12px}button,input,a{font:inherit}button{cursor:pointer;padding:9px 12px;min-height:44px;border:1px solid transparent;border-radius:5px;background:#d5ba84;color:#142e27}button:disabled{opacity:.4;cursor:default}input{width:68px;padding:8px;border-radius:4px;border:1px solid #b8c3ba}a{color:#ffe08d;text-underline-offset:4px}nav a{padding:10px}.reading-tools{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;background:#faf8f1;padding:10px;border-bottom:1px solid #d3d5c9}.reading-tools a{color:#385c4d;padding:10px}.reading-tools button{background:#fff;border-color:#c8cbbc}.reading-tools output{min-width:50px;font-variant-numeric:tabular-nums}.reader-hint{font-size:12px;color:#566b60}.page-viewport{width:100%;overflow:auto;direction:ltr;padding:8px 0 24px}#scan{display:block;width:100%;max-width:1100px;height:auto;margin:auto;background:white;box-shadow:0 4px 20px #13342b19}p{padding:8px 14px;margin:0;line-height:1.7}#status{font-size:13px;min-height:36px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b28636;outline-offset:2px}@media(max-width:480px){nav{padding:8px;gap:5px}.reading-tools{gap:5px}button{padding:8px}nav span{font-size:12px}}@media print{nav,.reading-tools,.reader-hint,#status{display:none}.page-viewport{overflow:visible;padding:0}#scan{width:100%!important;max-width:100%!important;box-shadow:none}}