:root{--reader-size:18px;--reader-line:1.9}.is-reader{background:#f7f4ec;color:#28343d}.is-reader[data-theme=white]{background:#fff;color:#27313a}.is-reader[data-theme=night]{background:#172638;color:#d7ddd9}.reader-top{position:sticky;top:0;z-index:5;background:#f7f4eced;backdrop-filter:blur(12px);border-bottom:1px solid #d7d3c7;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px max(16px,calc((100% - 850px)/2));font-size:14px}.reader-top button,.reader-settings button{border:1px solid #b5c0c2;background:#fff;border-radius:8px;padding:8px;cursor:pointer;color:#24354c}.reader-body{max-width:800px;padding:50px 22px 80px;margin:auto}.reader-body h1{text-align:center;font-size:clamp(25px,3vw,34px)}.reader-context{text-align:center;color:#76838c;margin-bottom:55px}.reader-text{font-size:var(--reader-size);line-height:var(--reader-line);overflow-wrap:anywhere}.reader-text p{margin:0 0 1.4em;text-indent:1.4em}.reader-settings{position:fixed;right:15px;top:73px;width:min(320px,calc(100vw - 30px));padding:23px;border-radius:15px;background:white;color:#25313d;box-shadow:0 12px 50px #10233443;z-index:8}.reader-settings[hidden]{display:none}.reader-settings label{display:block;margin:15px 0}.reader-settings input,.reader-settings select{width:100%;display:block}.reader-bottom{display:flex;justify-content:space-between;gap:12px;margin:45px 0 0;padding:25px 0;border-top:1px solid #abb9bb}.reader-bottom a{color:#287c73;font-weight:750}.reader-bottom span{opacity:.65}.progress-note{text-align:center;font-size:13px;opacity:.7;margin-top:55px}.is-reader[data-theme=night] .reader-top{background:#24354cef;border-color:#40536a;color:#d7ddd9}.is-reader[data-theme=night] .reader-body h1{color:#e3e9e4}.is-reader[data-theme=night] .reader-bottom{border-color:#40536a}.is-reader[data-theme=night] .eyebrow{color:#78c5b8}@media(max-width:600px){.reader-top{font-size:12px}.reader-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-body{padding:28px 17px 65px}.reader-text{font-size:max(17px,var(--reader-size))}.reader-bottom{font-size:13px}}
