body.reader{background:#16120f;color:#f7f3ea}body.reader a{color:inherit}.reader-shell{width:min(calc(100% - 20px),var(--content-max));margin:0 auto;padding-bottom:calc(var(--reader-dock-height) + 120px)}@media(max-width:720px){.reader-shell{width:100%;padding-bottom:calc(var(--reader-dock-height) + 72px)}}.reader-topbar{position:sticky;top:10px;z-index:20;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;margin:12px 0 20px;border-radius:18px;background:#1d1712d1;border:1px solid rgba(255,243,230,.12);backdrop-filter:blur(16px);transition:opacity .18s ease,transform .22s ease}.reader-topbar.is-hidden{opacity:0;pointer-events:none;transform:translateY(-18px)}.reader-topbar.is-inline-mobile{position:relative;top:0}.reader-topbar div{display:grid;gap:2px;min-width:0}.reader-topbar__nav{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center}.reader-topbar__nav a{min-height:38px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,243,230,.12);background:#fff3e60f;color:#f7f3ea;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.reader-topbar strong,.reader-topbar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-topbar__actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.reader-topbar__actions a,.reader-topbar__actions button{min-height:38px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,243,230,.12);background:#fff3e60f;color:#f7f3ea;display:inline-flex;align-items:center;justify-content:center}.reader-topbar__actions button.is-active{background:#e8b66a2e;border-color:#e8b66a42;color:#fff4e7}.reader-topbar__chapter-toggle{display:inline-flex}.reader-topbar span{color:#f7f3eab3;font-size:.92rem}.reader-progress-pill{position:fixed;top:92px;right:14px;z-index:18;display:flex;gap:10px;align-items:center;padding:8px 12px;border-radius:999px;background:#f7f3eae0;color:#16120f}.long-strip-viewer{display:grid;gap:0}.long-strip-viewer img{display:block;width:100%;margin:0;border-radius:0;background:transparent}.reader-top-slot{margin:0 0 18px}.reader-layout{display:grid;gap:16px;min-width:0}.reader-layout__body,.reader-content{min-width:0}.reader-chapter-nav{display:none;gap:14px;align-self:start;padding:16px;border-radius:24px;background:linear-gradient(180deg,#fff3e614,#fff3e608),#1d1712b8;border:1px solid rgba(255,243,230,.12);backdrop-filter:blur(18px);box-shadow:0 24px 60px #0000002e}.reader-chapter-nav.is-open{display:grid}.reader-chapter-nav__header{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.reader-chapter-nav__header div{display:grid;gap:4px;min-width:0}.reader-chapter-nav__header strong{line-height:1.4}.reader-chapter-nav__header span:last-child{color:#f7f3eaa8;font-size:.88rem}.reader-chapter-nav__close{min-height:38px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,243,230,.12);background:#fff3e60f;color:#f7f3ea}.reader-chapter-nav__current{display:grid;gap:4px;padding:12px 14px;border-radius:16px;background:#fff3e60f;border:1px solid rgba(255,243,230,.08)}.reader-chapter-nav__current-label{color:#fff4e7;font-weight:600;line-height:1.4}.reader-chapter-nav__current-title{color:#f7f3eab8;font-size:.84rem;line-height:1.5;font-weight:500}.reader-chapter-nav__list{display:grid;gap:8px;max-height:calc(100vh - 180px);overflow:auto;padding-right:4px}.reader-chapter-nav__item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,243,230,.08);background:#fff3e60a;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.reader-chapter-nav__item:hover{transform:translate(3px);border-color:#e8b66a3d}.reader-chapter-nav__item.is-active{border-color:#e8b66a57;background:#e8b66a24}.reader-chapter-nav__index{font-family:var(--font-display);color:#f7f3ea66;font-size:1rem}.reader-chapter-nav__copy{display:grid;gap:3px;min-width:0}.reader-chapter-nav__copy strong,.reader-chapter-nav__copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-chapter-nav__copy small{color:#f7f3ea9e;font-size:.82rem}.reader-chapter-nav__badge{padding:4px 9px;border-radius:999px;background:#e8b66a33;color:#fff4e7;font-size:.76rem;white-space:nowrap}.reader-viewer-zone{cursor:pointer}.reader-dock{position:fixed;bottom:12px;left:50%;z-index:25;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;width:min(calc(100% - 20px),760px);padding:10px;border-radius:999px;transform:translate(-50%);background:#1d1712eb;border:1px solid rgba(255,243,230,.12);backdrop-filter:blur(18px);transition:opacity .18s ease,transform .22s ease}.reader-dock.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,18px)}.reader-dock button,.reader-dock a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:999px;border:0;background:#fff3e614;color:#f7f3ea;text-align:center}.reader-dock a[aria-disabled=true]{opacity:.4;pointer-events:none}.speed-group{display:flex;gap:6px}.speed-group button.active{background:var(--accent);color:#fff}.reader-state-card,.reader-ad-slot{padding:20px;border-radius:18px;background:#fff3e614;border:1px solid rgba(255,243,230,.12)}.reader-state-card h1{margin:10px 0;font-size:clamp(1.8rem,4vw,2.6rem)}.reader-state-card p,.reader-ad-slot p,.reader-ad-slot a{margin:0;color:#f7f3eab8;line-height:1.7}.reader-end-slot{margin:32px 0 28px}.reader-ad-slot strong{display:block;margin:8px 0}.reader-ad-slot a{color:var(--accent);text-decoration:none;word-break:break-all}.chapter-pager{display:grid;gap:14px;margin:0 0 calc(var(--reader-dock-height) + 84px)}.chapter-pager a{display:grid;gap:6px;padding:18px;border-radius:18px;border:1px solid rgba(255,243,230,.12);background:#fff3e614}.chapter-pager a.disabled{opacity:.45;pointer-events:none}.chapter-pager span{color:#f7f3eab8;font-size:.92rem}.chapter-pager strong{color:#fff4e7;line-height:1.5}@media(max-width:720px){.reader-topbar{grid-template-columns:1fr auto;gap:8px;top:0;padding:8px 10px;margin:0 0 6px;border-radius:0 0 16px 16px;border-left:0;border-right:0}.reader-topbar.is-inline-mobile{margin-bottom:4px;border-radius:0;background:transparent;border-bottom:1px solid rgba(255,243,230,.08);backdrop-filter:none}.reader-topbar__nav{grid-column:1;gap:6px}.reader-topbar__nav a,.reader-topbar__actions a,.reader-topbar__actions button{min-height:34px;padding:0 10px;font-size:.84rem}.reader-topbar>div:first-of-type{grid-column:1 / -1;order:3}.reader-topbar>div:first-of-type strong{font-size:.98rem}.reader-topbar>div:first-of-type span{font-size:.82rem}.reader-topbar__actions{grid-column:2;gap:6px;justify-content:flex-end}.reader-topbar__chapter-toggle{display:inline-flex}.reader-topbar__actions a[href="#chapter-pager"]{display:none}.reader-progress-pill{top:auto;right:8px;bottom:82px;gap:8px;max-width:calc(100vw - 16px);padding:7px 10px;font-size:.82rem}.reader-progress-pill span{max-width:56vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-top-slot{margin:0 0 6px}.reader-end-slot{margin:18px 0 14px}.reader-state-card,.reader-ad-slot{padding:14px;border-radius:14px}.reader-chapter-nav{position:fixed;top:56px;left:8px;right:8px;z-index:34;gap:12px;padding:14px;border-radius:18px;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .18s ease,transform .22s ease}.reader-chapter-nav.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.reader-chapter-nav__close{display:inline-flex;align-items:center;justify-content:center}.reader-chapter-nav__list{max-height:min(58vh,420px)}.chapter-pager{gap:10px;margin-bottom:calc(var(--reader-dock-height) + 68px)}.chapter-pager a{padding:14px;border-radius:14px}}@media(min-width:721px){.reader-layout{gap:18px}.reader-layout__body{display:block}.reader-chapter-nav{position:fixed;top:96px;left:12px;width:min(272px,calc(100vw - 24px));max-height:calc(100vh - 124px);overflow:hidden;z-index:24}.reader-layout.is-nav-collapsed .reader-chapter-nav,.reader-chapter-nav__close{display:none}}