.reader{padding:0 18px 40px;background:#121118;color:#b9b5c0;text-align:center}.reader-header{width:min(1140px,100%);margin:0 auto;padding:16px 0 20px}.reader-header h1{max-width:1000px;margin:0 auto 3px;color:#f4f1f6;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.35}.reader-series{margin:0 0 16px;font-size:.72rem}.reader-series a{color:#28dda0}.reader-breadcrumb{display:flex;align-items:center;justify-content:center;gap:5px;min-height:58px;margin:0 0 16px;padding:9px 16px;border-radius:3px;background:#211f20;color:#aaa5ad;font-size:.72rem;line-height:1.55}.reader-breadcrumb a{color:#aaa5ad}.reader-breadcrumb strong{font-weight:500}.reader-description{margin:0 0 22px;font-size:.75rem;line-height:1.6}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.reader-options,.reader-navigation{display:flex;align-items:center;gap:10px}.reader-select{position:relative}.reader-select::after{content:'';position:absolute;top:50%;right:12px;width:5px;height:5px;border-right:1px solid #aaa6b0;border-bottom:1px solid #aaa6b0;pointer-events:none;transform:translateY(-70%) rotate(45deg)}.reader-select select{height:31px;padding:0 29px 0 12px;border:0;border-radius:18px;background:#373638;color:#bbb7c0;font:inherit;font-size:.72rem;cursor:pointer;appearance:none}.reader-page-count,.reader-nav-button{display:inline-flex;height:31px;align-items:center;justify-content:center;border-radius:18px;font-size:.72rem;white-space:nowrap}.reader-page-count{min-width:75px;padding:0 12px;background:#373638}.reader-nav-button{min-width:66px;padding:0 13px;text-decoration:none}.reader-nav-prev{background:#45d9a1;color:#fff;font-weight:700}.reader-nav-next{background:#2c2b2c;color:#ddd}.reader-nav-button.is-disabled{background:#252425;color:#5e5b61}.reader .pages{width:min(720px,100%);max-width:none;margin:0 auto;background:#fff}.reader .pages img{display:block;width:100%;height:auto;margin:0 auto}.reader-bottom-nav{display:flex;justify-content:center;gap:10px;margin:24px auto 0}.reader-bottom-nav a{padding:9px 14px;border-radius:5px;background:#29272d;color:#ded9e3;font-size:.75rem}@media(max-width:700px){.reader{padding-inline:8px}.reader-header{padding-top:12px}.reader-header h1{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2}.reader-breadcrumb{justify-content:flex-start;min-height:42px;overflow:hidden;white-space:nowrap}.reader-breadcrumb a,.reader-breadcrumb strong{overflow:hidden;text-overflow:ellipsis}.reader-description{font-size:.68rem}.reader-toolbar{align-items:stretch;flex-direction:column}.reader-options,.reader-navigation{justify-content:space-between}.reader-select{flex:1}.reader-select select{width:100%}.reader-page-count{margin-right:auto}.reader-bottom-nav{flex-wrap:wrap}}

.reader-navigation .reader-page-count{position:relative;padding:0;background:#373638;overflow:hidden}.reader-page-count::after{content:'';position:absolute;right:11px;width:5px;height:5px;border-right:1px solid #aaa6b0;border-bottom:1px solid #aaa6b0;pointer-events:none;transform:translateY(-2px) rotate(45deg)}.reader-page-count select{width:100%;height:31px;padding:0 27px 0 12px;border:0;background:transparent;color:#bbb7c0;font:inherit;font-size:.72rem;cursor:pointer;appearance:none}
.reader-mode-label{position:relative;display:inline-flex;height:31px;align-items:center;border-radius:18px;background:#373638;color:#bbb7c0;font-size:.72rem;white-space:nowrap;overflow:hidden}.reader-mode-label::after{content:'';position:absolute;right:11px;width:5px;height:5px;border-right:1px solid #aaa6b0;border-bottom:1px solid #aaa6b0;pointer-events:none;transform:translateY(-2px) rotate(45deg)}.reader-mode-label select{height:31px;padding:0 28px 0 13px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;appearance:none}.reader.is-single-page .pages{background:#09090c}.reader.is-single-page .pages img{display:none}.reader.is-single-page .pages img.is-active{display:block}
@media(max-width:700px){.reader-options,.reader-navigation{width:100%;gap:8px}.reader-options .reader-select,.reader-mode-label{flex:1 1 0;min-width:0}.reader-mode-label select{width:100%}.reader-navigation .reader-page-count{flex:1 1 auto;min-width:0;margin-right:0}.reader-navigation .reader-nav-button{flex:0 0 auto;min-width:68px;padding-inline:12px}}
.reader-toolbar-bottom{width:min(1140px,100%);margin:24px auto 0;padding:0}.reader-toolbar-bottom .reader-select select{min-width:100px}@media(max-width:700px){.reader-toolbar-bottom{align-items:stretch}.reader-toolbar-bottom .reader-options .reader-select{max-width:none}}
.reader select{color-scheme:dark}.reader select option{background:#29282d;color:#e2dee7}.reader select option:checked{background:#6540a8;color:#fff}.reader select:focus-visible{outline:2px solid #8152ce;outline-offset:1px}
.reader-navigation details.reader-page-count{overflow:visible}.reader-page-count summary{display:flex;width:100%;height:31px;align-items:center;padding:0 27px 0 12px;cursor:pointer;list-style:none}.reader-page-count summary::-webkit-details-marker{display:none}.reader-page-menu{position:absolute;top:calc(100% + 5px);left:0;z-index:20;width:max(100%,76px);max-height:280px;padding:5px;overflow-y:auto;border:1px solid #4b4852;border-radius:8px;background:#25242a;box-shadow:0 12px 30px #0009}.reader-page-menu button{display:block;width:100%;padding:7px 9px;border:0;border-radius:5px;background:transparent;color:#c9c5ce;font:inherit;font-size:.72rem;text-align:left;cursor:pointer}.reader-page-menu button:hover,.reader-page-menu button.is-active{background:#6740a8;color:#fff}.reader-page-menu{scrollbar-width:thin;scrollbar-color:#77727d #302e34}.reader-toolbar-bottom .reader-page-menu{top:auto;bottom:calc(100% + 5px)}
.reader-auto-scroll{display:flex;height:31px;align-items:center;gap:7px;padding:0 10px;border-radius:18px;background:#373638;white-space:nowrap}.reader-auto-scroll button{padding:0;border:0;background:transparent;color:#ddd8e2;font:inherit;font-size:.68rem;cursor:pointer}.reader-auto-scroll label{display:flex;align-items:center}.reader-auto-scroll input{width:70px;height:3px;accent-color:#6de0ae;cursor:pointer}.reader-auto-scroll output{min-width:18px;color:#aaa5af;font-size:.62rem}.reader-auto-scroll output::after{content:'×'}@media(max-width:700px){.reader-auto-scroll{flex:1 0 100%;justify-content:center}.reader-auto-scroll input{width:min(120px,26vw)}}
.reader-options details.reader-select{position:relative;height:31px;border-radius:18px;background:#373638;color:#bbb7c0;font-size:.72rem}.reader-select summary{display:flex;height:31px;align-items:center;padding:0 29px 0 13px;cursor:pointer;list-style:none;white-space:nowrap}.reader-select summary::-webkit-details-marker{display:none}.reader-chapter-menu{position:absolute;top:calc(100% + 5px);left:0;z-index:20;width:max(100%,110px);max-height:280px;padding:5px;overflow-y:auto;border:1px solid #4b4852;border-radius:8px;background:#25242a;box-shadow:0 12px 30px #0009;scrollbar-width:thin;scrollbar-color:#77727d #302e34}.reader-chapter-menu button{display:block;width:100%;padding:7px 9px;border:0;border-radius:5px;background:transparent;color:#c9c5ce;font:inherit;font-size:.72rem;text-align:left;cursor:pointer}.reader-chapter-menu button:hover,.reader-chapter-menu button.is-active{background:#6740a8;color:#fff}.reader-toolbar-bottom .reader-chapter-menu{top:auto;bottom:calc(100% + 5px)}
.reader-settings{position:relative;height:31px;border-radius:18px;background:#373638;color:#ddd8e2;font-size:.7rem}.reader-settings>summary{display:flex;height:31px;align-items:center;padding:0 14px;cursor:pointer;list-style:none;white-space:nowrap}.reader-settings>summary::-webkit-details-marker{display:none}.reader-settings[open]>summary{background:#6740a8;border-radius:18px;color:#fff}.reader-settings-menu{position:absolute;top:calc(100% + 7px);left:0;z-index:30;width:230px;padding:12px;border:1px solid #4b4852;border-radius:10px;background:#25242a;box-shadow:0 14px 35px #000a}.reader-setting-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:36px;color:#c9c5ce;font-size:.7rem}.reader-setting-row select,.reader-setting-row button{height:28px;padding:0 9px;border:1px solid #4b4852;border-radius:6px;background:#343239;color:#e2dee7;font:inherit;cursor:pointer}.reader-setting-row input{width:95px;accent-color:#6de0ae;cursor:pointer}.reader-setting-row output{min-width:24px;color:#aaa5af}.reader-setting-row output::after{content:'×'}@media(max-width:700px){.reader-settings{flex:1 1 0}.reader-settings>summary{justify-content:center}.reader-settings-menu{right:0;left:auto;width:min(250px,calc(100vw - 24px))}}
.reader{padding-bottom:95px}.reader-toolbar-bottom{position:fixed;right:0;bottom:0;left:0;z-index:100;width:100%;max-width:none;margin:0;padding:10px max(14px,calc((100vw - 1500px)/2));border-top:1px solid #20242a;background:#050607ee;box-shadow:0 -8px 30px #0009;backdrop-filter:blur(10px)}@media(max-width:700px){.reader{padding-bottom:130px}.reader-toolbar-bottom{padding:8px 10px}}
.reader-toolbar-bottom{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:14px;align-items:start}.reader-fixed-nav{display:flex;height:38px;align-items:center;justify-content:center;gap:8px;padding:0 17px;border:1px solid #35383b;border-radius:7px;background:#141619;color:#e5e3e7;font-size:.74rem;text-decoration:none;white-space:nowrap}.reader-fixed-nav.is-disabled{color:#5c5d60}.reader-fixed-center{display:grid;min-width:0;gap:6px}.reader-fixed-controls{display:grid;grid-template-columns:minmax(140px,1fr) 104px;gap:7px}.reader-fixed-select,.reader-fixed-page{position:relative;height:38px;border:1px solid #14382c;border-radius:7px;background:#071510;color:#e9e7eb}.reader-fixed-select summary{display:grid;height:38px;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:center;padding:0 36px 0 13px;cursor:pointer;list-style:none;text-align:left}.reader-fixed-select summary::-webkit-details-marker,.reader-fixed-page summary::-webkit-details-marker{display:none}.reader-fixed-select summary::after,.reader-fixed-page summary::after{content:'';position:absolute;right:16px;width:6px;height:6px;border-right:1px solid #42665a;border-bottom:1px solid #42665a;transform:translateY(-2px) rotate(45deg)}.reader-fixed-select summary span{color:#6d9c8b;font-size:1rem}.reader-fixed-select summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-fixed-page summary{display:flex;height:38px;align-items:center;gap:5px;padding:0 32px 0 12px;cursor:pointer;list-style:none;white-space:nowrap}.reader-fixed-page summary strong{color:#6de0ae}.reader-fixed-page .reader-page-menu{top:auto;right:0;bottom:calc(100% + 6px);left:auto;width:100%;min-width:104px}.reader-fixed-select .reader-chapter-menu{top:auto;right:0;bottom:calc(100% + 6px);width:100%}.reader-fixed-center small{color:#55575a;font-size:.64rem}@media(max-width:700px){.reader{padding-bottom:145px}.reader-toolbar-bottom{grid-template-columns:1fr 1fr;gap:7px}.reader-fixed-center{grid-column:1/-1;grid-row:1}.reader-fixed-controls{grid-template-columns:minmax(0,1fr) 96px}.reader-fixed-nav{height:36px;padding-inline:10px}.reader-fixed-center small{font-size:.6rem}}
.reader-setting-toggle{position:relative;width:38px!important;height:21px!important;margin:0;appearance:none;border-radius:12px;background:#49474e;cursor:pointer;transition:.2s}.reader-setting-toggle::after{content:'';position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#d7d3da;transition:.2s}.reader-setting-toggle:checked{background:#4acb97}.reader-setting-toggle:checked::after{transform:translateX(17px);background:#fff}.reader-setting-toggle:disabled{opacity:.4;cursor:not-allowed}
.reader-fixed-controls{grid-template-columns:minmax(140px,1fr) 104px 92px}.reader-fixed-settings{height:38px;border:1px solid #35383b;border-radius:7px;background:#141619}.reader-fixed-settings>summary{height:38px;justify-content:center;padding:0 10px}.reader-fixed-settings[open]>summary{border-radius:7px}.reader-fixed-settings .reader-settings-menu{top:auto;right:0;bottom:calc(100% + 6px);left:auto}@media(max-width:700px){.reader-fixed-controls{grid-template-columns:minmax(0,1fr) 86px 44px}.reader-fixed-settings>summary span{display:none}}
.reader-auto-next-notice{position:fixed;right:50%;bottom:88px;z-index:110;padding:10px 16px;border:1px solid #355f50;border-radius:8px;background:#0b1c16ee;color:#e8f5f0;font-size:.76rem;box-shadow:0 8px 28px #0009;transform:translateX(50%);backdrop-filter:blur(8px)}.reader-auto-next-notice strong{color:#6de0ae}.reader-auto-next-notice[hidden]{display:none}@media(max-width:700px){.reader-auto-next-notice{bottom:138px;width:max-content;max-width:calc(100vw - 24px)}}
.reader-end-sentinel{display:block;width:1px;height:1px;margin:0 auto}
@media(max-width:700px){.reader{padding-bottom:112px}.reader-toolbar-bottom{gap:7px;padding:8px 10px}.reader-fixed-center{gap:0}.reader-fixed-center small{display:none}.reader-fixed-controls{grid-template-columns:minmax(0,1fr) 86px 44px}.reader-fixed-select,.reader-fixed-page,.reader-fixed-settings{height:38px}.reader-fixed-page summary{padding-inline:10px 24px;font-size:.72rem}.reader-fixed-page summary::after{right:10px}.reader-fixed-settings>summary{height:38px;padding:0;font-size:1rem}.reader-fixed-nav{width:100%;height:36px;border-color:#34383d;font-size:.72rem}.reader-auto-next-notice{bottom:108px}}
.reader{padding-bottom:70px}.reader-toolbar-bottom{align-items:center}.reader-fixed-center{gap:0}.reader-fixed-center small{display:none}.reader-auto-next-notice{bottom:68px}@media(max-width:700px){.reader{padding-bottom:112px}.reader-toolbar-bottom{align-items:start}.reader-auto-next-notice{bottom:108px}}
.reader-fixed-controls{grid-template-columns:minmax(140px,1fr) 116px 92px}.reader-fixed-page summary{justify-content:center;gap:4px;padding:0 30px 0 12px}.reader-fixed-page summary::after{right:12px;border-color:#5f9d87;transform:translateY(-2px) rotate(45deg)}.reader-fixed-page summary strong{font-variant-numeric:tabular-nums}@media(max-width:700px){.reader-fixed-controls{grid-template-columns:minmax(0,1fr) 92px 44px}.reader-fixed-page summary{padding:0 24px 0 8px}.reader-fixed-page summary::after{right:9px}}

.reader-nav-button.is-disabled,.reader-fixed-nav.is-disabled{color:#a5a2aa}.reader-fixed-center small{color:#9297a0}
.reader-fixed-select summary,.reader-fixed-page summary{font-size:.72rem}.reader-fixed-select summary strong,.reader-fixed-page summary strong{font-size:inherit;font-weight:600}@media(max-width:700px){.reader-fixed-select summary,.reader-fixed-page summary{font-size:.68rem}}