.reader{--r-bg:#fffdf5;--r-fg:#34343b;--r-font:18px;--r-line:1.9;max-width:900px;margin:28px auto}.reader-top{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:12px 12px 0 0;padding:12px 20px;background:white;font-size:14px}.reader-top button{border:1px solid var(--border);padding:8px;border-radius:8px;background:white}.reader-settings{background:#f0ecf7;border:1px solid var(--border);padding:22px}.reader-settings label{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 0}.reader-settings p{font-size:13px}.reader-paper{padding:40px clamp(20px,5vw,76px);background:var(--r-bg);color:var(--r-fg);border:1px solid var(--border)}.reader-paper h1{text-align:center;font-size:clamp(24px,3vw,32px);margin:20px 0 36px;color:inherit}.reader-paper p{font-size:var(--r-font);line-height:var(--r-line);text-indent:1.5em;margin:0 0 1.25em;overflow-wrap:anywhere}.reader-bottom{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:22px;background:white;border:1px solid var(--border);border-radius:0 0 12px 12px}.reader[data-theme=day]{--r-bg:#fff;--r-fg:#35383c}.reader[data-theme=night]{--r-bg:#292631;--r-fg:#e1dee9}.reader[data-theme=night] .reader-paper .eyebrow{color:#b9d3c4}@media(max-width:600px){.reader-paper{padding:28px 16px}.reader-bottom .btn{padding:8px 10px;font-size:13px}.reader-top{padding:10px;font-size:12px}.reader-top span{max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}