@charset "UTF-8";
.reader-page{padding:20px 16px 35px;background:#F1F1EE}.reader-toolbar{max-width:1300px;margin:0 auto 15px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:13px;padding:12px 18px;background:var(--paper);border-radius:12px}.reader-toolbar>a{font-size:13px;color:var(--sage-deep)}.reader-toolbar strong{font-size:14px}.reader-toolbar details{position:relative;font-size:13px}.reader-toolbar details[open]{z-index:20}.reader-toolbar details summary{cursor:pointer;padding:8px}.reader-toolbar details a,.reader-toolbar details label{display:block;background:white;padding:8px 14px}.reader-toolbar details a:hover{background:var(--sage-soft)}.reader-toolbar .settings label{display:flex;flex-direction:column;gap:8px}.reading-status{max-width:780px;margin:0 auto 15px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.reading-canvas{max-width:780px;margin:auto;background:#fff;min-width:0;overflow:hidden;box-shadow:0 2px 18px #00000008}.chapter-heading{text-align:center;padding:50px 20px;background:#ECEFEA}.chapter-heading h1{font-size:29px}.chapter-heading p{font-size:13px}.comic-panel{margin:0}.comic-panel img{width:100%;height:auto;object-fit:contain}.story-panel{min-height:390px;padding:80px 12%;display:flex;flex-direction:column;justify-content:center;gap:23px;background:#FFFDF9;border-bottom:1px solid var(--divider)}.story-panel:nth-child(odd){background:#E8ECE8}.story-panel:nth-child(3n){background:#F6EEE6}.story-panel span{font-size:12px;color:var(--sage-deep);letter-spacing:.14em;font-weight:800}.story-panel p{font-size:clamp(18px,2.5vw,26px);line-height:2.1;color:var(--coffee);max-width:570px}.reader-page.single .story-panel,.reader-page.double .story-panel{display:none}.reader-page.single .story-panel.active,.reader-page.double .story-panel.active{display:flex}.reader-page.double .reading-canvas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1100px}.reader-page.double .chapter-heading{grid-column:span 2}.reader-page.double .story-panel.active,.reader-page.double .story-panel.active+.story-panel{display:flex;min-height:520px;padding:35px 7%}.reader-page.double .story-panel p{font-size:20px}.reader-pager{display:none;justify-content:center;align-items:center;gap:20px;margin:25px}.reader-pager button{background:var(--paper);border:1px solid var(--border);border-radius:8px;padding:9px 18px;min-height:44px}.reader-page.single .reader-pager,.reader-page.double .reader-pager{display:flex}.chapter-navigation{max-width:780px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:35px auto}.chapter-navigation span{font-size:13px}.privacy-hint{text-align:center;font-size:12px;color:var(--muted)}@media(max-width:760px){.reader-toolbar{padding:10px}.reader-toolbar strong{width:100%;order:-1}.reader-page.double .reading-canvas{display:block}.reader-page.double .story-panel.active+.story-panel{display:none}.reader-page.double .story-panel.active{min-height:380px;padding:35px 8%}.story-panel{min-height:320px;padding:35px 8%}.chapter-navigation{padding-bottom:55px}.chapter-navigation .button{padding:8px 12px;font-size:12px}.reader-page{padding:12px 10px}}