:root{color-scheme:light;--ink:#535b49;--rose:#a6685f;--paper:#f5f1ea}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}button,select{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,select:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}button:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--rose);outline-offset:2px}.reader{height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.reader-header{display:flex;align-items:center;gap:12px;height:48px;padding:0 14px;border-bottom:1px solid #535b4915}.brand{font-family:Georgia,serif;font-size:15px;letter-spacing:3px}.edition{margin-left:auto;font-size:8px;letter-spacing:1.5px;color:#828472}.icon{display:grid;place-items:center;background:transparent;border:0;width:44px;height:44px;font-size:25px}.stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;overflow:hidden;overscroll-behavior:contain}#book{display:block;flex:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab}#book:active{cursor:grabbing}#cover{width:100%;height:100%;object-fit:contain;padding:4px 8px}#loading{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:#f5f1eaeb;padding:8px 14px;border-radius:20px;font-size:12px;text-align:center;max-width:90%;width:max-content}#retry{position:absolute;left:50%;top:55%;transform:translateX(-50%);border:1px solid #a6685f;background:var(--paper);border-radius:20px;padding:12px 20px}.reader-footer{border-top:1px solid #535b4915;padding:5px 12px 6px;background:var(--paper)}.controls{display:flex;align-items:center;justify-content:center;gap:10px;max-width:520px;margin:auto}.arrow{width:48px;height:44px;flex:none;border:0;border-radius:30px;background:#e9e5dc;font-size:25px}.arrow:hover:enabled{background:#dedbce}.page-info{min-width:0;flex:1;max-width:320px;text-align:center}select{width:100%;height:44px;border:0;background:transparent;font-size:12px;text-align:center;text-overflow:ellipsis;padding:0 8px;cursor:pointer;appearance:none}.hint{text-align:center;margin:4px 0 0;color:#888976;font-size:10px;line-height:16px}.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(min-width:700px){.reader-header{height:52px;padding:0 24px}.reader-footer{padding:8px 16px}.brand{font-size:17px}}@media(max-height:450px){.reader-header{height:36px}.icon{height:34px}.reader-footer{padding:2px 10px}.hint{display:none}.arrow,select{height:38px}.edition{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}