body:has(.reader-page){background:#e9e9e3}body:has(.reader-page) .site-header,body:has(.reader-page) .bottom-nav{display:none}.reader-page{color:#f4f5ef;background:#151a17;min-height:100vh;padding:0 15px 30px}.reader-top{position:relative;max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:70px;border-bottom:1px solid #485249;flex-wrap:wrap}.reader-top a,.reader-top button{color:#fff;background:none;border:1px solid #66746a;padding:8px 11px;border-radius:5px;font-size:13px}.reader-top strong{font-size:15px}.reader-pop{max-width:1100px;margin:12px auto;padding:16px;background:#28352c;border:1px solid #647369;border-radius:6px}.reader-pop a{display:block;padding:8px 0;border-bottom:1px solid #48564b}.reader-pop label{display:inline-flex;align-items:center;gap:12px;margin:8px 22px 8px 0}.reader-pop select{padding:6px}.reader-stage{max-width:1100px;margin:auto}.reading-title{text-align:center;padding:34px 0 28px}.reading-title span{font-size:11px;color:#f2d33c;letter-spacing:.16em}.reading-title h1{font-size:clamp(26px,4vw,41px);margin:10px 0}.reading-title p{font-size:13px;color:#a8b2aa}.panel-stack{width:100%;max-width:82%;margin:auto;display:grid;gap:12px}.story-panel{background:#fffdf5;color:#152219;border:4px solid #fff;outline:2px solid #647169;min-height:370px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:clamp(25px,5vw,70px);position:relative;text-align:center;overflow-wrap:anywhere}.story-panel:nth-child(even){background:#e9f0e6}.story-panel:nth-child(3n){background:#fff2c0}.story-panel small{align-self:start;position:absolute;top:17px;left:18px;color:#455749;font-size:11px;font-weight:900;letter-spacing:.12em}.story-panel p{font-size:clamp(19px,2.4vw,30px);line-height:1.8;font-weight:750;max-width:760px}.panel-stack[data-mode="double"]{grid-template-columns:1fr 1fr}.panel-stack[data-mode="single"] .story-panel,.panel-stack[data-mode="double"] .story-panel{min-height:min(65vh,650px)}.reader-progress{max-width:700px;margin:22px auto;display:flex;align-items:center;gap:15px;font-size:12px}.reader-progress progress{flex:1;accent-color:#f2d33c}.reader-bottom{max-width:900px;display:flex;justify-content:space-between;gap:15px;margin:32px auto 10px}.reader-bottom>*{color:#fff;background:#2b4333;padding:10px;border-radius:5px;text-align:center;font-size:13px;min-width:0}.reader-disclaimer{text-align:center;font-size:12px;color:#a5ada2;margin-top:20px}@media(max-width:700px){.reader-top{justify-content:center;padding:10px 0}.panel-stack{max-width:100%!important}.panel-stack[data-mode="double"]{grid-template-columns:1fr}.story-panel{min-height:360px;padding:24px}.reader-bottom{gap:4px}.reader-bottom>*{font-size:11px;padding:8px 4px}}
