.reader-body{background:#111511;color:#fff}.reader{max-width:1500px;margin:0 auto}.reader-header{background:#202820;min-height:70px;padding:11px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.reader-header>a{font-size:13px;color:#fff}.reader-header>div:nth-child(2){text-align:center}.reader-header strong{display:block}.reader-header small{display:block;color:#b6c4b7}.reader-controls{display:flex;gap:8px}.reader-controls button,.reader-panel button,.page-buttons button{background:#344d37;color:#fff;border:1px solid #657866;border-radius:8px;min-height:44px;padding:7px 12px}.reader-panel{padding:20px 28px;border:1px solid #546154;background:#263328;max-width:1050px;margin:12px auto;border-radius:10px}.reader-panel[hidden]{display:none}.reader-panel h2{font-size:20px}.reader-panel a{display:inline-flex;margin:5px;padding:8px 12px;border:1px solid #7b9a7f;border-radius:8px}.reader-panel a.active{background:#536e54}.reader-panel label{display:block;margin-bottom:15px}.reader-panel select{padding:8px;border-radius:8px}.reader-panel input{vertical-align:middle}.read-heading{text-align:center;padding:35px 15px 18px}.read-heading span{font-size:11px;letter-spacing:.2em;color:#e8d34a}.read-heading h1{font-size:27px;margin:8px 0}.read-heading p{font-size:12px;color:#b7c5b8}.reading-progress{height:4px;background:#465047;position:sticky;top:0;z-index:5}.reading-progress div{height:100%;width:0;background:#f2d33c}.reader-pages{max-width:900px;width:90%;margin:25px auto;display:flex;flex-direction:column;gap:9px}.reader-page{width:100%;min-width:0}.reader-page img{width:100%;height:auto;object-fit:contain;display:block}.storyboard-panel{aspect-ratio:5/4;min-height:350px;background:radial-gradient(circle at 90% 10%,#e9dfba 1px,transparent 2px) 0 0/13px 13px,linear-gradient(132deg,#fffdf0,#e3ede0);color:#222;border:9px solid #fff;outline:2px solid #121712;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.storyboard-panel p{font-size:clamp(18px,3.1vw,36px);font-weight:800;max-width:650px;line-height:1.65;color:#20231f;background:rgba(255,255,255,.83);padding:20px;box-shadow:8px 8px 0 #f2d33c}.panel-top,.panel-bottom{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:900;letter-spacing:.07em}.panel-bottom{color:#315c43}.reader-pages.mode-single .reader-page,.reader-pages.mode-double .reader-page{display:none}.reader-pages.mode-single .reader-page.active,.reader-pages.mode-double .reader-page.active,.reader-pages.mode-double .reader-page.active-next{display:block}.reader-pages.mode-double{flex-direction:row;max-width:1200px}.reader-pages.mode-double .reader-page{width:50%}.reader-pages.mode-double .storyboard-panel{min-height:350px}.reader-pages.mode-double .storyboard-panel p{font-size:clamp(15px,1.8vw,25px)}.page-buttons{display:flex;gap:20px;justify-content:center;align-items:center;padding:15px}.page-buttons[hidden]{display:none}.chapter-navigation{max-width:900px;margin:30px auto;display:flex;justify-content:space-between;gap:8px;background:#1d2b21;padding:25px;border-radius:10px}.chapter-navigation a{color:#f2d33c;font-weight:800}.chapter-navigation span{color:#a3a99f;font-size:13px}.reader-legal{max-width:900px;margin:0 auto 35px;padding:10px 20px;color:#abb8ab;font-size:12px;text-align:center}@media(max-width:700px){.reader-header{flex-wrap:wrap;justify-content:space-between;padding:9px 12px}.reader-header>div:nth-child(2){order:-1;width:100%}.reader-controls{gap:4px}.reader-controls button{font-size:12px;min-height:38px}.reader-pages{width:100%!important;margin:10px auto}.reader-pages.mode-double{flex-direction:column}.reader-pages.mode-double .reader-page{width:100%}.storyboard-panel{aspect-ratio:4/5;min-height:420px;padding:12px;border-width:5px}.storyboard-panel p{font-size:21px;padding:14px;box-shadow:5px 5px 0 #f2d33c}.chapter-navigation{margin:20px 10px;padding:15px}.reader-panel{margin:8px 12px}.reader-legal{margin:20px 12px}}