.reader-shell{max-width:1100px;margin:0 auto;padding:15px 18px 45px}.reader-topbar{height:54px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--border);font-size:12px}.reader-topbar strong{color:var(--coffee);font-size:14px}.reader-topbar button,.reader-toolbar select{border:1px solid var(--border);background:var(--paper);padding:7px 10px;border-radius:4px;color:var(--body)}.reader-toolbar{display:flex;align-items:center;justify-content:center;gap:25px;padding:15px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.reader-toolbar label{display:flex;align-items:center;gap:8px}.reader-toolbar input{width:120px}.reader-canvas{width:100%;max-width:820px;margin:0 auto;background:#e9e6df;display:flex;flex-direction:column;align-items:center;gap:0}.reader-canvas img{display:block;width:100%;height:auto;object-fit:contain}.reader-canvas.mode-single{max-width:680px}.reader-canvas.mode-double{display:grid;grid-template-columns:1fr 1fr;align-items:start}.reader-chapter-nav{display:flex;justify-content:space-between;max-width:820px;margin:20px auto}.reader-chapter-nav a{padding:10px 16px;border:1px solid var(--border);border-radius:4px;font-size:12px}.reader-chapter-nav a[href="#"]{opacity:.4;pointer-events:none}@media(max-width:600px){.reader-shell{padding-inline:0}.reader-topbar{padding:0 12px}.reader-topbar strong{max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-toolbar{gap:10px}.reader-canvas{width:100%}.reader-chapter-nav{padding:0 12px}}