.reader-body{background:#ebeae5}.reader-body .site-footer{display:none}.reader-header{height:65px;display:flex;align-items:center;gap:20px;padding:0 24px;background:#fffdfa;position:sticky;top:0;z-index:40;border-bottom:1px solid var(--border);font-size:13px}.reader-header .brand{font-size:20px;margin-right:auto}.reader-header .brand span{font-size:11px;letter-spacing:0}.reader-header button{border:1px solid var(--border);border-radius:7px;background:white;padding:8px 12px}.reader-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:30vw}.reader-shell{max-width:1150px;margin:auto;padding:30px 16px 70px}.reader-context{text-align:center;margin:28px auto 30px}.reader-context h1{font-size:28px;margin:10px}.reader-context p{font-size:13px;color:var(--muted)}.reader-progress{height:5px;background:#d2d5cf;position:sticky;top:65px;z-index:30;max-width:760px;margin:auto}.reader-progress div{height:100%;width:0;background:var(--persimmon)}.reading-canvas{margin:0 auto;max-width:100%;width:var(--reader-width);display:flex;flex-direction:column;gap:0;background:#f8f6f1}.reader-panel{min-height:420px;padding:clamp(24px,6vw,72px);display:flex;flex-direction:column;justify-content:space-between;position:relative;border-bottom:1px solid #d8d4cb}.reader-panel span{font:800 12px Georgia;letter-spacing:.2em;color:var(--sage-deep)}.reader-panel p{font-size:clamp(21px,3vw,34px);line-height:1.8;max-width:630px;color:#2d332e;letter-spacing:.015em;margin:auto 0}.panel-1{background:#fdfaf3}.panel-2{background:#dfe8df}.panel-3{background:#e6e1ef}.panel-4{background:#f4e4da}.panel-5{background:#e4eaf0}.reading-canvas[data-mode=single] .reader-panel:not(.active-panel),.reading-canvas[data-mode=single] .reader-frame:not(.active-panel){display:none}.reading-canvas[data-mode=single] .reader-panel.active-panel{min-height:60vh}.reading-canvas[data-mode=double]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.reading-canvas[data-mode=double] .reader-frame{margin:0}.reader-frame{margin:0;background:white}.reader-frame img{width:100%;height:auto;display:block}.reader-bottom{max-width:800px;display:flex;justify-content:space-between;gap:10px;margin:34px auto;align-items:center;font-size:14px}.reader-bottom a{padding:12px;border-radius:8px;background:#fff;border:1px solid var(--border)}.reader-bottom span{font-size:12px;color:var(--muted)}.reader-drawer{position:fixed;z-index:110;top:0;right:0;bottom:0;overflow:auto;width:min(400px,90vw);background:var(--paper);padding:25px;box-shadow:-8px 0 30px #0003}.reader-drawer:not([hidden]){display:flex;flex-direction:column;gap:15px}.reader-drawer>button{align-self:flex-end;background:none;border:0;padding:7px}.reader-drawer a{padding:14px;border:1px solid var(--border);border-radius:8px}.reader-drawer a[aria-current]{background:var(--sage-soft)}.reader-drawer select{width:100%;padding:12px;background:#fff;border:1px solid var(--border)}.reader-drawer label{font-weight:700}.reader-drawer p{font-size:13px}body.drawer-open{overflow:hidden}@media(max-width:600px){.reader-header{gap:8px;padding:0 10px;height:62px}.reader-header .brand{font-size:17px}.reader-header .brand span,.reader-title{display:none}.reader-header button{font-size:12px;padding:7px}.reader-progress{top:62px}.reader-shell{padding:13px 0 55px}.reader-context{padding:0 12px}.reader-context h1{font-size:24px}.reader-panel{min-height:330px;padding:28px 20px}.reader-panel p{font-size:23px}.reader-bottom{padding:0 9px;font-size:12px}.reader-bottom a{padding:10px 7px}}