.reader-shell{--reader-border:var(--border-card);--reader-panel-width:312px;--reader-toolbar-height:52px;--reader-toolbar-offset:calc(var(--topbar-height) + var(--reader-toolbar-height));content-visibility:visible;max-width:100%;overflow-x:hidden}.reader-shell>.topbar{background:var(--surface-glass);border-bottom-color:var(--surface-topbar-border,hsla(0,0%,100%,.06));box-shadow:var(--surface-topbar-shadow,0 1px 0 hsla(0,0%,100%,.05),0 12px 40px rgba(0,0,0,.35));left:0;max-width:100%;position:fixed;right:0;top:0;transform:translateZ(0);transition:none;width:100%;z-index:40}.reader-shell>.reader-toolbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface-glass-strong,var(--surface-glass));border-bottom:1px solid var(--surface-topbar-border,hsla(0,0%,100%,.06));box-shadow:var(--reader-toolbar-shadow,0 1px 0 hsla(0,0%,100%,.04),0 8px 24px rgba(0,0,0,.22));left:0;max-height:280px;max-width:100%;overflow:hidden;position:fixed;right:0;top:var(--topbar-height);transition:max-height .18s ease,opacity .18s ease,border-bottom-color .18s ease,background-color .18s ease;z-index:35}.reader-shell>.reader-toolbar.is-hidden{border-bottom-width:0;max-height:0;min-height:0;opacity:0;pointer-events:none;transform:none;visibility:hidden}.reader-shell:has(>.reader-toolbar.is-hidden)>.reader-chapter-menu{height:calc(100vh - var(--topbar-height));max-height:calc(100vh - var(--topbar-height));top:var(--topbar-height)}.reader-shell .reader-toolbar-inner{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,max-content) minmax(0,1fr) minmax(0,max-content);min-height:var(--reader-toolbar-height);width:min(1320px,calc(100% - 40px))}.reader-shell .reader-toolbar-actions{display:contents}.reader-shell .reader-toolbar-nav-left{grid-column:1;grid-row:1}.reader-shell .reader-toolbar-center{grid-column:2;grid-row:1}.reader-shell .reader-toolbar-nav-right{grid-column:3;grid-row:1}.reader-shell .reader-toolbar-btn-label--mobile{display:none}.reader-shell .reader-chapter-nav-btn{gap:6px}.reader-shell .reader-chapter-nav-btn .ui-icon{display:none}.reader-shell .reader-toolbar-nav{gap:8px;max-width:min(36vw,380px)}.reader-shell .reader-toolbar .chapter-menu-trigger,.reader-shell .reader-toolbar-nav .ghost-button{background:var(--topbar-btn-bg);border-color:var(--topbar-btn-border);border-radius:999px;box-shadow:var(--topbar-btn-shadow);color:var(--topbar-btn-color);font-size:.82rem;font-weight:700;gap:6px;letter-spacing:.01em;min-height:36px;min-width:0;padding:0 14px;white-space:nowrap}.reader-shell .reader-toolbar .chapter-menu-trigger .ui-icon,.reader-shell .reader-toolbar-nav .ghost-button .ui-icon{color:var(--topbar-btn-icon);height:16px;width:16px}@media(hover:hover)and (pointer:fine){.reader-shell .reader-toolbar .chapter-menu-trigger:hover,.reader-shell .reader-toolbar-nav .ghost-button:not(:disabled):hover{background:var(--topbar-btn-hover-bg);border-color:var(--ghost-hover-border);box-shadow:var(--topbar-btn-shadow);color:var(--topbar-btn-hover-color)}.reader-shell .reader-toolbar .chapter-menu-trigger:hover .ui-icon,.reader-shell .reader-toolbar-nav .ghost-button:not(:disabled):hover .ui-icon{color:var(--topbar-btn-hover-color)}}.reader-shell .reader-toolbar .chapter-menu-trigger:focus-visible,.reader-shell .reader-toolbar-nav .ghost-button:focus-visible{box-shadow:inset 0 1px #ffffff1a,0 0 0 2px #ff9f2a47;outline:0}.reader-shell .reader-toolbar-nav .reader-anchor-toggle:focus-visible,.reader-shell .reader-toolbar-nav .reader-bookshelf-toggle:focus-visible{box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #ff9f2a2e}.reader-shell .reader-toolbar .chapter-menu-trigger{min-width:80px}.reader-shell .reader-toolbar-nav .reader-anchor-toggle.is-active,.reader-shell .reader-toolbar-nav .reader-bookshelf-toggle.is-active{background:var(--count-badge-bg);border-color:var(--count-badge-border);box-shadow:var(--topbar-btn-shadow);color:var(--count-badge-color)}.reader-shell .reader-toolbar-nav .reader-anchor-toggle.is-active .ui-icon,.reader-shell .reader-toolbar-nav .reader-bookshelf-toggle.is-active .ui-icon{color:var(--count-badge-color)}.reader-shell .reader-toolbar-center{gap:8px}.reader-shell .reader-toolbar-center strong,.reader-shell .reader-toolbar-comic-link{flex:0 1 auto;font-size:.9rem;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-shell .reader-toolbar-comic-link{color:var(--text);text-decoration:none;transition:color .16s ease}.reader-shell .reader-toolbar-comic-link:focus-visible,.reader-shell .reader-toolbar-comic-link:hover{color:var(--topbar-btn-hover-color);outline:0;text-decoration:underline}.reader-shell .reader-toolbar-center span,.reader-shell .reader-toolbar-chapter{color:var(--text-tertiary);font-size:.8rem;font-weight:600}.reader-shell .reader-toolbar-chapter:before{color:var(--muted);content:"·";font-weight:500;margin:0 8px}.reader-shell .reader-toolbar-feedback{margin:0 auto;padding:0 0 10px;text-align:center;width:min(1320px,calc(100% - 40px))}.reader-shell>.reader-chapter-menu{background:var(--reader-chapter-menu-bg,rgba(10,11,13,.98));border-radius:0 18px 18px 0;border-right:1px solid var(--reader-chapter-menu-border,rgba(255,159,42,.2));box-shadow:var(--reader-chapter-menu-shadow,12px 0 36px rgba(0,0,0,.38));color:var(--text);overflow:hidden;overscroll-behavior:contain;position:fixed;transition:top .18s ease,height .18s ease,max-height .18s ease;width:var(--reader-panel-width);z-index:34}.reader-shell .reader-chapter-menu-inner{display:flex;flex-direction:column;height:100%;min-height:0;padding:14px 12px}.reader-shell .reader-chapter-menu-head{align-items:center;border-bottom:1px solid var(--border-section);display:flex;flex-shrink:0;flex-wrap:nowrap;gap:8px;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.reader-shell .reader-chapter-menu-head>.reader-chapter-menu-title-row{align-items:center;display:flex;flex:1 1 auto;flex-flow:row nowrap;gap:8px;min-width:0}.reader-shell .reader-chapter-menu-accent{background:linear-gradient(180deg,#ffb04c,#ff6a00);border-radius:999px;flex-shrink:0;height:22px;width:3px}.reader-shell .reader-chapter-menu-title-row strong{color:var(--text);flex-shrink:0;font-size:.92rem;font-weight:800;line-height:1.2;margin:0;white-space:nowrap}.reader-shell .reader-chapter-menu-title-row .reader-chapter-menu-count{align-items:center;background:var(--count-badge-bg);border:1px solid var(--count-badge-border);border-radius:999px;color:var(--count-badge-color);display:inline-flex;flex-shrink:0;font-size:.72rem;font-weight:700;line-height:1;min-height:24px;padding:0 8px;white-space:nowrap}.reader-shell .reader-chapter-menu-head .chapter-sort-actions{display:inline-flex;flex-shrink:0;width:auto}.reader-shell .reader-chapter-sort-label{display:inline}.reader-shell .reader-chapter-menu-head .chapter-sort-actions button{align-items:center;background:var(--topbar-btn-bg);border-color:var(--topbar-btn-border);border-radius:999px;box-shadow:var(--topbar-btn-shadow);color:var(--topbar-btn-color);display:inline-flex;font-size:.78rem;font-weight:700;gap:6px;min-height:32px;padding:0 12px}.reader-shell .reader-chapter-menu-head .chapter-sort-actions button:hover{background:var(--topbar-btn-hover-bg);border-color:var(--ghost-hover-border);color:var(--topbar-btn-hover-color)}.reader-shell .reader-chapter-menu-head .chapter-sort-actions button.active{background:var(--orange-soft);border-color:#ff9f2a85;color:var(--tag-pill-color,var(--count-badge-color))}.reader-shell .reader-chapter-menu-head .chapter-sort-actions button .ui-icon{color:var(--topbar-btn-icon);flex-shrink:0;height:15px;width:15px}.reader-shell .reader-chapter-menu-grid{align-content:start;flex:1 1 auto;gap:8px;grid-auto-rows:48px;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:2px;-webkit-overflow-scrolling:touch;scrollbar-color:rgba(255,159,42,.35) transparent;scrollbar-width:thin}.reader-shell .reader-chapter-menu-grid::-webkit-scrollbar{width:4px}.reader-shell .reader-chapter-menu-grid::-webkit-scrollbar-thumb{background:#ff9f2a59;border-radius:999px}.reader-shell .reader-chapter-link.chapter-card{align-items:center;align-self:start;background:var(--surface-elevated);border:1px solid var(--border-card);border-radius:11px;box-shadow:none;display:grid;gap:6px 8px;grid-template-columns:auto minmax(0,1fr) auto;height:48px;max-height:48px;min-height:48px;overflow:hidden;padding:0 10px 0 8px;transition:border-color .16s ease,background .16s ease}.reader-shell .reader-chapter-link.chapter-card:hover{background:var(--surface-elevated-hover);border-color:#ff9f2a61;transform:none}.reader-shell .reader-chapter-link.chapter-card.active{background:var(--surface-elevated-active);border-color:#ff9f2a80;border-left:3px solid var(--orange);padding-left:6px}.reader-shell .reader-chapter-link.chapter-card strong{color:var(--text);flex:0 0 auto;font-size:.82rem;font-weight:800;min-width:3.8em}.reader-shell .reader-chapter-link.chapter-card span{color:var(--text-secondary);flex:1 1 auto;font-size:.8rem;font-weight:600;min-width:0}.reader-shell .reader-chapter-link.chapter-card small{background:var(--tag-pill-bg);border:1px solid var(--tag-pill-border);border-radius:999px;color:var(--tag-pill-color);flex:0 0 auto;font-size:.68rem;font-weight:700;min-height:22px;padding:0 7px}.reader-shell .reader-chapter-link.chapter-card.login small{background:var(--count-badge-bg);border-color:var(--count-badge-border);color:var(--count-badge-color)}.reader-shell .reader-chapter-link.chapter-card.vip small{background:var(--tag-pill-bg);border-color:var(--tag-pill-border);color:var(--tag-pill-color)}.reader-shell .reader-chapter-link.chapter-card.locked{border-style:dashed;opacity:.92}.reader-shell .reader-chapter-link.chapter-card.active strong{color:var(--tag-pill-color,var(--text))}.reader-shell .reader-chapter-link.chapter-card .chapter-card-lock{height:11px;width:11px}.reader-shell .content-shell.reader-content{box-sizing:border-box;max-width:100%;overflow-x:hidden;padding-top:var(--reader-toolbar-offset);width:min(1320px,calc(100% - 40px))}.reader-shell .reader-comic-page,.reader-shell .reader-comic-page img,.reader-shell .reader-pages{max-width:100%}.reader-shell.reader-has-side-panel .reader-content{padding-left:0}.reader-shell.reader-has-side-panel .reader-comment-inner{margin-left:auto;margin-right:auto;width:min(780px,100%)}.reader-shell .reader-load-more{color:var(--text-tertiary);display:grid;font-size:.86rem;font-weight:600;padding:18px 16px;place-items:center}.reader-shell .reader-locked-section{display:grid;padding:8px 0 12px}.reader-shell .reader-locked-panel{background:var(--surface-section-shine),var(--surface-section);border:1px dashed rgba(255,159,42,.22);border-radius:20px;display:grid;gap:14px;justify-items:center;padding:40px 28px;text-align:center}.reader-shell .reader-locked-panel strong{font-size:1.08rem;font-weight:800}.reader-shell .reader-locked-panel .account-state-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.reader-shell .reader-anchor-panel{align-content:start;-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface-anchor-panel,var(--surface-hero-panel));border:1px solid rgba(255,159,42,.24);border-radius:20px;bottom:auto;box-shadow:var(--shadow-hero);grid-template-rows:auto auto auto;height:auto;max-height:calc(100vh - var(--topbar-height) - var(--reader-toolbar-height) - 96px);overflow:hidden}.reader-shell .reader-anchor-body{height:auto;min-height:0}.reader-shell .reader-anchor-thread-panel{grid-template-rows:auto auto;height:auto;min-height:0}.reader-shell .reader-anchor-thread-list{height:auto;max-height:min(40vh,320px)}.reader-shell .reader-anchor-empty{padding:12px 0 8px}.reader-shell .reader-anchor-compose{flex:0 0 auto}.reader-shell .reader-anchor-textarea{min-height:72px}.reader-shell .reader-anchor-comment-card{background:var(--surface-elevated);border-color:var(--border-card);border-radius:14px}.reader-shell .reader-anchor-marker:hover{transform:translate(-50%,-50%)}.reader-shell .reader-chapter-nav{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:20px auto 0;padding:0 4px;width:min(720px,100%)}.reader-shell .reader-chapter-nav .ghost-button{background:#ffffff0a;border-color:#ffffff1f;border-radius:12px;min-height:46px;min-width:120px;padding:10px 18px}.reader-shell .reader-chapter-nav .ghost-button:not(:disabled):hover{background:#ff9f2a1a;border-color:#ff9f2a6b}.reader-shell .reader-chapter-nav .ghost-button:last-child{margin-left:auto}.reader-shell .reader-chapter-nav .ghost-button.toolbar-placeholder{pointer-events:none;visibility:hidden}.reader-shell .reader-comment-section{margin-top:24px}.reader-shell .reader-comment-panel{background:var(--surface-section-shine),var(--surface-section);border:1px solid var(--reader-border);border-radius:20px;box-shadow:var(--shadow-panel);padding:22px 20px 20px}.reader-shell .reader-comment-panel .section-row{align-items:flex-start;border-bottom:1px solid var(--border-section);justify-content:flex-start;margin:0 0 18px;padding-bottom:12px}.reader-shell .reader-comment-panel .section-head{align-items:center;display:flex;gap:14px;justify-content:flex-start;min-width:0;text-align:left;width:100%}.reader-shell .reader-comment-panel .section-accent{background:linear-gradient(180deg,#ffb04c,#ff6a00);border-radius:999px;flex-shrink:0;height:34px;width:3px}.reader-shell .reader-comment-panel .section-head h2{font-size:1.05rem;font-weight:700;margin:0}.reader-shell .reader-comment-empty{background:var(--surface-inset);border:1px dashed var(--border-card);border-radius:16px;color:var(--text-tertiary);padding:32px 20px;text-align:center}.reader-shell .comment-compose{background:var(--surface-elevated);border:1px solid var(--border-card);border-radius:16px}.reader-shell .comment-card,.reader-shell .comment-reply-card{background:var(--surface-elevated);border-color:var(--border-card);border-radius:14px}.reader-shell .comment-reply-card{background:var(--surface-reply)}.reader-shell .comment-inline-reply{background:var(--comment-inline-reply-bg);border-color:var(--comment-inline-reply-border)}.reader-shell .comment-pagination .ghost-button.active{background:linear-gradient(135deg,#ffb04847,#ff781e24);border-color:#ff9f2a80;color:#ffe8c8}@media(max-width:960px){.reader-shell .reader-toolbar-inner{gap:10px;width:calc(100% - 28px)}.reader-shell .reader-toolbar-nav{max-width:none}.reader-shell .reader-toolbar-feedback{width:calc(100% - 28px)}.reader-shell .content-shell.reader-content{max-width:100%;padding-left:0;padding-right:0;width:100%}.reader-shell .reader-pages{margin:0;max-width:100%;width:100%}.reader-shell>.reader-chapter-menu{border-radius:0}.reader-shell .reader-anchor-panel{border-radius:16px;bottom:auto;left:14px;max-height:calc(100vh - var(--reader-toolbar-mobile-offset) - 80px);max-width:calc(100% - 28px);right:14px;width:auto}.reader-shell .reader-anchor-thread-list{max-height:min(36vh,280px)}.reader-shell .reader-comment-panel{padding:18px 16px 16px}}@media(max-width:768px){.reader-shell{--reader-mobile-gutter:8px;--reader-toolbar-stack-gap:0px;--reader-topbar-mobile-offset:var(--topbar-mobile-offset);--reader-toolbar-height:92px;--reader-toolbar-mobile-offset:calc(var(--reader-topbar-mobile-offset) + var(--reader-toolbar-stack-gap) + var(--reader-toolbar-height));overflow-x:hidden;overscroll-behavior-x:none}.reader-shell>.topbar{left:0;max-width:100%;position:fixed;right:0;top:0;transform:translateZ(0)}.reader-shell>.reader-toolbar{overflow-x:hidden}.reader-shell>.reader-toolbar,.reader-shell>.reader-toolbar.is-hidden{transform:none;transition:max-height .18s ease,opacity .18s ease,visibility 0s linear .18s,border-bottom-color .18s ease}.reader-shell>.reader-toolbar.is-hidden{visibility:hidden}.reader-shell>.topbar{transition:none}.reader-shell .content-shell.reader-content{overflow-x:hidden;transition:none}.reader-shell .content-shell.reader-content,.reader-shell.reader-has-side-panel .content-shell.reader-content,.reader-shell.reader-has-side-panel .reader-content{max-width:100%;padding-left:var(--reader-mobile-gutter);padding-right:var(--reader-mobile-gutter);width:100%}.reader-shell .reader-pages,.reader-shell.reader-has-side-panel .reader-pages{margin:0;max-width:100%;width:100%}.reader-shell .reader-comment-inner,.reader-shell.reader-has-side-panel .reader-comment-inner{margin-left:0;margin-right:0;max-width:100%;min-width:0;overflow-x:hidden;transition:none;width:100%}.reader-shell .reader-comment-section{box-sizing:border-box;min-width:0;overflow-x:hidden;padding-left:0;padding-right:0}.reader-shell .reader-comment-panel{border-radius:16px;box-shadow:none;overflow-x:hidden;padding:16px 12px 14px}.reader-shell .comment-card,.reader-shell .comment-compose,.reader-shell .comment-reply-card,.reader-shell .reader-comment-empty{box-shadow:none}.reader-shell .comment-textarea:focus{box-shadow:inset 0 0 0 1px #ff9f2a6b}.reader-shell .reader-chapter-nav{box-sizing:border-box;max-width:100%;padding-left:0;padding-right:0;width:100%}.reader-shell .reader-anchor-panel{left:var(--reader-mobile-gutter);max-width:none;right:var(--reader-mobile-gutter)}.reader-shell>.topbar .topbar__bar{flex:0 0 48px;justify-content:space-between;max-width:100%;width:100%}.reader-shell>.topbar .topbar__bar .account-actions--mobile{flex-shrink:0;margin-left:auto}.reader-shell .reader-toolbar-actions{align-items:center;display:flex;gap:8px;grid-column:1/-1;grid-row:2;justify-content:space-between;width:100%}.reader-shell .reader-toolbar-inner{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;justify-content:flex-end;margin-inline:auto;max-width:100%;overflow-x:hidden;padding:6px 12px 11px;width:100%}.reader-shell .reader-toolbar-center{align-items:center;display:flex;flex:0 0 auto;justify-content:flex-start;margin:0;max-width:none;overflow:hidden;text-align:left;width:100%}.reader-shell .reader-toolbar-center span,.reader-shell .reader-toolbar-center strong,.reader-shell .reader-toolbar-comic-link{text-align:left}.reader-shell .reader-toolbar-nav-left,.reader-shell .reader-toolbar-nav-right{flex:0 1 auto;grid-column:auto;grid-row:auto;max-width:none}.reader-shell .reader-toolbar-nav-right{justify-content:flex-end;margin-left:auto}.reader-shell .reader-chapter-menu-head .chapter-sort-actions{display:inline-flex;width:auto}.reader-shell .reader-toolbar-btn-label--desktop{display:none}.reader-shell .reader-toolbar-btn-label--mobile{display:inline}.reader-shell .reader-chapter-nav-btn{justify-content:center;min-width:36px;padding:0;width:36px}.reader-shell .reader-chapter-nav-btn .ui-icon{display:block;margin:0}.reader-shell>.topbar{flex-direction:column;gap:4px;width:100%}.reader-shell .chapter-menu-trigger{justify-content:center;min-width:36px;padding:0;width:36px}.reader-shell .chapter-menu-trigger .reader-toolbar-btn-label--desktop,.reader-shell .reader-chapter-sort-label{display:none}.reader-shell .reader-anchor-panel-head{align-items:flex-start;flex-direction:row;justify-content:flex-start;padding-right:44px;position:relative}.reader-shell .reader-anchor-panel-head>div{flex:1 1 auto;min-width:0}.reader-shell .reader-anchor-close{margin:0;position:absolute;right:0;top:0}.reader-shell .reader-chapter-menu-count{display:none}.reader-shell .reader-chapter-menu-head{align-items:stretch;flex-direction:column;gap:10px}.reader-shell .reader-chapter-menu-head .chapter-sort-actions{align-self:flex-end}.reader-shell .reader-chapter-menu-head .chapter-sort-actions button{justify-content:center;min-width:36px;padding:0;width:36px}.reader-shell>.reader-toolbar{top:calc(var(--reader-topbar-mobile-offset) + var(--reader-toolbar-stack-gap))}.reader-shell>.reader-chapter-menu{display:flex;flex-direction:column;overflow:hidden}.reader-shell .reader-chapter-menu-inner{flex:1 1 auto;height:auto;max-height:100%;min-height:0}.reader-shell .reader-chapter-menu-grid{flex:1 1 auto;max-height:none;min-height:0;overflow-y:auto}}@media(max-width:640px){.reader-shell{--reader-topbar-mobile-offset:var(--topbar-mobile-offset)}.reader-shell .reader-chapter-nav{gap:8px;padding:0;width:100%}.reader-shell .reader-chapter-nav .ghost-button{flex:1 1 0;min-width:0;width:auto}.reader-shell .reader-toolbar .chapter-menu-trigger,.reader-shell .reader-toolbar-nav .ghost-button{font-size:.8rem;min-height:36px}.reader-shell>.reader-toolbar{top:calc(var(--reader-topbar-mobile-offset, var(--topbar-mobile-offset)) + var(--reader-toolbar-stack-gap, 0px))}.reader-shell .reader-anchor-panel{top:calc(var(--reader-toolbar-mobile-offset) + 10px)}.reader-shell>.reader-chapter-menu{height:calc(100dvh - var(--reader-toolbar-mobile-offset));max-height:calc(100dvh - var(--reader-toolbar-mobile-offset));top:var(--reader-toolbar-mobile-offset)}.reader-shell:has(>.reader-toolbar.is-hidden)>.reader-chapter-menu{height:calc(100dvh - var(--reader-topbar-mobile-offset));max-height:calc(100dvh - var(--reader-topbar-mobile-offset));top:var(--reader-topbar-mobile-offset)}.reader-shell .reader-chapter-menu-head{align-items:center;flex-direction:row;flex-wrap:nowrap}.reader-shell .reader-chapter-menu-head>.reader-chapter-menu-title-row{display:flex;flex-flow:row nowrap}.reader-shell .reader-chapter-menu-head .chapter-sort-actions button{min-width:56px;padding:0 10px}}.reader-shell .reader-pages,.reader-shell.reader-has-side-panel .reader-pages{margin-inline:auto;width:min(var(--comic-reading-width,720px),100%)}@media(max-width:960px){.reader-shell .reader-pages,.reader-shell.reader-has-side-panel .reader-pages{width:min(var(--comic-reading-width,100%),100%)}}@media(max-width:768px){.reader-shell .reader-pages,.reader-shell.reader-has-side-panel .reader-pages{width:100%}}