body.reading{background:#191e1b}body.reading .site-header{display:none}body.reading .bottom-nav{display:none}.reader-shell{color:#f3f4ec;min-height:100vh}.reader-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;background:#252d27;padding:14px max(18px,calc((100% - 1100px)/2));position:sticky;top:0;z-index:11;border-bottom:1px solid #536257;font-size:14px}.reader-toolbar strong{color:#fff}.reader-toolbar small{font-weight:400;margin-left:10px}.reader-toolbar button,.reader-drawers button{color:#fff;background:#364d3d;border:1px solid #8ea391;padding:8px 12px;min-height:42px}.reader-drawers{position:sticky;top:71px;z-index:10;max-width:1100px;margin:auto}.reader-drawers>div{background:#2b3c31;padding:20px;border:1px solid #536257}.reader-drawers h3{color:white}.reader-drawers a{display:inline-block;padding:9px;margin:4px;border:1px solid #66786c}.reader-drawers label{margin:8px 14px 8px 0;display:inline-flex;gap:12px;align-items:center}.reader-drawers select{padding:8px}.reading-progress{height:4px;background:#526356;position:sticky;top:70px;z-index:11}.reading-progress div{height:100%;background:#f2d33c;transition:width .2s}.reader-stage{--reader-width:780px;width:min(var(--reader-width),calc(100% - 28px));margin:0 auto;padding:35px 0}.reader-intro{text-align:center;padding:40px 0}.reader-intro h1{color:white;font-size:clamp(28px,4vw,45px)}.reader-intro .kicker{color:#f2d33c}.story-panel{margin:0 0 30px;border:8px solid #fff;background:#fbf6e4;color:#20231f;min-height:380px;position:relative}.panel-number{background:#f2d33c;color:#20231f;display:inline-block;padding:7px 18px;font-weight:900;font-size:12px;letter-spacing:2px}.panel-art{min-height:310px;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 80% 20%,#f2d33c 0 11%,transparent 11%),linear-gradient(135deg,#f6f1df 0 45%,#dce8dc 45% 100%)}.panel-symbol{font-size:70px;line-height:1}.panel-art p{font-size:clamp(19px,3vw,30px);font-weight:800;line-height:1.7;max-width:610px}.panel-end{text-align:right;font-size:12px;padding-right:15px}.reader-stage.single .story-panel,.reader-stage.double .story-panel{margin:auto}.reader-stage.double{width:min(calc(var(--reader-width)*1.6),calc(100% - 28px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reader-stage.double .reader-intro,.reader-stage.double .reader-end{grid-column:1/-1}.reader-stage.double .story-panel{width:100%;min-height:250px}.reader-stage.double .panel-art{min-height:280px;padding:16px}.reader-stage.double .panel-art p{font-size:17px}.reader-stage .story-panel[hidden]{display:none}.reader-end{text-align:center;padding:50px}.reader-end h2{color:white}.reader-page-controls,.reader-chapter-nav{display:flex;justify-content:center;align-items:center;gap:15px;max-width:800px;margin:0 auto;padding:18px}.reader-page-controls button,.reader-chapter-nav a{background:#f2d33c;color:#20231f;border:0;padding:12px 17px;font-weight:800;min-height:44px}.reader-chapter-nav{border-top:1px solid #536257;padding-bottom:65px}.reader-chapter-nav span{color:#bccbc0;font-size:13px}@media(max-width:650px){.reader-toolbar{gap:8px;flex-wrap:wrap}.reader-toolbar strong{order:-1;width:100%;text-align:center}.reader-drawers{top:110px}.reading-progress{top:109px}.reader-stage.double{grid-template-columns:1fr}.reader-stage.double .reader-intro,.reader-stage.double .reader-end{grid-column:auto}.reader-stage.double .panel-art p{font-size:20px}.reader-page-controls,.reader-chapter-nav{gap:7px;font-size:13px;flex-wrap:wrap}.story-panel{border-width:5px;min-height:300px}.panel-art{min-height:260px;padding:20px}}