@media (min-width:1024px){body[data-page=chapter-reader] .app-shell{--shell-sidebar-pad:calc(var(--shell-sidebar-collapsed) + var(--shell-gap));--shell-right-pad:calc(var(--shell-sidebar-collapsed) + var(--shell-gap));--reader-nav-cover:clamp(0px,calc(var(--shell-sidebar) - var(--shell-sidebar-pad)),999px);--reader-nav-shift:calc(var(--reader-nav-cover) / 2)}body[data-page=chapter-reader]{--reader-mobile-bar-space:0px;--reader-top-space:var(--shell-topbar-mobile);--reader-horizontal-height:calc(100dvh - var(--reader-top-space))}body[data-page=chapter-reader] .ui-reader-rail{right:max(env(safe-area-inset-right),var(--reader-rail-edge))}}body[data-page=chapter-reader] .reader-page-shell{padding-left:0!important;padding-right:0!important}body[data-page=chapter-reader] .shell-content{transition:none!important}#reader-shell{position:relative;min-height:60vh}html[data-reader-mode=horizontal] #reader-shell{min-height:unset!important}.chapter-comments-shell{border-top:1px solid rgba(148,163,184,.18);padding-top:20px}.reader-mobile-bar{width:100%;max-width:680px;margin-inline:auto;border-radius:18px;border:1px solid rgba(255,107,0,.28);background:var(--page-bg);box-shadow:0 8px 24px rgba(0,0,0,.24);backdrop-filter:blur(18px);padding:8px 10px}.reader-mobile-btn{min-width:40px;min-height:40px;display:grid;place-items:center;border-radius:12px;background:transparent;border:0;cursor:pointer;color:var(--text);transition:transform .12s ease,background-color .12s ease,color .12s ease,opacity .12s ease}.reader-mobile-btn:hover{background:rgba(255,255,255,.08)}.reader-mobile-btn:active{transform:translateY(1px)}.reader-mobile-btn:disabled{opacity:.35;cursor:not-allowed}.reader-mobile-icon{width:18px;height:18px}@media (max-width:480px){.reader-mobile-bar{border-radius:16px;padding:7px 8px}.reader-mobile-btn{min-width:36px;min-height:36px;border-radius:10px}.reader-mobile-icon{width:17px;height:17px}}.ui-reader-rail{position:fixed;z-index:60;top:calc(var(--shell-topbar));bottom:12px;right:max(env(safe-area-inset-right),var(--reader-rail-edge),calc(var(--reader-rail-space) - var(--reader-rail-gap) - var(--reader-rail-w)));width:var(--reader-rail-w);padding:var(--reader-rail-py) var(--reader-rail-px);display:flex;flex-direction:column;align-items:center;gap:var(--reader-rail-item-gap)}.ui-reader-btn{width:var(--reader-btn-size);height:var(--reader-btn-size);display:grid;place-items:center;border-radius:var(--reader-btn-radius);background:transparent;border:0;cursor:pointer;color:var(--text);transition:transform .12s ease,background-color .12s ease,color .12s ease}.ui-reader-btn:hover{background:var(--reader-btn-bg-hover);color:var(--reader-btn-fg-hover)}.ui-reader-btn:active{transform:translateY(1px)}.ui-reader-btn:disabled{opacity:.35;cursor:not-allowed}.ui-reader-icon{width:var(--reader-icon-size);height:var(--reader-icon-size)}.ui-reader-btn-bottom{margin-top:auto}body[data-page=chapter-reader] .chapter-comments-shell{--page-w:var(--reader-page-max);--page-wc:min(var(--page-w),var(--reader-page-hard-cap));width:100%;margin-inline:auto;max-width:min(calc(var(--page-wc) * var(--reader-scale)),calc(100% - (var(--reader-side-pad) * 2) - var(--reader-nav-cover)));padding-inline:clamp(10px,2vw,18px)}body[data-page=chapter-reader][data-reader-pages=double] .chapter-comments-shell{--page-w:var(--reader-page-max-double)}.reader-progress-shell{overflow:visible;background:transparent}.reader-progress-container,.reader-progress-shell{width:100%;margin-inline:auto}body[data-page=chapter-reader] .app-content{padding-top:var(--shell-topbar-desktop)}@media (max-width:639px){body[data-page=chapter-reader] .app-content{padding-top:var(--shell-topbar-mobile)}}html[data-reader-zoom="0"]{--reader-scale:1}html[data-reader-zoom="1"]{--reader-scale:1.15}html[data-reader-zoom="2"]{--reader-scale:1.30}html[data-reader-zoom="3"]{--reader-scale:1.50}html[data-reader-zoom="4"]{--reader-scale:1.75}@media (prefers-reduced-motion:no-preference){.reader-page-figure{transition:max-width .16s ease,width .16s ease,transform .16s ease}}@media (prefers-reduced-motion:reduce){.reader-page-figure{transition:none}}.reader-page-figure{width:100%;margin-inline:auto;--page-w:var(--reader-page-max);--page-wc:min(var(--page-w),var(--reader-page-hard-cap))}.reader-page-figure--double{--page-w:var(--reader-page-max-double)}.reader-page-img{display:block}.reader-page-img,.reader-page-img--double,.reader-page-img--single{width:100%;height:auto}.reader-mobile-btn-top{border-radius:999px;background:color-mix(in srgb,var(--accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);box-shadow:0 0 0 1px rgba(255,107,0,.1),0 8px 18px rgba(255,107,0,.18)}.reader-mobile-btn-top:hover{background:color-mix(in srgb,var(--accent) 26%,transparent);box-shadow:0 0 0 1px rgba(255,107,0,.16),0 10px 22px rgba(255,107,0,.24)}.reader-mobile-top-icon{width:17px;height:17px;color:var(--accent)}.reader-horizontal-progress-wrap{width:100%;margin-inline:auto}.reader-horizontal-progress-wrap--single{--page-w:var(--reader-page-max)}.reader-horizontal-progress-wrap--double{--page-w:var(--reader-page-max-double)}@media (min-width:1024px){html[data-reader-mode=horizontal] body[data-page=chapter-reader] .reader-horizontal-progress-wrap{--page-wc:min(var(--page-w),var(--reader-page-hard-cap));max-width:min(calc(var(--page-wc) * var(--reader-scale)),calc(100% - (var(--reader-side-pad) * 2) - var(--reader-nav-cover)));transform:translateX(var(--reader-nav-shift))}}html[data-reader-mode=vertical] body[data-page=chapter-reader] .reader-page-figure{width:min(calc(var(--page-wc) * var(--reader-scale)),var(--reader-page-hard-cap));max-width:calc(100% - (var(--reader-side-pad) * 2) - var(--reader-nav-cover));transform:translateX(var(--reader-nav-shift))}html[data-reader-mode=horizontal]
body[data-page=chapter-reader]
[data-reader-shell=horizontal] .reader-page-figure{--avail:calc(100% - (var(--reader-side-pad) * 2) - var(--reader-nav-cover));width:min(calc(var(--page-wc) * var(--reader-scale)),var(--avail));max-width:var(--avail);transform:translateX(var(--reader-nav-shift))}.reader-progress-container--single{--page-w:var(--reader-page-max)}.reader-progress-container--double{--page-w:var(--reader-page-max-double)}body[data-page=chapter-reader] .reader-progress-container{--page-wc:min(var(--page-w),var(--reader-page-hard-cap));max-width:min(calc(var(--page-wc) * var(--reader-scale)),calc(100% - (var(--reader-side-pad) * 2) - var(--reader-nav-cover)));transform:translateX(var(--reader-nav-shift))}body[data-reader-fullscreen="1"] .shell-nav,body[data-reader-fullscreen="1"] .shell-nav-mobile,body[data-reader-fullscreen="1"] .shell-topbar,body[data-reader-fullscreen="1"] .site-footer{display:none!important}body[data-reader-fullscreen="1"] .app-shell{--shell-topbar:0px;--shell-sidebar:0px;--shell-sidebar-pad:0px;--shell-right-pad:0px;--reader-nav-cover:0px;--reader-nav-shift:0px}body[data-reader-fullscreen="1"] .shell-content{padding-left:0!important;padding-right:0!important}body[data-reader-fullscreen="1"] .reader-ui-block,body[data-reader-fullscreen="1"] .ui-reader-rail{display:none!important}body[data-reader-fullscreen="1"] .reader-page,body[data-reader-fullscreen="1"] .reader-page-shell{padding-top:0!important;margin-top:0!important}@media (max-width:768px){body[data-page=chapter-reader]{--reader-bar-h:56px;--reader-progress-h:32px;--reader-img-h:calc(100dvh - var(--shell-topbar-mobile) - var(--reader-bar-h) - var(--reader-progress-h))}html[data-reader-mode=horizontal] body[data-page=chapter-reader] .app-content{padding-top:0!important}html[data-reader-mode=horizontal] body[data-page=chapter-reader] #reader-shell{min-height:unset!important}html[data-reader-mode=horizontal] body[data-page=chapter-reader] .reader-horizontal-root{width:100%;height:var(--reader-img-h);overflow:hidden}html[data-reader-mode=horizontal] body[data-page=chapter-reader] .reader-horizontal-shell{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}html[data-reader-mode=horizontal] body[data-page=chapter-reader] .reader-horizontal-figure{margin:0!important;width:100%!important;max-width:100%!important;height:100%!important;display:flex;align-items:center;justify-content:center;background:transparent;box-shadow:none;transform:none!important}html[data-reader-mode=horizontal] body[data-page=chapter-reader] .reader-horizontal-img{width:auto;max-width:100%;height:100%;max-height:100%;object-fit:contain;display:block;margin-inline:auto}}@keyframes reader-page-fadein{0%{opacity:0}to{opacity:1}}.reader-horizontal-figure{animation:reader-page-fadein .12s ease}@media (prefers-reduced-motion:reduce){.reader-horizontal-figure{animation:none}}.cursor-down{cursor:url("data:image/svg+xml;utf8,
<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'>\
<defs><filter id='glow'><feGaussianBlur stdDeviation='2.5' result='coloredBlur'/>\
<feMerge><feMergeNode in='coloredBlur'/><feMergeNode in='SourceGraphic'/></feMerge>\
</filter></defs>\
<polygon points='16,28 6,18 26,18' fill='%23ff6a00' stroke='%23ff2e00' stroke-width='2' filter='url(%23glow)'/>\
<rect x='14' y='4' width='4' height='14' fill='%23ffb000' stroke='%23ff2e00' stroke-width='2' filter='url(%23glow)'/>\
</svg>") 16 26,pointer}.cursor-left{cursor:url("data:image/svg+xml;utf8,
<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'>\
<defs><filter id='glow'><feGaussianBlur stdDeviation='2.5' result='coloredBlur'/>\
<feMerge><feMergeNode in='coloredBlur'/><feMergeNode in='SourceGraphic'/></feMerge>\
</filter></defs>\
<polygon points='4,16 14,6 14,26' fill='%23ff6a00' stroke='%23ff2e00' stroke-width='2' filter='url(%23glow)'/>\
<rect x='16' y='14' width='12' height='4' fill='%23ffb000' stroke='%23ff2e00' stroke-width='2' filter='url(%23glow)'/>\
</svg>") 6 16,pointer}.cursor-right{cursor:url("data:image/svg+xml;utf8,
<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'>\
<defs><filter id='glow'><feGaussianBlur stdDeviation='2.5' result='coloredBlur'/>\
<feMerge><feMergeNode in='coloredBlur'/><feMergeNode in='SourceGraphic'/></feMerge>\
</filter></defs>\
<polygon points='28,16 18,6 18,26' fill='%23ff6a00' stroke='%23ff2e00' stroke-width='2' filter='url(%23glow)'/>\
<rect x='4' y='14' width='12' height='4' fill='%23ffb000' stroke='%23ff2e00' stroke-width='2' filter='url(%23glow)'/>\
</svg>") 26 16,pointer}