.reader{--reader-bg:#fbf6ec;--reader-color:#33383f;--reader-soft:#786e64;background:var(--reader-bg);color:var(--reader-color);min-height:100vh;padding-bottom:75px}.reader.theme-day{--reader-bg:#fff;--reader-color:#343b45;--reader-soft:#6d7580}.reader.theme-night{--reader-bg:#2c2a38;--reader-color:#eae6ee;--reader-soft:#c3bdca}.reader-bar{max-width:1040px;padding:17px 25px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #9993}.reader-bar span{color:var(--reader-soft);font-size:14px}.reader-bar>div{display:flex;gap:10px}.reader-bar button{padding:6px 12px;border:1px solid #9995;color:var(--reader-color);background:transparent;border-radius:7px}.reader-bar a{color:var(--reader-color)}.reader-article{max-width:780px;margin:0 auto;padding:60px 25px}.reader-article h1{color:var(--reader-color);font-size:clamp(26px,3vw,36px);text-align:center;line-height:1.5}.reader-book,.reader-info{text-align:center;color:var(--reader-soft)}.reader-book{margin-bottom:15px}.reader-info{margin:20px 0 55px;font-size:13px}.reader-body{font-size:var(--reader-font,18px);line-height:var(--reader-line,1.9);overflow-wrap:anywhere}.reader-body p{font-size:inherit;line-height:inherit;margin:0 0 1.4em;text-indent:2em}.reader-pager{display:flex;align-items:center;justify-content:center;gap:15px;max-width:780px;padding:20px;margin:auto}.reader-pager a,.reader-pager span{padding:10px 20px;border:1px solid #9994;border-radius:8px;color:var(--reader-color);text-align:center}.reader-pager span{opacity:.55}.reader-drawer{position:relative;z-index:2;max-width:780px;margin:15px auto;background:var(--reader-bg);border:1px solid #9995;box-shadow:0 8px 22px #0001;border-radius:12px;padding:24px}.reader-drawer h2{font-size:18px;color:var(--reader-color)}.reader-drawer a{color:var(--reader-color);padding:12px 5px;border-bottom:1px solid #9993;display:block}.reader-drawer a.active{font-weight:bold}.reader-drawer label{display:grid;gap:10px;margin:12px 0}.reader-drawer select,.reader-drawer input{max-width:340px}.reader-drawer p{font-size:13px;color:var(--reader-soft)}@media(max-width:700px){.reader-bar{flex-wrap:wrap;padding:12px}.reader-bar span{order:3;width:100%;text-align:center}.reader-article{padding:38px 17px}.reader-body{font-size:var(--reader-font,18px)}.reader-pager{gap:6px;padding:10px}.reader-pager a,.reader-pager span{padding:10px;font-size:12px;flex:1}.reader-drawer{margin:10px 12px;padding:16px}}