body.reader-page{background:#171b18;color:#f8f5ec}.reader{min-height:100vh}.reader-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;background:#1F3E2D;position:sticky;top:0;z-index:9}.reader-head strong{font-size:14px;text-align:center}.reader-head a,.reader-head button{font-size:13px;white-space:nowrap}.reader-head button,.reader-settings button{background:#F2D33C;color:#20231F;border:0;padding:8px 10px;border-radius:5px}.reader-settings{position:sticky;top:53px;z-index:8;background:#315C43;padding:15px;display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.reader-settings[hidden]{display:none}.reader-settings select{padding:5px}.reader-title{text-align:center;padding:40px 20px 24px}.reader-title h1{font-size:clamp(26px,4vw,40px)}.reader-title>p{font-size:13px;color:#c0c9bf}.reader-pages{width:min(100%,1050px);margin:auto;display:flex;flex-direction:column;align-items:center;gap:10px}.comic-panel{width:80%;max-width:100%;background:#fff;color:#20231F}.comic-panel img{display:block;width:100%;height:auto;object-fit:contain}.text-panel{min-height:clamp(270px,50vw,600px);padding:10%;display:flex;justify-content:space-between;flex-direction:column;border:8px solid #FFF5BF;background:linear-gradient(150deg,#fffdf5,#e7efe7)}.text-panel span{font-size:12px;letter-spacing:4px;font-weight:900}.text-panel p{font-size:clamp(22px,3vw,38px);line-height:1.45;font-weight:750}.reader-pages.single .comic-panel,.reader-pages.double .comic-panel{display:none}.reader-pages.single .comic-panel.current,.reader-pages.double .comic-panel.current,.reader-pages.double .comic-panel.next{display:block}.reader-pages.double{display:grid;grid-template-columns:1fr 1fr;gap:4px;align-items:start}.reader-pages.double .comic-panel{width:100%}.reader-progress{position:fixed;left:0;bottom:0;width:100%;height:4px;background:#425042;z-index:10}.reader-progress>div{height:100%;background:#F2D33C;transition:width .15s}.reader-controls,.reader-chapters{display:flex;justify-content:center;align-items:center;gap:18px;margin:30px auto;padding:15px;flex-wrap:wrap}.reader-controls button,.reader-chapters a{padding:10px 15px;background:#F2D33C;border:0;color:#20231F;font-weight:800;border-radius:5px}.reader-chapters span{color:#9da99d}.reader-pages.scroll .comic-panel{display:block}@media(max-width:700px){.reader-head{padding:10px;gap:4px}.reader-head strong{font-size:12px}.reader-pages,.reader-pages.double{display:flex;flex-direction:column;gap:4px}.reader-pages .comic-panel{width:100%}.reader-pages.double .comic-panel.next{display:none}.text-panel{min-height:350px}.reader-settings{top:47px}.reader-title{padding:20px 10px}}
