:root{
    --reader-toolbar-height:52px;
    --reader-toolbar-bg:color-mix(in srgb,var(--surface) 94%,transparent);
    --reader-toolbar-text:var(--text);
    --reader-toolbar-border:color-mix(in srgb,var(--border) 82%,transparent);
    --reader-toolbar-shadow:0 4px 18px rgb(0 0 0 / 18%);
    --reader-toolbar-button-bg:color-mix(in srgb,var(--surface-soft) 82%,transparent);
    --reader-toolbar-button-hover:color-mix(in srgb,var(--accent) 16%,var(--surface));
    --reader-toolbar-transition:180ms ease;
    --reader-overflow-bg:var(--surface);
    --reader-overflow-text:var(--text);
    --reader-overflow-border:var(--border);
    --reader-overflow-hover:var(--surface-soft);
    --reader-overflow-shadow:var(--shadow);
    --reader-canvas:var(--theme-reader-background,var(--bg));
    --reader-canvas-decoration:radial-gradient(circle at 50% -10rem,color-mix(in srgb,var(--accent) 18%,transparent),transparent 38rem);
    --reader-panel-bg:color-mix(in srgb,var(--surface) 94%,var(--reader-canvas));
    --reader-control-border:color-mix(in srgb,var(--accent) 32%,var(--border));
}
.reader-page{margin:0;overflow-x:hidden;background:var(--reader-canvas);--active-reader-toolbar-height:calc(var(--reader-toolbar-height) + env(safe-area-inset-top,0px))}
.reader-page .reader-main{min-height:100vh;padding-top:var(--active-reader-toolbar-height);background:var(--reader-canvas)}
.reader-page .reader-root{min-height:100vh;color:var(--text);background-color:var(--reader-canvas);background-image:var(--reader-canvas-decoration)}
.reader-root[data-reader-background=theme]{--reader-canvas:var(--theme-reader-background,var(--bg));--reader-canvas-decoration:radial-gradient(circle at 50% -10rem,color-mix(in srgb,var(--accent) 18%,transparent),transparent 38rem)}
.reader-root[data-reader-background=black]{--reader-canvas:#080808;--reader-canvas-decoration:none}
.reader-root[data-reader-background=charcoal]{--reader-canvas:#292929;--reader-canvas-decoration:none}
.reader-root[data-reader-background=light]{--reader-canvas:#ece9e2;--reader-canvas-decoration:none}
.reader-toolbar{position:fixed!important;inset:0 0 auto 0;top:0!important;z-index:60;width:100%!important;height:var(--active-reader-toolbar-height);min-height:var(--active-reader-toolbar-height);padding:env(safe-area-inset-top,0px) max(.45rem,env(safe-area-inset-right,0px)) 0 max(.45rem,env(safe-area-inset-left,0px));display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:var(--reader-toolbar-text);background:var(--reader-toolbar-bg);border:0!important;border-bottom:1px solid var(--reader-control-border)!important;border-radius:0!important;box-shadow:var(--reader-toolbar-shadow),inset 0 -2px 0 color-mix(in srgb,var(--accent) 16%,transparent);backdrop-filter:blur(14px);transform:translateY(0);transition:transform var(--reader-toolbar-transition);will-change:transform}
.reader-toolbar.is-hidden{transform:translateY(calc(-100% - 2px))!important}
.reader-toolbar__start,.reader-toolbar__actions{display:flex;align-items:center;min-width:0;gap:.35rem}
.reader-toolbar__start{flex:1 1 auto;overflow:hidden}
.reader-toolbar__titles{display:grid;min-width:0;line-height:1.05}
.reader-toolbar__manga-title,.reader-toolbar__chapter-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reader-toolbar__manga-title{font-size:.68rem;color:var(--muted)}
.reader-toolbar__chapter-title{font-size:.82rem;color:var(--reader-toolbar-text)}
.reader-toolbar__actions{flex:0 0 auto}
.reader-toolbar__button,.reader-chapter-selector>summary{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--reader-toolbar-border);border-radius:.4rem;background:var(--reader-toolbar-button-bg);color:var(--reader-toolbar-text);text-decoration:none;cursor:pointer;font-weight:850}
.reader-toolbar__button{padding:.25rem;font-size:1.3rem;line-height:1}
.reader-toolbar__button:hover,.reader-toolbar__button:focus-visible,.reader-chapter-selector>summary:hover,.reader-chapter-selector>summary:focus-visible{background:var(--reader-toolbar-button-hover);border-color:var(--accent)}
.reader-toolbar__button.is-disabled{opacity:.38;cursor:not-allowed}
.reader-overflow-trigger{display:none}
.reader-overflow-menu{display:none;position:fixed;z-index:61;top:calc(var(--active-reader-toolbar-height) + .4rem);right:max(.65rem,env(safe-area-inset-right,0px));width:min(17.5rem,calc(100vw - 1.3rem));padding:.4rem;border:1px solid var(--reader-overflow-border);border-radius:.6rem;background:var(--reader-overflow-bg);color:var(--reader-overflow-text);box-shadow:var(--reader-overflow-shadow)}
.reader-overflow-menu[hidden]{display:none}
.reader-overflow-menu a,.reader-overflow-menu button{display:flex;align-items:center;width:100%;min-height:44px;padding:.62rem .75rem;border:0;border-radius:.4rem;background:transparent;color:inherit;text-align:left;text-decoration:none;cursor:pointer;font-size:.84rem;font-weight:750}
.reader-overflow-menu a:hover,.reader-overflow-menu a:focus-visible,.reader-overflow-menu button:hover,.reader-overflow-menu button:focus-visible{background:var(--reader-overflow-hover);color:var(--accent-dark)}
.reader-overflow__very-narrow{display:none!important}
.reader-chapter-selector{position:relative}
.reader-chapter-selector>summary{list-style:none;max-width:12rem;padding:.35rem .6rem;font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reader-chapter-selector>summary::-webkit-details-marker{display:none}
.reader-chapter-popover{position:absolute;right:0;top:calc(100% + .45rem);width:min(22rem,calc(100vw - 1rem));max-height:min(70vh,34rem);padding:.75rem;border:1px solid var(--border);border-radius:.55rem;background:var(--surface);box-shadow:var(--shadow);color:var(--text)}
.reader-chapter-popover>strong{display:block;padding:.2rem 2.5rem .55rem .25rem}
.reader-chapter-popover nav{display:grid;max-height:min(60vh,29rem);overflow:auto;overscroll-behavior:contain}
.reader-chapter-popover nav a{padding:.62rem .7rem;border-radius:.35rem;text-decoration:none;font-size:.82rem}
.reader-chapter-popover nav a:hover,.reader-chapter-popover nav a:focus-visible{background:var(--surface-soft)}
.reader-chapter-popover nav a[aria-current=page]{background:var(--accent);color:#fff;font-weight:850}
.reader-panel-close{position:absolute;right:.45rem;top:.35rem;width:36px;height:36px;border:0;border-radius:.35rem;background:var(--surface-soft);color:var(--text);cursor:pointer;font-size:1.2rem}
.reader-progress{position:absolute;inset:auto 0 0;height:3px;background:transparent;overflow:hidden}
.reader-progress span{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}
.reader-reveal{position:fixed;z-index:59;top:env(safe-area-inset-top,0px);left:50%;transform:translateX(-50%);height:27px;min-width:7rem;padding:.05rem .7rem .2rem;border:1px solid var(--reader-toolbar-border);border-top:0;border-radius:0 0 .55rem .55rem;background:var(--reader-toolbar-bg);color:var(--reader-toolbar-text);box-shadow:0 3px 10px rgb(0 0 0 / 16%);cursor:pointer;font-size:.67rem;line-height:1;backdrop-filter:blur(12px)}
.reader-reveal span{margin-right:.35rem;letter-spacing:-.1em}.reader-reveal output{font-variant-numeric:tabular-nums}
.reader-reveal[hidden]{display:none}
.reader-settings{position:fixed;z-index:58;top:var(--active-reader-toolbar-height);right:max(.5rem,env(safe-area-inset-right,0px));width:min(58rem,calc(100% - 1rem));max-height:calc(100vh - var(--active-reader-toolbar-height) - .5rem);overflow:auto;padding:.85rem;border:1px solid var(--reader-control-border);border-top:0;border-radius:0 0 var(--radius) var(--radius);background:var(--reader-panel-bg);box-shadow:var(--reader-overflow-shadow);color:var(--text);backdrop-filter:blur(18px)}
.reader-settings[hidden]{display:none}
.reader-settings__heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.reader-settings__heading h2{margin:0;font-size:1rem}.reader-settings__heading button{width:40px;height:40px;border:1px solid var(--border);border-radius:.4rem;background:var(--surface-soft);color:var(--text);cursor:pointer;font-size:1.2rem}
.reader-settings-panel{display:grid;grid-template-columns:repeat(5,minmax(8rem,1fr));gap:.65rem;padding:0}
.reader-settings-panel label{display:grid;gap:.2rem;font-size:.72rem;color:var(--muted);font-weight:700}
.reader-settings-panel label>span{font-size:.64rem;font-weight:500}
.reader-settings-panel select{position:relative;z-index:1;pointer-events:auto}
.reader-settings-panel .toggle-label{display:flex;align-items:center;gap:.35rem;color:var(--text)}
.reader-settings-panel .storage-note{grid-column:1/-1}.reader-settings-panel .storage-note[data-state=saving]{color:var(--muted)}.reader-settings-panel .storage-note[data-state=saved]{color:var(--accent-dark)}.reader-settings-panel .storage-note[data-state=error]{color:#b42318}
.reader-pages{position:relative;padding-block:0!important;background-color:var(--reader-canvas)!important;background-image:var(--reader-canvas-decoration)!important}
.reader-pages figure{position:relative}
.reader-pages img{min-height:0}
.reader-root[data-reader-layout=scroll] .reader-pages figure{margin-bottom:0}
.reader-root[data-reader-layout=paged] .reader-pages{display:grid;place-items:center;min-height:calc(100svh - var(--active-reader-toolbar-height));padding:0 0 5.25rem!important;overflow:hidden;touch-action:pan-y;background-color:var(--reader-canvas)!important;background-image:var(--reader-canvas-decoration)!important}
.reader-root[data-reader-layout=paged] .reader-pages figure{display:grid;place-items:center;width:100%;min-height:calc(100svh - var(--active-reader-toolbar-height) - 5.25rem);margin:0 auto!important}
.reader-root[data-reader-layout=paged] .reader-pages figure[hidden]{display:none!important}
.reader-root[data-reader-layout=paged] .reader-pages img{width:auto;max-width:100%;max-height:calc(100svh - var(--active-reader-toolbar-height) - 5.25rem);min-height:0;object-fit:contain;margin:auto;box-shadow:0 16px 54px rgb(0 0 0 / 34%)}
.reader-page-controls{position:fixed;z-index:55;left:50%;bottom:max(.75rem,env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:grid;grid-template-columns:auto minmax(7.5rem,auto) minmax(8.5rem,auto) minmax(7.5rem,auto) auto;align-items:center;gap:.42rem;width:max-content;max-width:calc(100% - 1rem);padding:.45rem;border:1px solid var(--reader-control-border);border-radius:var(--radius);background:var(--reader-panel-bg);color:var(--reader-toolbar-text);box-shadow:var(--reader-toolbar-shadow),0 0 0 1px color-mix(in srgb,var(--accent) 9%,transparent);backdrop-filter:blur(16px);transition:opacity var(--reader-toolbar-transition)}
.reader-page-controls[hidden]{display:none}.reader-page-controls.is-away{opacity:0;pointer-events:none}.reader-page-controls button{min-height:44px;padding:.55rem .75rem;border:1px solid var(--reader-control-border);border-radius:calc(var(--radius) * .72);background:var(--reader-toolbar-button-bg);color:inherit;cursor:pointer;font-weight:800}.reader-page-controls button:hover,.reader-page-controls button:focus-visible{border-color:var(--accent);background:var(--reader-toolbar-button-hover)}.reader-page-controls button:disabled{opacity:.32;cursor:not-allowed}.reader-page-controls__boundary{display:flex;align-items:center;gap:.3rem}.reader-page-controls__boundary>span:first-child{font-size:1.05rem}.reader-page-jump{display:block}.reader-page-jump select{width:100%;min-width:8.5rem;min-height:44px;padding:.45rem 1.8rem .45rem .65rem;border:1px solid var(--reader-control-border);border-radius:calc(var(--radius) * .72);background:var(--reader-toolbar-button-bg);color:inherit;text-align:center;font-size:.78rem;font-weight:850;font-variant-numeric:tabular-nums;cursor:pointer}
.reader-page-edge{display:none;position:absolute;z-index:3;top:0;bottom:5.25rem;width:min(10vw,5.5rem);border:0;color:#fff;opacity:.18;cursor:pointer;font-size:clamp(2rem,5vw,4rem);transition:opacity var(--reader-toolbar-transition),background var(--reader-toolbar-transition)}.reader-root[data-reader-layout=paged] .reader-page-edge:not([hidden]){display:flex;align-items:center;justify-content:center}.reader-page-edge--back{left:0;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 24%,transparent),transparent)}.reader-page-edge--forward{right:0;background:linear-gradient(270deg,color-mix(in srgb,var(--accent) 24%,transparent),transparent)}.reader-root[data-reader-direction=rtl] .reader-page-edge--back{left:auto;right:0;background:linear-gradient(270deg,color-mix(in srgb,var(--accent) 24%,transparent),transparent)}.reader-root[data-reader-direction=rtl] .reader-page-edge--forward{right:auto;left:0;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 24%,transparent),transparent)}.reader-page-edge:hover,.reader-page-edge:focus-visible{opacity:.72}.reader-page-edge:disabled{opacity:0;pointer-events:none}
.reader-image-error{margin:1rem auto;padding:1rem;max-width:32rem;text-align:center;border:1px solid var(--border);background:var(--surface)}
.reader-image-error p{margin:0 0 .75rem}.reader-image-error button,.reader-image-error a{display:inline-flex;margin:.25rem;min-height:2.75rem;align-items:center}
.reader-complete{padding:2.5rem 1rem 3.25rem;text-align:center;color:var(--text);background:var(--reader-panel-bg);border-top:3px solid color-mix(in srgb,var(--accent) 72%,var(--border));box-shadow:inset 0 16px 42px color-mix(in srgb,var(--accent) 7%,transparent)}
.reader-complete__eyebrow{margin:0;color:var(--accent-dark);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.reader-complete h2{margin:.25rem 0 1.2rem;font-size:clamp(1.35rem,3vw,2rem)}
.reader-bottom-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:stretch;max-width:60rem;margin:auto}
.reader-bottom-nav a,.reader-bottom-nav span{display:flex;align-items:center;justify-content:center;min-height:52px;padding:.7rem .9rem;border:1px solid var(--reader-control-border);border-radius:var(--radius);background:var(--surface);color:var(--text);text-decoration:none;font-weight:800}
.reader-bottom-nav__next{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff}.reader-bottom-nav span{opacity:.55}
.reader-complete [data-scroll-top]{position:static;opacity:1;pointer-events:auto;margin-top:1rem;box-shadow:none}
.reader-page .comments-section{
    margin-block:1.25rem 2.5rem;
    padding:clamp(1rem,2.5vw,1.5rem);
    color:var(--text);
    background:var(--reader-panel-bg);
    border:1px solid var(--reader-control-border);
    border-top:3px solid color-mix(in srgb,var(--accent) 72%,var(--border));
    border-radius:var(--radius);
    box-shadow:var(--reader-overflow-shadow),inset 0 14px 34px color-mix(in srgb,var(--accent) 6%,transparent);
    backdrop-filter:blur(12px);
}
.reader-page .comments-heading{border-color:var(--reader-control-border)}
.reader-page .comments-signin,.reader-page .comments-empty{
    color:var(--text);
    background:color-mix(in srgb,var(--surface-soft) 76%,var(--reader-canvas));
    border-color:var(--reader-control-border);
}
.reader-page .comments-signin a,.reader-page .comment-reply summary{color:var(--accent-dark)}
.reader-page .comment-form,.reader-page .comment-card{
    color:var(--text);
    background:color-mix(in srgb,var(--surface) 88%,var(--reader-canvas));
    border-color:var(--reader-control-border);
}
.reader-page .comment-form textarea,.reader-page .comment-reply textarea{
    color:var(--text);
    background:var(--surface-soft);
    border-color:var(--reader-control-border);
}
html:fullscreen .reader-page,html:fullscreen .reader-main{background:var(--reader-canvas)}
@media(max-width:70rem){.reader-settings-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:46rem){
    :root{--reader-toolbar-height:48px}
    .reader-toolbar{gap:.2rem;padding-inline:max(.25rem,env(safe-area-inset-right,0px)) max(.25rem,env(safe-area-inset-left,0px))}
    .reader-toolbar__start,.reader-toolbar__actions{gap:.2rem}
    .reader-toolbar__manga-title{display:none}.reader-toolbar__chapter-title{font-size:.76rem;max-width:5.5rem}
    .reader-toolbar__button,.reader-chapter-selector>summary{min-width:44px;min-height:44px}
    .reader-chapter-selector>summary{max-width:6.5rem;padding:.25rem .45rem}
    .reader-fullscreen{display:none!important}
    .reader-chapter-selector{position:static}.reader-chapter-popover{position:absolute;left:.5rem;right:.5rem;top:calc(100% + .2rem);bottom:auto;width:auto;max-height:calc(100vh - var(--active-reader-toolbar-height) - 1rem);border-radius:.65rem}
    .reader-settings{left:.5rem;right:.5rem;width:auto;max-height:calc(100vh - var(--active-reader-toolbar-height) - .5rem)}
    .reader-settings-panel{grid-template-columns:1fr}
    .reader-bottom-nav{grid-template-columns:1fr 1fr}.reader-bottom-nav__back{grid-column:1/-1;grid-row:1}.reader-bottom-nav a,.reader-bottom-nav span{min-height:48px;font-size:.82rem}
    .reader-page-controls{grid-template-columns:minmax(5.8rem,1fr) minmax(7rem,auto) minmax(5.8rem,1fr);width:calc(100% - 1rem);gap:.3rem}.reader-page-controls__boundary{display:none!important}.reader-page-controls button{padding:.45rem;font-size:.76rem}.reader-page-jump select{min-width:7rem;padding-inline:.4rem 1.45rem;font-size:.72rem}.reader-page-edge{width:3.25rem;opacity:.12}
}
@media(max-width:40rem){
    .reader-toolbar__desktop-action{display:none!important}
    .js .reader-overflow-trigger{display:flex}
    .reader-overflow-menu:not([hidden]){display:grid}
}
@media(max-width:23rem){
    .reader-toolbar__next{display:none}
    .reader-overflow__very-narrow{display:flex!important}
    .reader-toolbar__chapter-title{max-width:4.5rem}.reader-chapter-selector>summary{max-width:5.4rem}
}
@media(prefers-reduced-motion:reduce){.reader-toolbar{transition:none!important}.reader-progress span{transition:none!important}}