.reader-page{--r-bg:#fffaf0;--r-fg:#303039;--r-font:18px;--r-line:1.9;background:var(--r-bg);color:var(--r-fg);padding:24px 18px 80px;min-height:80vh}.reader-page[data-theme=day]{--r-bg:#fff;--r-fg:#3a444e}.reader-page[data-theme=night]{--r-bg:#282632;--r-fg:#e4e1eb}.reader-toolbar,.reader-pagination{max-width:920px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14px}.reader-toolbar button{border:1px solid #a7a4b0;border-radius:9px;background:transparent;color:inherit;padding:8px}.reader-page a{color:inherit;text-decoration:underline;text-underline-offset:4px}.reader-panel{max-width:760px;margin:18px auto;padding:17px;display:flex;gap:22px;flex-wrap:wrap;background:rgba(120,120,120,.10);border-radius:10px}.reader-panel[hidden]{display:none}.reader-panel label{display:flex;align-items:center;gap:10px}.reader-panel select{padding:8px}.reader-panel a{display:block;width:100%}.reader-article{max-width:760px;margin:42px auto 60px}.reader-article h1{font-size:clamp(24px,3vw,33px);color:inherit;margin-bottom:35px}.chapter-body{font-size:var(--r-font);line-height:var(--r-line);overflow-wrap:anywhere}.chapter-body p{margin:0 0 1.5em;text-indent:1.7em}.reader-pagination{border-top:1px solid #9995;padding:20px 0}.reader-pagination>div{min-width:100px}@media(max-width:650px){.reader-page{padding:16px 17px 90px}.reader-article{margin:25px auto 45px}.chapter-body{font-size:17px}.reader-toolbar{justify-content:space-between}.reader-toolbar span{width:100%;order:3}.reader-panel{flex-direction:column}}
