.reader{--reader-surface:#FFFEFB;--reader-ink:#34333b;--reader-font:18px;--reader-line:1.9;min-height:75vh;padding:18px 18px 80px;background:#F8F7F3}.reader[data-theme=day]{--reader-surface:#fff;--reader-ink:#3e4550;background:#F4F7FA}.reader[data-theme=night]{--reader-surface:#292735;--reader-ink:#e5e1eb;background:#201f2a}.reader-top{max-width:900px;display:flex;align-items:center;gap:18px;margin:0 auto 16px;padding:12px 15px;background:var(--reader-surface);color:var(--reader-ink);border-radius:10px;flex-wrap:wrap}.reader-top strong{flex:1;text-align:center}.reader-top button{background:transparent;border:1px solid #a79faf;color:inherit;border-radius:7px;padding:5px 9px}.reader-panels{max-width:900px;margin:auto}.reader-panel{background:var(--reader-surface);color:var(--reader-ink);border:1px solid #d5ced7;border-radius:9px;padding:20px;margin-bottom:15px}.reader-panel[hidden]{display:none}.reader-panel h2{font-size:19px;color:inherit}.reader-panel a{display:inline-block;padding:8px 13px;border:1px solid #d5ced7;margin:5px;border-radius:5px}.reader-panel a[aria-current]{color:#B89154}.reader-panel label{display:block;margin:12px 0}.reader-panel input{margin:0 10px}.reader-panel select{padding:6px}.reader-page{max-width:840px;margin:auto;padding:44px max(20px,6%);background:var(--reader-surface);color:var(--reader-ink);border-radius:11px;box-shadow:0 6px 24px #00000008}.reader-page h1{color:var(--reader-ink);font-size:30px;text-align:center;margin-bottom:10px}.reader-meta{text-align:center;font-size:13px;opacity:.68}.chapter-body{max-width:760px;margin:42px auto 65px;font-size:var(--reader-font);line-height:var(--reader-line);overflow-wrap:break-word}.chapter-body p{margin-bottom:1.55em;text-indent:1.5em}.reader-footer-nav{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #aaa5;padding-top:24px;font-size:14px}.reader-footer-nav a{border:1px solid #a79faf;padding:10px;border-radius:7px}.reader-footer-nav .disabled{opacity:.45;padding:10px}@media(max-width:700px){.reader{padding:10px 0 80px}.reader-top{border-radius:0;gap:8px;padding:12px;font-size:12px}.reader-top strong{min-width:80px}.reader-page{padding:28px 18px;border-radius:0}.reader-page h1{font-size:25px}.chapter-body{font-size:var(--reader-font);margin:30px auto}.reader-footer-nav{font-size:12px}.reader-footer-nav a,.reader-footer-nav .disabled{padding:7px}}