:root { color-scheme: dark; --ink:#f4ecdc; --text:#e1e7dc; --paper:#101714; --accent:#e69364; }
a { color:#b7d8a8; }
:root[data-theme="light"] { color-scheme:light; --ink:#20372e; --text:#24302b; --paper:#faf8f1; --accent:#b66b2e; }
:root[data-theme="light"] a { color:#235b43; }
.reader-bar { display:flex; flex-wrap:wrap; align-items:center; gap:4px 18px; max-width:60rem; margin:0 auto; padding:12px 24px; border-bottom:1px solid #687d69; font:1rem/1.5 Arial,sans-serif; }
.reader-bar a, .reader-bar button { display:inline-flex; align-items:center; min-height:44px; }
.reader-bar button { color:var(--text); background:var(--paper); border:1px solid currentColor; border-radius:6px; padding:6px 14px; font:inherit; cursor:pointer; }
.reader-bar button[hidden] { display:none; }
.reader-bar button:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
@media print { :root { --ink:#20372e; --text:#24302b; --paper:white; } .reader-bar { display:none; } a { color:inherit; } }