.reader{--read-bg:#f7f2e8;--read-ink:#383735;--read-font:18px;--read-line:1.9;background:var(--read-bg);color:var(--read-ink);padding:20px 16px 48px;min-height:85vh}.reader[data-theme=light]{--read-bg:#fff;--read-ink:#343b43}.reader[data-theme=night]{--read-bg:#292535;--read-ink:#e7e2ee}.reader-bar{max-width:800px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #8884}.reader-bar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-bar button{padding:8px;border:0;border-radius:8px}.reader-settings{max-width:780px;margin:12px auto;padding:18px;background:var(--read-bg);border:1px solid #8888;border-radius:12px}.reader-settings[hidden]{display:none}.reader-settings label{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:7px}.reader-paper{max-width:760px;margin:35px auto}.reader-paper h1{color:var(--read-ink);text-align:center;font-size:clamp(25px,4vw,35px);margin-bottom:35px}.reader-body{font-size:var(--read-font);line-height:var(--read-line);overflow-wrap:anywhere}.reader-body p{margin:0 0 1.25em;text-indent:1.6em}.reading-bottom{display:flex;justify-content:space-between;gap:14px;max-width:760px;margin:35px auto}.reading-bottom>*{flex:1;text-align:center;border:1px solid #9998;padding:9px 4px;border-radius:10px}.reading-bottom span{opacity:.5}.reader[data-theme=night] .eyebrow{color:#c9b6f1}.reader[data-theme=night] .reader-bar button{background:#4e465b;color:white}@media(max-width:600px){.reader-bar{font-size:12px}.reader{padding:12px 17px}.reader-paper{margin-top:25px}.reader-body{font-size:var(--read-font)}.reading-bottom{font-size:13px}}
