body.reading{background:#151915;color:#f7f5e9}.reader-head{background:#202820;min-height:70px;border-bottom:1px solid #526457;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 25px;position:sticky;top:0;z-index:30}.reader-head a{font-weight:800;font-size:13px}.reader-head strong{font-size:14px}.reader-head strong span{font-weight:400;color:#d3ddd1}.reader-head>div{display:flex;gap:8px}.reader-head button,.reader-drawer button,.reader-drawer select{background:#f2d33c;border:0;color:#20231f;font-weight:800;border-radius:4px;min-height:44px;padding:8px 12px}.reader-drawer{position:fixed;z-index:40;right:12px;top:82px;background:#fffdf5;color:#20231f;min-width:min(330px,calc(100vw - 24px));padding:22px;border:2px solid #20231f;box-shadow:0 9px 28px #0008}.reader-drawer[hidden]{display:none}.reader-drawer a,.reader-drawer label{display:block;border-bottom:1px solid #d5dacd;padding:14px 0}.reader-drawer input{width:100%}.reader-main{margin:auto;padding:30px 16px;max-width:1160px}.reader-intro{text-align:center;margin:15px auto 35px}.reader-intro .kicker{color:#f2d33c}.reader-intro p{color:#c6d2c7}.reader-pages{max-width:860px;margin:auto;display:grid;gap:12px}.story-panel{position:relative;min-height:460px;border:9px solid #f7f3e3;background:#fffdf5;color:#20231f;padding:45px;display:flex;flex-direction:column;justify-content:center;box-shadow:9px 9px 0 #0004}.story-panel:nth-child(2n){background:#f4e8bf}.story-panel:nth-child(3n){background:#dce7e1}.panel-count{font-size:12px;font-weight:1000;letter-spacing:.16em;align-self:start;border-bottom:4px solid #20231f}.story-panel p{font-size:clamp(22px,3.1vw,35px);font-weight:850;color:inherit;line-height:1.6;max-width:630px;margin:auto}.story-panel small{font-weight:850;color:#647164}.story-image .image-fallback{min-height:400px}.reader-pages.mode-single{max-width:800px}.reader-pages.mode-double{grid-template-columns:1fr 1fr;max-width:1100px;gap:2px}.reader-pages.mode-double .story-panel{min-height:540px;padding:25px;border-width:6px}.reader-pages.mode-double .story-panel p{font-size:25px}.reader-progress{display:flex;gap:12px;justify-content:center;align-items:center;margin:35px auto;font-size:13px}.reader-progress progress{width:clamp(100px,30vw,380px);height:10px;accent-color:#f2d33c}.chapter-switch{display:flex;justify-content:space-between;gap:8px;margin:35px auto;max-width:860px}.chapter-switch>*{padding:10px 14px;border:1px solid #677367;border-radius:4px;font-size:13px}.chapter-switch a:hover{background:#315c43}.chapter-switch .disabled{opacity:.6}@media(max-width:720px){.reader-head{padding:10px;flex-wrap:wrap}.reader-head strong{order:3;width:100%;text-align:center}.reader-head button{font-size:12px;min-height:44px;padding:7px}.reader-main{padding:18px 8px}.story-panel{min-height:350px;padding:18px;border-width:5px}.story-panel p{font-size:23px}.reader-pages.mode-double{grid-template-columns:1fr}.chapter-switch>*{padding:9px;font-size:11px}}