.reader-body{--reader-bg:#f7f4ec;--reader-text:#2a3542;background:var(--reader-bg);color:var(--reader-text)}.reader-body[data-theme="white"]{--reader-bg:#fff;--reader-text:#30363c}.reader-body[data-theme="night"]{--reader-bg:#1c2938;--reader-text:#d8dfe5}.reader-shell{max-width:900px;margin:0 auto;padding:22px 22px 70px}.reader-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border-bottom:1px solid #82909a4a;font-size:14px}.reader-top button,.themes button{border:1px solid #9996;background:transparent;color:inherit;border-radius:7px;padding:7px 10px}.reader-settings{margin:20px auto;padding:17px;max-width:500px;border:1px solid #9997;border-radius:9px}.reader-settings label{display:flex;gap:15px;align-items:center;justify-content:space-between;margin:10px}.themes{display:flex;gap:9px;flex-wrap:wrap}.reader-article{max-width:770px;margin:55px auto;--reader-size:18px;--reader-line:1.9;font-size:var(--reader-size);line-height:var(--reader-line)}.reader-meta{color:#738c94;font-size:13px}.reader-article h1{font-size:29px;text-align:center;margin-bottom:42px}.reader-article>p:not(.reader-meta){margin:0 0 1.5em;text-indent:1.5em;overflow-wrap:anywhere}.reader-progress{text-align:center;font-size:12px;margin:24px;color:var(--reader-text)}.reader-bottom{max-width:770px;margin:auto;display:flex;justify-content:space-between;gap:10px;border-top:1px solid #82909a4a;padding-top:25px}.reader-bottom a,.reader-bottom span{padding:7px 10px;font-size:14px}.reader-body .footer{margin-top:30px}@media(max-width:700px){.reader-shell{padding:12px 16px 35px}.reader-article{margin:32px auto;font-size:17px}.reader-article h1{font-size:25px}.reader-top{flex-wrap:wrap}.reader-bottom{gap:3px}.reader-bottom a,.reader-bottom span{font-size:12px;padding:7px 2px}}