.reader{background:#e7e8e5;border-radius:14px;padding:15px 14px 30px;min-width:0}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:12px 18px;background:var(--paper);border-radius:9px;font-size:13px}.reader-toolbar strong{color:var(--title)}.reader-toolbar details{position:relative}.reader-toolbar summary{cursor:pointer;font-weight:700}.reader-chapter-menu,.read-settings{position:absolute;right:0;top:100%;min-width:240px;max-width:min(90vw,330px);background:#fff;border:1px solid #ddd;border-radius:8px;padding:12px;z-index:10;box-shadow:0 8px 24px #0002}.reader-chapter-menu a{display:block;padding:8px;border-bottom:1px solid #eee}.read-settings{min-width:260px}.read-settings label{display:block;margin:10px 0}.read-settings p{font-size:12px}.reader-heading{text-align:center;margin:35px 0}.reader-heading h1{font-size:30px;margin:10px 0}.reader-heading p{font-size:13px}.reading-canvas{max-width:760px;width:100%;margin:0 auto;display:grid;gap:8px;overflow:hidden}.reading-canvas img{width:100%;height:auto;object-fit:contain}.reader-panel{min-height:400px;background:var(--paper);padding:12% 9%;display:flex;flex-direction:column;justify-content:space-between;gap:45px;position:relative}.reader-panel:nth-child(even){background:#f1eee7}.reader-panel span{font-size:11px;letter-spacing:.15em;color:var(--sage-deep);font-weight:800}.reader-panel p{max-width:550px;font-size:clamp(19px,2.3vw,27px);line-height:1.95;font-weight:600;color:var(--coffee)}.reading-canvas[data-mode=single] .reader-panel{min-height:65vh}.reading-canvas[data-mode=double]{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-canvas[data-mode=double] .reader-panel{min-height:340px;padding:10%}.reading-canvas[data-mode=double] .reader-panel p{font-size:17px}.reader-progress{max-width:760px;margin:20px auto;display:flex;gap:14px;align-items:center;font-size:12px}.reader-progress progress{width:100%;accent-color:var(--sage-deep)}.reader-next{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:28px auto;max-width:760px}.reader-disclaimer{text-align:center;font-size:12px;color:var(--muted)}@media(max-width:650px){.reader{padding:9px}.reader-toolbar{padding:10px}.reader-heading h1{font-size:25px}.reader-panel{min-height:300px}.reader-panel p{font-size:19px}.reading-canvas[data-mode=double] .reader-panel p{font-size:13px}.reader-next .btn{padding:8px;font-size:12px}.reader-progress{display:block}}
