.reader{--reader-bg:#fffcf5;--reader-fg:#25313d;background:var(--reader-bg);color:var(--reader-fg);min-height:90vh;padding:20px max(15px,calc((100vw - 900px)/2)) 70px}.reader[data-mode=white]{--reader-bg:#fff;--reader-fg:#30343b}.reader[data-mode=night]{--reader-bg:#172638;--reader-fg:#dce3ea}.reader-top,.reader-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.reader-top{font-size:14px;padding:10px 0;border-bottom:1px solid #87949d55}.reader-top button,.reader-settings button{background:transparent;color:inherit;border:1px solid #87949d77;border-radius:7px;padding:7px 12px}.chapter-body{max-width:780px;margin:50px auto;font-size:18px;line-height:1.9}.chapter-body h1{font-size:clamp(26px,3vw,36px);line-height:1.35}.chapter-body p{margin:1.3em 0}.reader-settings{margin:20px 0;padding:20px;border:1px solid #87949d55;border-radius:10px}.reader-settings[hidden]{display:none}.reader-settings label{display:inline-flex;align-items:center;gap:10px;margin:0 20px 16px 0}.mode-buttons{display:flex;gap:10px}.reader-bottom{max-width:780px;margin:auto;border-top:1px solid #87949d55;padding-top:22px}.reader-bottom a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:5px}.reader-disclaimer{font-size:12px;text-align:center;opacity:.7;margin-top:30px}