:root{color-scheme:dark;font-family:Arial,sans-serif;background:#090a08;color:#eeeee8}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,select{font:inherit}header{display:flex;align-items:center;justify-content:space-between;padding:28px 5vw;border-bottom:1px solid #2e3028;gap:20px}.brand{font:22px Georgia,serif;letter-spacing:3px}.brand span{color:#c6af76}.back{font-size:13px;color:#ccc}main{max-width:1500px;margin:auto;padding:38px 5vw 16px}.intro{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#c6af76}h1{font:clamp(28px,4vw,48px)/1.1 Georgia,serif;margin:12px 0}.intro>p{font-size:14px;line-height:1.8;color:#ccc}.intro span{font-size:12px;color:#adad9e}.reader{border:1px solid #38392d;background:#11130f}.toolbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:14px 18px;border-bottom:1px solid #38392d}.pages,.zoom{display:flex;align-items:center;gap:12px;font-size:13px}button,select{color:#eddfbc;background:#1e2119;border:1px solid #5a5a43;border-radius:3px;min-height:40px;min-width:40px;padding:8px;cursor:pointer}button:hover{background:#d9c591;color:#151810}button:focus-visible,a:focus-visible,select:focus-visible,#viewport:focus-visible{outline:2px solid #e4ce95;outline-offset:3px}select{width:64px}#zoom-label{min-width:42px;text-align:center}#viewport{overflow:auto;max-height:78vh;padding:14px;touch-action:pan-x pan-y;scrollbar-color:#766d51 #181a15}canvas{display:block;width:80%;max-width:none;height:auto;margin:auto;user-select:none;-webkit-user-select:none}#status{font-size:12px;margin:12px 18px;color:#c6b994}.reader-note{font-size:12px;color:#999d8c;text-align:center;padding:0 12px 6px}footer{display:flex;justify-content:space-between;font-size:12px;color:#adae9e;gap:18px;padding:16px 0;align-items:center}footer a{color:#e4ce95}@media(max-width:600px){header{padding:22px 5vw;flex-wrap:wrap}.brand{font-size:18px;letter-spacing:2px}main{padding-top:20px}.intro{display:block}.intro>p{margin:12px 0}.toolbar{padding:10px;gap:10px}.pages,.zoom{gap:7px}.zoom{margin-left:auto}#viewport{padding:5px}.reader-note{line-height:1.6}footer{flex-wrap:wrap}}@media print{body{display:none!important}}