body.page-read{background:#171b18;color:#e8e9e1}.page-read .topbar,.page-read .site-footer{display:none}.reader-shell{min-height:90vh}.reader-toolbar{position:sticky;top:0;z-index:12;background:#222a25;color:white;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px max(16px,calc((100vw - 1100px)/2));border-bottom:1px solid #465347}.reader-toolbar strong{color:white}.reader-toolbar strong span{font-size:12px;color:#a5b7a8}.reader-toolbar button,.reader-drawer button{background:#343f36;color:white;border:1px solid #788577;border-radius:5px;padding:9px 12px;cursor:pointer}.reader-drawer{position:sticky;top:68px;z-index:11;background:#2a342d;padding:20px max(16px,calc((100vw - 1100px)/2));border-bottom:1px solid #647265}.reader-drawer[hidden]{display:none}.reader-drawer h2{color:white;font-size:20px}.reader-drawer a{display:inline-block;border:1px solid #768477;border-radius:5px;margin:5px;padding:6px 12px}.reader-drawer a[aria-current]{background:var(--banana);color:var(--ink)}.reader-drawer.settings{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.reader-drawer.settings[hidden]{display:none}.reader-drawer select{padding:8px}.reader-intro{text-align:center;padding:36px 15px}.reader-intro span{font-size:11px;letter-spacing:.2em;color:var(--banana)}.reader-intro h1{font-size:clamp(24px,5vw,39px);color:#fff;margin:10px}.reader-intro p{color:#afbcae}.reading-canvas{max-width:790px;margin:auto;padding:0 12px}.reader-pages{display:grid;gap:12px}.story-panel{min-height:330px;display:flex;flex-direction:column;justify-content:space-between;border:6px solid #121512;padding:24px;background:#fffdf5;color:#252b26;position:relative;background-image:radial-gradient(#b7b8ab 0.6px,transparent 0.8px);background-size:16px 16px}.story-panel:nth-child(2n){background-color:#fff4c2}.story-panel p{font-size:clamp(19px,3vw,27px);line-height:1.9;font-weight:750;max-width:650px;margin:22px auto}.panel-index,.panel-mark{font-size:11px;font-weight:900;letter-spacing:.13em}.panel-mark{text-align:right;color:#576957}.reader-pages.mode-single .story-panel{display:none}.reader-pages.mode-single .story-panel.is-current{display:flex}.reader-pages.mode-double{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-pages.mode-double .story-panel{min-height:450px}.reader-pages.mode-double .story-panel p{font-size:18px}.reader-progress{max-width:790px;margin:25px auto;display:flex;gap:12px;align-items:center;padding:0 12px;font-size:13px}.reader-progress progress{flex:1;min-width:0;accent-color:var(--banana)}.chapter-controls{max-width:790px;margin:25px auto;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:0 15px}.chapter-controls a{padding:12px;background:var(--banana);color:var(--ink);font-weight:850;border-radius:4px}.chapter-controls span{color:#b8c1b5}.reader-note{text-align:center;font-size:12px;padding:5px 15px 70px;color:#a7b4a7}@media(max-width:760px){.reader-toolbar{padding:10px}.reader-toolbar strong{order:-1;width:100%;text-align:center}.reader-drawer{top:102px;padding:15px}.reader-pages.mode-double{grid-template-columns:1fr}.reader-pages.mode-double .story-panel{min-height:330px}.story-panel{min-height:380px;padding:16px}.chapter-controls{gap:8px}.chapter-controls a{font-size:12px;padding:10px}.reader-intro{padding:22px 12px}}