body:has(.reader){background:#111511;color:#fff}body:has(.reader) .top{position:static}body:has(.reader) .mobile-tab{display:none}.reader{max-width:1240px;margin:auto;padding:15px 18px 60px}.reader-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #4A5149;padding:14px 0}.reader-bar strong{text-align:center}.reader-bar button,.reader-options select{background:#F2D33C;border:0;color:#20231F;padding:8px 12px;border-radius:5px}.reader-options{margin:12px 0;padding:18px;background:#20231F;display:flex;gap:25px;flex-wrap:wrap}.reader-options[hidden]{display:none}.reader-options label{display:flex;gap:10px;align-items:center}.reader-stage{max-width:900px;margin:18px auto}.reader-intro{text-align:center;padding:35px 14px}.reader-intro h1{font-size:32px}.reader-intro p{color:#d1d1d1}.reader-pages{display:grid;gap:6px;max-width:85%;margin:auto}.story-panel{min-height:340px;padding:60px clamp(20px,6vw,70px);background:#FFFDF5;color:#20231F;border:5px solid #20231F;display:flex;flex-direction:column;justify-content:center}.story-panel:nth-child(even){background:#FFF5BF}.story-panel small{letter-spacing:2px;font-weight:900}.story-panel p{font-size:clamp(19px,2.4vw,29px);font-weight:800;line-height:1.8}.reader-image{width:100%;height:auto;display:block}.reader-pages.single>.story-panel,.reader-pages.single>.reader-image{display:none}.reader-pages.single>[data-current="1"]{display:flex}.reader-pages.double{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.reader-pages.double .story-panel{min-height:340px;padding:25px}.reader-pages.double .story-panel p{font-size:18px}.page-controls{display:flex;align-items:center;justify-content:center;gap:18px;padding:22px}.page-controls button{padding:9px 15px}.reader-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;border-top:1px solid #666}.reader-bottom a{color:#F2D33C}@media(max-width:760px){.reader-bar{flex-wrap:wrap}.reader-bar strong{order:-1;flex-basis:100%}.reader-pages{max-width:100%!important}.reader-pages.double{grid-template-columns:1fr}.story-panel{min-height:300px;padding:26px}.story-panel p{font-size:20px}.reader-intro h1{font-size:25px}}