body.reader-body{background:#1a1d1a;color:#e8e8e0}body.reader-body .topbar,body.reader-body .site-footer{display:none}.reader-shell{min-height:100vh}.reader-toolbar{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#292f29;padding:12px 26px;color:white;position:relative;z-index:3}.reader-toolbar b{font-size:14px}.reader-toolbar div{display:flex;gap:6px}.reader-toolbar button,#reader-fit{background:#e5e8df;color:#20231f;border:0;padding:8px 12px;border-radius:5px}.reader-drawers{max-width:1180px;margin:auto}.reader-drawers #reader-index:not([hidden]){display:flex;flex-wrap:wrap;gap:8px;padding:17px}.reader-drawers #reader-index a{padding:9px 13px;background:#303a31;border-radius:4px;font-size:13px}.reader-drawers #reader-index a[aria-current]{background:var(--banana);color:#111}.reader-drawers #reader-settings:not([hidden]){display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:18px;background:#303a31}.reader-drawers label{display:flex;align-items:center;gap:10px}.reader-drawers select{padding:6px}.reader-heading{text-align:center;padding:45px 18px 22px}.reader-heading span{font-size:12px;letter-spacing:3px;color:var(--banana)}.reader-heading h1{color:#fff;font-size:clamp(28px,3vw,42px);margin:9px 0}.reader-heading p{font-size:13px;color:#b7c0b5}.reader-progress{height:4px;background:#444;position:sticky;top:0;z-index:2}.reader-progress div{height:100%;width:0;background:var(--banana);transition:width .2s}.reading-stage{--reader-width:800px;max-width:100%;margin:auto;min-height:300px;padding:25px 15px}.comic-pages{max-width:var(--reader-width);margin:auto;display:grid;gap:12px}.storyboard-panel{min-height:500px;display:flex;flex-direction:column;justify-content:space-between;padding:35px;background:#fdfbf1;border:8px solid #101410;color:#20231f;position:relative}.storyboard-panel:nth-child(2n){background:#e4ece6}.storyboard-panel:nth-child(3n){background:#f8edc4}.storyboard-panel p{max-width:570px;align-self:center;text-align:center;font-size:clamp(20px,3vw,34px);line-height:1.75;font-weight:800}.storyboard-panel small,.storyboard-count{font-size:12px;font-weight:900;letter-spacing:2px}.storyboard-panel small{align-self:flex-end}.reading-stage.mode-single .storyboard-panel,.reading-stage.mode-double .storyboard-panel{display:none}.reading-stage.mode-single .storyboard-panel.visible,.reading-stage.mode-double .storyboard-panel.visible{display:flex}.reading-stage.mode-double .comic-pages{grid-template-columns:repeat(2,minmax(0,1fr));max-width:min(1180px,100%)}.mode-double .storyboard-panel{min-height:460px}.mode-double .storyboard-panel p{font-size:22px}.page-turn{display:flex;justify-content:center;align-items:center;gap:30px;padding:15px}.page-turn[hidden]{display:none}.page-turn button{border:1px solid #9da99b;background:transparent;color:white;padding:9px 16px}.reader-bottom{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;padding:40px 20px 90px}.reader-bottom a,.reader-bottom span{padding:12px 20px;border:1px solid #5a675a;border-radius:5px}.reader-bottom a:hover{background:#315c43}@media(max-width:700px){.reader-toolbar{padding:10px;flex-wrap:wrap}.reader-toolbar b{order:3;width:100%;text-align:center}.reader-toolbar button{padding:6px;font-size:12px}.storyboard-panel{padding:16px;border-width:5px;min-height:400px}.reading-stage.mode-double .comic-pages{grid-template-columns:1fr}.reading-stage.mode-double .storyboard-panel.visible{display:flex}.reader-heading{padding:25px 15px}.reader-bottom{padding-bottom:45px}}