:root{color-scheme:dark;font-family:Arial,sans-serif;color:#f8f4ed;background:#30251e}*{box-sizing:border-box}html,body{height:100%;margin:0}#renderCanvas{width:100%;height:100%;display:block;touch-action:none}button,.button-link{font:inherit;cursor:pointer;border:1px solid #d1ba9666;border-radius:5px;padding:10px 13px;color:inherit;background:#241c17ed;min-height:42px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}button:hover,.button-link:hover{background:#594535;border-color:#dac6a2}button:disabled{opacity:.38;cursor:default}button.primary{background:#ead8b3;color:#30251e;border-color:#ead8b3}:focus-visible{outline:2px solid #edcf8f;outline-offset:4px}[hidden]{display:none!important}#intro{position:fixed;top:48vh;right:clamp(20px,5vw,72px);width:min(420px,38vw);text-shadow:0 2px 12px #000}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#d5c09a;margin:0 0 12px}h1{font:normal clamp(25px,3vw,38px)/1.12 Georgia,serif;margin:0 0 14px}.hint{font-size:14px;line-height:1.5;color:#e0d6c6}#project-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 16px;font-size:14px}.text-link{font-size:12px;color:#e0d6c6;text-underline-offset:4px}#toolbar{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:16px;right:16px;display:flex;gap:8px;align-items:center;font-size:13px;pointer-events:none;flex-wrap:wrap}#toolbar button,#toolbar a,#book-controls{pointer-events:auto}#book-controls,.page-navigation{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.page-navigation{flex-wrap:nowrap}#active-title{padding:10px;background:#241c17da;border-radius:4px}#page-count{background:#241c17da;padding:12px 4px;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}#status{position:fixed;bottom:78px;left:16px;right:16px;width:fit-content;max-width:calc(100vw - 32px);padding:10px 14px;background:#211b17ee;border-radius:4px;font-size:13px;line-height:1.5;margin:0}#status:empty{display:none}#retry{position:fixed;top:12px;left:12px}dialog{color-scheme:light;width:min(700px,calc(100vw - 32px));max-height:85dvh;overflow:auto;border:1px solid #8a735b;padding:clamp(20px,4vw,36px);border-radius:8px;background:#f6f1e7;color:#2b231d}dialog::backdrop{background:#100c09b3}dialog button{background:#463529;color:#fff}dialog h1{font-size:30px;padding-right:64px}dialog h2{font: 23px/1.25 Georgia,serif}dialog p{line-height:1.65}.dismiss{float:right}.book-entry,.record{border-top:1px solid #c9bbab;padding:12px 0}.book-entry button{margin-right:8px}.record p{white-space:pre-wrap;overflow-wrap:anywhere}.record img{max-width:100%;height:auto;display:block}.record .caption{font-size:14px;color:#685644}#project-shortcuts{max-height:32vh;overflow-y:auto;padding:4px;margin-left:-4px}dialog a{color:#724718;text-underline-offset:3px}.reader-link{display:inline-block;margin:0 0 24px}.no-script{position:fixed;bottom:70px;padding:16px;background:#211b17}.no-script a{color:#ead8b3}@media(max-width:600px){#intro{top:49vh;right:20px;left:20px;width:auto}#intro h1{font-size:28px}#intro .hint{margin:8px 0}#project-shortcuts{margin:14px 0;max-height:22vh}#toolbar{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));gap:6px;font-size:12px;align-items:flex-end}#book-controls{flex:1;gap:6px}#active-title{display:none}button,.button-link{min-height:44px;padding:10px}#book-controls #toggle{display:none}#status{bottom:112px}}@media(max-height:480px){#intro{top:16px}#intro .eyebrow,#intro .hint,#intro .text-link{display:none}#project-shortcuts{margin:8px 0}#toolbar{font-size:12px}}