body.reader-page{background:#151a16;color:#f7f7f3}.reader-shell{min-height:100vh}.reader-header{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#202920;padding:13px max(16px,calc((100% - 1160px)/2));border-bottom:1px solid #5a655c}.reader-header>div:nth-child(2){text-align:center}.reader-header strong,.reader-header small{display:block}.reader-header small{opacity:.7;font-size:12px}.reader-tools{display:flex;gap:8px}.reader-tools button,.reader-overlay button{border:1px solid #7a8e7b;color:white;background:#315c43;border-radius:6px;padding:9px 12px;min-height:44px}.reader-intro{text-align:center;padding:45px 16px 15px}.reader-intro .eyebrow{color:#f2d33c}.reader-intro h1{font-size:30px}.reader-intro p{font-size:13px;color:#b9c1b8}.reader-viewport{margin:20px auto;width:100%;overflow:hidden}.panels{--reader-width:760px;display:grid;gap:14px;width:min(var(--reader-width),calc(100% - 24px));margin:auto}.story-panel{position:relative;background:#fffdf5;color:#1b261f;min-height:360px;border:8px solid #f2d33c;padding:50px 7%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 0 #485748}.story-panel:nth-child(2n){background:#e6eeea;border-color:#6c9070}.story-panel:nth-child(3n){background:#e9eff9;border-color:#4169a8}.story-panel p{font-size:clamp(19px,2.8vw,30px);max-width:650px;font-weight:800;line-height:1.85}.panel-tag{position:absolute;top:10px;left:15px;font:900 12px monospace}.image-story{padding:0;border:0}.read-image{width:100%;height:auto;object-fit:contain}.single-mode .panels{display:block}.single-mode .story-panel,.double-mode .story-panel{display:none}.single-mode .story-panel.active,.double-mode .story-panel.active,.double-mode .story-panel.active-next{display:flex}.double-mode .panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(calc(var(--reader-width)*1.6),calc(100% - 24px))}.double-mode .story-panel{min-height:450px}.progress-row{width:min(760px,calc(100% - 32px));margin:20px auto;text-align:center;font-size:12px}.progress-track{height:5px;background:#495349;border-radius:99px}.progress-track>div{height:100%;width:0;background:#f2d33c}.reader-bottom{max-width:900px;margin:20px auto 50px;display:flex;justify-content:space-between;gap:20px;padding:20px;text-align:center}.reader-bottom a{color:#f2d33c}.reader-bottom span{color:#99a699}.reader-overlay{position:fixed;z-index:25;top:70px;right:15px;width:min(350px,calc(100% - 30px));padding:25px;background:#fffdf5;color:#20231f;box-shadow:0 12px 30px #0006;max-height:calc(100vh - 85px);overflow:auto}.reader-overlay a{display:block;padding:10px;border-bottom:1px solid #ddd}.reader-overlay label{display:block;margin-bottom:15px}.reader-overlay select,.reader-overlay input{width:100%}.reader-overlay button{color:white}@media(max-width:650px){.reader-header{padding:10px;flex-wrap:wrap}.reader-header>div:nth-child(2){order:-1;flex-basis:100%}.reader-header a,.reader-header button{font-size:12px}.reader-tools{gap:4px}.story-panel{min-height:260px;padding:44px 6%;border-width:5px}.double-mode .panels{display:block}.double-mode .story-panel.active-next{display:none}}