.reader-mode-shell{position:fixed;top:calc(28px + var(--sat));right:calc(28px + var(--sar));z-index:10002;display:flex;flex-direction:column;align-items:flex-end}
.reader-top-actions{display:flex;align-items:center;gap:8px}
.reader-action-button,.reader-mode-toggle{display:flex;align-items:center;justify-content:center;padding:6px;background:rgba(0,0,0,.6);border:1px solid var(--dim);border-radius:2px;text-decoration:none;cursor:pointer;transition:opacity .5s ease,background .2s ease,border-color .2s ease}
.reader-action-button svg,.reader-mode-toggle svg{width:22px;height:22px;stroke:var(--muted);fill:none;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s,color .3s,fill .3s;color:var(--muted)}
.reader-action-button:hover svg,.reader-mode-toggle:hover svg{stroke:var(--bright);color:var(--bright)}
.reader-actions-toggle svg{stroke:none;fill:currentColor}
.reader-action-button.disabled{opacity:.22;pointer-events:none}
.reader-mode-toggle.dropdown-open{border-bottom-color:transparent;border-radius:2px 2px 0 0;background:var(--deep)}
.mode-dropdown{position:absolute;top:calc(100% - 1px);right:0;z-index:10001;background:var(--deep);border:1px solid var(--mid);padding:4px 0;display:none;min-width:170px;border-top:none}
.mode-dropdown.open{display:block}
.mode-option{width:100%;border:0;background:transparent;text-align:left;appearance:none;-webkit-appearance:none;font-family:'DM Sans',sans-serif;font-size:.75rem;font-weight:400;letter-spacing:.08em;color:var(--muted);padding:10px 14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none}
.mode-option:hover{color:var(--bright);background:var(--mid)}
.mode-option.active{color:var(--bright)}
.mode-option-link.disabled{opacity:.22;pointer-events:none}
.mode-option-label{display:flex;align-items:center;gap:8px}
.mode-option.active .mode-option-label::before{content:'';display:inline-block;width:4px;height:4px;background:var(--blood);border-radius:50%}
.mode-option:not(.active) .mode-option-label::before{content:'';display:inline-block;width:4px;height:4px}
.mode-option svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;opacity:.6}
.mode-option:hover svg,.mode-option.active svg{opacity:1}
#actionsDropdown .mode-option{color:var(--light)}
#actionsDropdown .mode-option svg{opacity:1}
#actionsDropdown .mode-option:hover{color:var(--bright)}
.reader-feed-sheet{position:absolute;top:calc(100% + 10px);right:0;z-index:10003;min-width:220px;background:rgba(10,10,10,.94);border:1px solid rgba(255,255,255,.1);padding:12px;display:none;box-shadow:0 20px 40px rgba(0,0,0,.35)}
.reader-feed-sheet.open{display:block}
.reader-feed-sheet-title{font-family:'DM Sans',sans-serif;font-size:.56rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
.reader-feed-sheet-actions{display:flex;flex-direction:column;gap:8px}
.reader-feed-sheet-button{width:100%;font-family:'DM Sans',sans-serif;font-size:.76rem;font-weight:400;letter-spacing:.04em;color:var(--white);background:rgba(255,255,255,.018);border:1px solid rgba(255,255,255,.08);padding:10px 12px;text-align:left;text-decoration:none;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}
.reader-feed-sheet-button:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16);color:var(--bright)}
.reader-subscribe-modal{position:fixed;inset:0;z-index:10005;display:none}.reader-subscribe-modal.open{display:block}.reader-subscribe-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.74)}.reader-subscribe-panel{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);width:min(500px,calc(100vw - 32px));background:rgba(10,10,10,.96);border:1px solid rgba(255,255,255,.12);padding:18px 18px 16px;box-shadow:0 20px 50px rgba(0,0,0,.45)}.reader-subscribe-close{position:absolute;top:9px;right:10px;border:0;background:transparent;color:var(--muted);font-family:'DM Sans',sans-serif;font-size:.9rem;letter-spacing:.08em;cursor:pointer}.reader-subscribe-close:hover{color:var(--bright)}.reader-subscribe-copy{max-width:340px;margin:0 auto 14px;padding-right:0;text-align:center}.reader-subscribe-eyebrow{font-family:'DM Sans',sans-serif;font-size:.56rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.reader-subscribe-copy h2{font-family:'Bebas Neue',sans-serif;font-size:1.95rem;letter-spacing:.07em;line-height:.95;color:var(--white);margin:0 0 8px}.reader-subscribe-copy p{font-family:'DM Sans',sans-serif;font-size:.76rem;line-height:1.45;color:var(--muted);margin:0}.reader-subscribe-copy p + p{margin-top:5px}.reader-subscribe-embed{display:flex;justify-content:center;align-items:flex-start;min-height:132px;width:100%}@media(max-width:600px){.reader-subscribe-panel{top:44%;width:min(92vw,420px);padding:16px 14px 14px}.reader-subscribe-copy{max-width:300px;margin-bottom:12px}.reader-subscribe-copy h2{font-size:1.68rem}.reader-subscribe-copy p{font-size:.72rem;line-height:1.4}}
.reader-floating-status{position:fixed;top:calc(82px + var(--sat));right:calc(28px + var(--sar));z-index:10004;min-width:160px;max-width:min(280px,calc(100vw - 56px));padding:10px 12px;background:rgba(10,10,10,.92);border:1px solid var(--dim);font-size:.68rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--bright);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .24s ease,transform .24s ease}
.reader-floating-status.visible{opacity:1;transform:translateY(0)}
.reader{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:40px 44px 76px;user-select:none}
.reader-page-wrapper{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:18px;width:100%;height:calc(100dvh - 116px)}
.reader-zoom-surface{display:flex;align-items:center;justify-content:center;gap:inherit;transform-origin:0 0;transition:transform .18s ease;will-change:transform}.reader-zoom-surface--gesture{transition:none!important}
.reader-zoom-surface--instant{transition:none!important}
.comic-page{height:min(calc(100dvh - 132px),92vh);width:auto;aspect-ratio:2/3;position:relative;overflow:visible;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .2s ease;flex-shrink:0;margin:0;background:transparent;border:0;box-shadow:none}
.comic-page.flipping{opacity:.3}
.comic-page img{width:100%;height:100%;object-fit:contain;border:0;box-shadow:none;background:transparent;user-select:none;-webkit-user-drag:none;pointer-events:none}
.comic-page--combined{width:min(96vw,1680px);height:auto;aspect-ratio:auto}
.reader-page-wrapper.spread-mode{gap:1px}
.reader-page-wrapper.spread-mode .comic-page{height:min(calc(100dvh - 150px),84vh);width:auto}
.reader-page-wrapper.spread-mode--forced{gap:0}
.reader-page-wrapper.spread-mode--forced .comic-page--forced{margin:0}
.reader.scroll-mode{flex-direction:column;align-items:center;padding:80px 24px 100px;gap:0}
.reader.scroll-mode .reader-page-wrapper{overflow:visible;flex-direction:column;gap:18px;width:100%;height:auto;align-items:center}
.reader.scroll-mode .reader-zoom-surface{display:flex;flex-direction:column;width:100%}
.reader.scroll-mode .comic-page{height:auto;width:min(92vw,980px)}
.reader.scroll-mode.reader-scroll-fit{padding-left:0;padding-right:0}.reader.scroll-mode.reader-scroll-fit .reader-page-wrapper,.reader.scroll-mode.reader-scroll-fit .reader-zoom-surface{width:100%}.reader.scroll-mode.reader-scroll-fit .comic-page{width:min(100vw,980px)}
.reader-nav-side{position:fixed;top:50%;transform:translateY(-50%);z-index:9000;width:50px;height:80px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--dim);transition:all .3s;border:0;background:transparent;appearance:none;-webkit-appearance:none;padding:0}
.reader-nav-side:hover{color:var(--muted)}
.reader-nav-side.disabled{opacity:.15;pointer-events:none}
.reader-nav-prev{left:calc(12px + var(--sal))}
.reader-nav-next{right:calc(12px + var(--sar))}
.reader-nav-side svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.reader-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:linear-gradient(to top,rgba(0,0,0,.98),rgba(0,0,0,.9) 36%,rgba(0,0,0,.62) 64%,transparent);padding:24px 16px calc(20px + var(--sab));display:flex;align-items:center;justify-content:center;gap:10px;transition:opacity .5s ease}
.reader-bottom-btn{font-family:'DM Sans',sans-serif;font-size:.68rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:9px 16px;cursor:pointer;transition:all .3s;border:1px solid transparent}
.reader-bottom-btn--primary{background:var(--bright);color:var(--black);border-color:var(--bright)}
.reader-bottom-btn--primary:hover{background:var(--light);border-color:var(--light);transform:translateY(-1px)}
.reader-bottom-btn--ghost{background:rgba(255,255,255,.08);color:var(--white);border-color:rgba(255,255,255,.15);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.reader-bottom-btn--ghost:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25);transform:translateY(-1px)}
.reader-bottom-btn.disabled{opacity:.25;pointer-events:none}
.reader-page-indicator{font-family:'DM Sans',sans-serif;font-size:.6rem;font-weight:300;letter-spacing:.15em;color:var(--muted);min-width:62px;height:39px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;padding:0 8px;border:1px solid transparent;border-radius:2px;transition:all .2s;background:transparent;appearance:none;-webkit-appearance:none}
.reader-page-indicator:hover{border-color:var(--dim);color:var(--light)}
.page-input-mode .reader-page-indicator{display:none}
.page-jump-input{display:none;font-family:'DM Sans',sans-serif;font-size:.7rem;font-weight:300;letter-spacing:.1em;color:var(--bright);background:var(--dark);border:1px solid var(--dim);padding:4px 6px;width:42px;text-align:center;outline:none}
.page-input-mode .page-jump-input{display:inline-block}
.page-jump-input:focus{border-color:var(--muted)}
#btnFirst,#btnLast{font-size:1rem;line-height:1;font-weight:400;padding-top:8px;padding-bottom:8px}
@media(max-width:900px){.reader-page-wrapper{height:calc(100dvh - 124px);touch-action:none;overscroll-behavior:contain}.reader.scroll-mode .reader-page-wrapper{height:auto;touch-action:pan-y;overscroll-behavior:auto}.comic-page{height:auto;width:min(94vw,760px)}.reader-page-wrapper.spread-mode .comic-page{height:auto;width:min(94vw,760px)}body.reader-fit-landscape .reader{padding:0 12px!important}body.reader-fit-landscape .reader-page-wrapper{width:calc(100vw - 24px);height:100dvh}body.reader-fit-landscape .reader-page-wrapper:not(.spread-mode) .comic-page,body.reader-fit-landscape .reader-page-wrapper.spread-mode.mobile-fit-left .comic-page,body.reader-fit-landscape .reader-page-wrapper.spread-mode.mobile-fit-right .comic-page{width:min(calc(100vw - 24px),820px)}body.reader-fit-landscape .reader-page-wrapper.spread-mode.mobile-fit-spread .comic-page{width:min(calc((100vw - 28px)/2),390px)}body.reader-zoomed .reader{padding:0!important}body.reader-zoomed .reader-page-wrapper{width:100vw;height:100dvh}body.reader-zoomed .reader-page-wrapper:not(.spread-mode) .comic-page,body.reader-zoomed .reader-page-wrapper.spread-mode.mobile-fit-left .comic-page,body.reader-zoomed .reader-page-wrapper.spread-mode.mobile-fit-right .comic-page{width:min(100vw,820px)}body.reader-zoomed .reader-nav-side{opacity:0!important;pointer-events:none!important}body.reader-zoomed .reader-bottom-nav,body.reader-zoomed.reader-ui-hidden .reader-bottom-nav{opacity:1!important;pointer-events:auto!important}}
@media(max-width:768px){.reader-page-wrapper.spread-mode.mobile-fit-left .comic-page,.reader-page-wrapper.spread-mode.mobile-fit-right .comic-page{width:min(92vw,700px)}.reader-page-wrapper.spread-mode.mobile-fit-left .comic-page:nth-child(2){display:none}.reader-page-wrapper.spread-mode.mobile-fit-right .comic-page:nth-child(1){display:none}.reader-page-wrapper.spread-mode.mobile-fit-spread{gap:1px}.reader-page-wrapper.spread-mode.mobile-fit-spread .comic-page{width:min(calc((100vw - 42px)/2),349px)}}
@media(max-width:700px){body.reader-fit-landscape .comic-page,body.reader-fit-landscape .reader-page-wrapper.spread-mode.mobile-fit-left .comic-page,body.reader-fit-landscape .reader-page-wrapper.spread-mode.mobile-fit-right .comic-page{width:min(calc(100vw - 24px),820px)}body.reader-fit-landscape .reader-page-wrapper.spread-mode.mobile-fit-spread .comic-page{width:min(calc((100vw - 28px)/2),390px)}.reader-mode-shell{top:calc(16px + var(--sat));right:calc(14px + var(--sar))}.reader-top-actions{gap:6px}.reader-action-button,.reader-mode-toggle{padding:4px}.reader-action-button svg,.reader-mode-toggle svg{width:18px;height:18px}.mode-dropdown{min-width:148px}.mode-option{padding:9px 12px;font-size:.7rem}.reader-feed-sheet{min-width:196px}.reader-floating-status{top:calc(70px + var(--sat));right:calc(14px + var(--sar));max-width:min(240px,calc(100vw - 28px));font-size:.62rem}.reader{padding:64px 16px 90px}.reader-page-wrapper{width:100%}.comic-page,.reader-page-wrapper.spread-mode .comic-page{width:min(100%,94vw)}}
@media(max-width:600px){body.reader-fit-landscape .comic-page,body.reader-fit-landscape .reader-page-wrapper.spread-mode.mobile-fit-left .comic-page,body.reader-fit-landscape .reader-page-wrapper.spread-mode.mobile-fit-right .comic-page{width:min(calc(100vw - 24px),820px)}body.reader-fit-landscape .reader-page-wrapper.spread-mode.mobile-fit-spread .comic-page{width:min(calc((100vw - 28px)/2),390px)}.reader-mode-shell{top:calc(20px + var(--sat));right:calc(20px + var(--sar))}.mode-dropdown{top:calc(100% - 1px);right:0}.reader-feed-sheet{right:0;left:auto}.reader-floating-status{top:calc(74px + var(--sat));right:calc(20px + var(--sar))}.reader{padding:62px 24px 90px}.reader-page-wrapper{gap:10px}.comic-page{width:min(94vw,760px)}.reader-page-wrapper.spread-mode .comic-page{width:min(94vw,760px)}.reader-page-wrapper.spread-mode.mobile-fit-spread .comic-page{width:min(calc((100vw - 50px)/2),337px)}}