:root{--ink:#18352d;--muted:#62716a;--paper:#f7f6f0;--line:#d8ddd4;--gold:#987c43;--zoom:1;color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#e8e9e1}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button,a,select{color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}button{border:1px solid var(--line);background:var(--paper);padding:10px 15px;min-height:44px;border-radius:2px}a{text-underline-offset:4px}button:hover:not(:disabled),button[aria-pressed=true]{background:#e1e5db}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9d823c;outline-offset:3px}[hidden]{display:none!important}.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}
.reader-header{background:var(--paper);padding:18px 32px;display:grid;grid-template-columns:105px minmax(0,1fr) auto;gap:30px;align-items:center;border-bottom:1px solid var(--line)}
.reader-brand{text-decoration:none;font:30px/1 Georgia,serif;letter-spacing:.02em}.reader-brand span{display:block;font:9px/1.5 Arial,sans-serif;letter-spacing:.32em;margin-top:5px}.reader-book-heading p{margin:0 0 5px;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.reader-book-heading h1{font:24px/1.25 Georgia,serif;margin:0}.reader-back{font-size:12px;min-height:44px;display:flex;align-items:center}
.reader-tools{background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 32px;border-bottom:1px solid var(--line);font-size:12px}.reader-tools-primary,.reader-tools-secondary{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.reader-tools select{background:transparent;border:1px solid var(--line);padding:10px;min-height:44px;max-width:120px}.reader-tools a{padding:10px 5px;min-height:44px;display:flex;align-items:center;gap:5px}.reader-tools a span{color:var(--muted);font-size:10px}
.reader-main{padding:28px 24px 112px;overflow:auto;min-height:calc(100dvh - 180px)}.reader-page-shell{width:calc(min(100%, 800px) * var(--zoom));max-width:none;min-height:150px;margin:0 auto;background:#fff;box-shadow:0 8px 40px #1a2f2418;position:relative;line-height:0}.reader-page-shell img{display:block;width:100%;height:auto}.reader-page-shell[aria-busy=true]{opacity:.6}.reader-status{font-size:11px;color:var(--muted);margin:17px 0;text-align:center}.reader-page-error{padding:30px;line-height:1.7;text-align:center;background:var(--paper)}.reader-page-error a{display:block;margin-top:20px}.reader-text{max-width:760px;background:var(--paper);padding:38px;margin:0 auto;box-shadow:0 8px 40px #1a2f2410}.reader-text-note,.reader-small-note{font:12px/1.7 Arial,sans-serif;color:var(--muted);margin:0 0 25px}#page-text{white-space:pre-line;font:21px/1.8 Georgia,serif;overflow-wrap:anywhere}
.reader-pagination{position:fixed;z-index:5;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:40px;background:#f7f6f0f5;backdrop-filter:blur(12px);border-top:1px solid #cdd4c9;padding:12px 24px calc(12px + env(safe-area-inset-bottom));font-size:12px}.reader-pagination button{min-width:94px}.reader-pagination form{display:flex;align-items:center;gap:8px;white-space:nowrap}.reader-pagination input{width:61px;min-height:44px;text-align:center;border:1px solid var(--line);border-radius:2px;background:white;color:var(--ink);padding:8px 3px;appearance:textfield;-moz-appearance:textfield}.reader-pagination input::-webkit-inner-spin-button{appearance:none}.reader-progress{position:absolute;top:-2px;left:0;right:0;height:2px;background:#d8ddd4}.reader-progress span{display:block;width:0;height:100%;background:var(--gold);transition:width .15s ease}
.reader-body.reading-mode .reader-header{display:none}.reader-body.reading-mode .reader-tools{position:sticky;top:0;z-index:4}.reader-body.reading-mode .reader-tools-secondary{display:none}.reader-body.reading-mode .reader-tools{justify-content:center}
dialog{width:min(600px,calc(100% - 32px));max-height:85dvh;border:1px solid var(--line);padding:0;background:var(--paper);color:var(--ink);box-shadow:0 20px 90px #14271b40}dialog::backdrop{background:#10261eb3;backdrop-filter:blur(3px)}.reader-dialog-header{position:sticky;top:0;background:var(--paper);padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.reader-dialog-header h2{margin:0;font:27px/1.2 Georgia,serif}#contents-panel,#search-panel{padding:12px 24px 24px}.reader-contents{list-style:none;padding:0;margin:0 0 20px}.reader-contents li{border-bottom:1px solid var(--line)}.reader-contents button{display:flex;gap:25px;justify-content:space-between;width:100%;border:0;padding:16px 0;text-align:left;line-height:1.5;background:transparent}.reader-contents button>span:last-child{color:var(--gold);font-variant-numeric:tabular-nums;flex-shrink:0}.reader-contents small{display:block;margin-top:5px;color:var(--muted)}#search-panel label{display:block;font-size:13px;margin:12px 0}#reader-search{width:100%;min-height:48px;padding:12px;border:1px solid #87998c;font-size:16px;background:#fff;border-radius:2px}#search-status{font-size:12px;color:var(--muted)}
@media(max-width:700px){.reader-header{padding:16px 18px;grid-template-columns:60px minmax(0,1fr);gap:18px}.reader-brand{font-size:24px}.reader-brand span{font-size:7px}.reader-book-heading h1{font-size:20px}.reader-back{grid-column:2;min-height:30px;margin-top:-8px}.reader-tools{padding:8px 12px;flex-wrap:wrap;gap:8px}.reader-tools-primary{display:grid;grid-template-columns:repeat(4,auto);width:100%;gap:5px}.reader-tools button{padding:9px 8px;font-size:11px}.reader-tools-secondary{width:100%;justify-content:space-between}.reader-tools select{font-size:12px}.reader-main{padding:16px 10px 105px;min-height:calc(100dvh - 220px)}.reader-pagination{gap:12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));justify-content:space-between;font-size:11px}.reader-pagination button{min-width:64px;padding:10px;font-size:11px}.reader-pagination form{gap:5px}.reader-pagination input{width:48px;font-size:16px}.reader-text{padding:23px 20px}#page-text{font-size:19px;line-height:1.75}.reader-dialog-header{padding:15px 18px}#contents-panel,#search-panel{padding:10px 18px 20px}.reader-body.reading-mode .reader-main{padding-top:10px}.reader-body.reading-mode .reader-tools-primary{width:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}