:root{font-family:Inter,Arial,sans-serif;color:#edf1f5;background:#041522;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a,button,select,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #60e4d5;outline-offset:3px}button,a{min-height:44px}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}[hidden]{display:none!important}.reader-header{flex:none;padding:12px max(20px,calc((100vw - 1100px)/2));background:#041522;border-bottom:1px solid #35505d;box-shadow:0 4px 16px #0002}.reader-top,.reader-links{display:flex;align-items:center;justify-content:space-between;gap:12px}.reader-brand{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:800;letter-spacing:.16em;color:#edc570}.reader-brand img{border-radius:9px}.reader-close,.reader-outline{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid #a98a4e;border-radius:10px;background:#0a1e2c;color:#f0d59e;font-weight:700;font-size:14px;line-height:1.4;white-space:nowrap}.reader-heading{margin:10px 0 6px}.reader-mode{color:#e3be77;font-size:10px;font-weight:700;letter-spacing:.15em}h1{margin:6px 0 10px;font-size:22px;line-height:1.35}.reader-link,.reader-signin{display:inline-flex;align-items:center;color:#bed1de;font-size:14px;line-height:1.4}.reader-signin{font-size:12px;text-decoration:underline;text-underline-offset:4px}.reader-gold{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;background:linear-gradient(115deg,#f8d895,#cd9640);border:1px solid #edc570;border-radius:10px;color:#071522;font-size:14px;line-height:1.4;font-weight:700}.reader-owner-note{font-size:12px;line-height:1.5;color:#d3b777;max-width:220px}.reader-toolbar{display:flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:8px 14px;background:#0c2332;border-bottom:1px solid #35505d;font-size:14px}.reader-toolbar button{width:44px;border:1px solid #526871;border-radius:9px;background:#071927;color:#f0d59e;font-size:20px}.reader-toolbar form{display:flex;gap:6px;align-items:center}.reader-toolbar input{width:54px;min-height:42px;border:1px solid #526871;border-radius:7px;background:#071927;color:#fff;text-align:center;font-size:16px;appearance:textfield}.reader-toolbar input::-webkit-inner-spin-button{appearance:none}.reader-zoom{display:flex;align-items:center;gap:8px;margin-left:12px}.reader-zoom select{min-height:42px;padding:8px;border:1px solid #526871;border-radius:7px;color:#e8eef4;background:#071927}#reader-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px 16px 32px;background:#0d1720}#reader-status{text-align:center;color:#c8d6e0;font-size:14px;margin:0 auto 14px}#reader-error{max-width:600px;margin:20px auto;text-align:center;line-height:1.6}#reader-error .reader-link{margin-left:16px}#reader-paper{width:max-content;max-width:none;margin:0 auto}#reader-canvas{display:block;box-shadow:0 12px 40px #0006;background:#fff}#reader-caption{padding:12px;text-align:center;color:#aec3d1;font-size:12px}.reader-message{padding:28px 22px;overflow:auto;line-height:1.6;max-width:700px;margin:auto}.reader-message a{margin:10px 16px 0 0}@media(max-width:680px){.reader-header{padding:8px 14px 10px}.reader-brand{font-size:14px}.reader-brand img{width:30px;height:30px}.reader-heading{margin-top:5px}h1{font-size:16px;line-height:1.4;margin:3px 0 6px}.reader-links{gap:8px}.reader-links .reader-link{font-size:12px;flex:1}.reader-gold{font-size:12px;padding:9px 12px}.reader-toolbar{gap:6px;padding:6px 10px;font-size:12px}.reader-zoom{margin-left:2px;font-size:0}.reader-zoom select{font-size:12px;max-width:124px}#reader-content{padding:12px 8px 24px}.reader-close{padding:9px 12px;font-size:13px}}@media(max-width:350px){.reader-toolbar{gap:4px}.reader-toolbar label[for=reader-page]{display:none}.reader-zoom select{max-width:112px}}
