.manga-reader-frame{padding-block:1rem 3rem}.manga-reader{--reader-visible-height:calc(100dvh - 10rem);--reader-surface:var(--color-surface);--reader-surface-raised:var(--color-surface-raised);--reader-surface-sunken:var(--color-surface-sunken);--reader-border:var(--color-border);--reader-text:var(--color-text);--reader-muted:var(--color-text-muted);border:1px solid var(--reader-border);border-radius:var(--radius-lg);background:var(--reader-surface);color:var(--reader-text);min-width:0}.manga-reader[data-reader-theme=dark]{--reader-surface:#17171d;--reader-surface-raised:#222229;--reader-surface-sunken:#131318;--reader-border:#383840;--reader-text:#f2f0f5;--reader-muted:#b7b3bd}.manga-reader[data-reader-theme=light]{--reader-surface:#f8f7fb;--reader-surface-raised:#fff;--reader-surface-sunken:#f0eef5;--reader-border:#d8d4df;--reader-text:#25232a;--reader-muted:#625f69}@media (prefers-color-scheme:dark){.manga-reader[data-reader-theme=system]{--reader-surface:#17171d;--reader-surface-raised:#222229;--reader-surface-sunken:#131318;--reader-border:#383840;--reader-text:#f2f0f5;--reader-muted:#b7b3bd}}.manga-reader:fullscreen{--reader-visible-height:calc(100dvh - 6rem);border:0;border-radius:0;height:100dvh;overflow:auto}.manga-reader-toolbar{z-index:5;border-bottom:1px solid var(--reader-border);background:var(--reader-surface-raised);border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.6rem .8rem;display:flex;position:sticky;top:4.5625rem}.manga-reader:fullscreen .manga-reader-toolbar{transition:opacity .16s,transform .16s;top:0}.manga-reader:fullscreen[data-controls-visible=false] .manga-reader-toolbar{opacity:0;pointer-events:none;transform:translateY(-.75rem)}.manga-reader-toolbar h1{flex:1;min-width:8rem;font-size:1rem;font-weight:650}.manga-reader-navigation{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.manga-reader select{border:1px solid var(--reader-border);border-radius:var(--radius-sm);background:var(--reader-surface-sunken);max-width:100%;min-height:2.75rem;color:var(--reader-text);padding-inline:.5rem}.manga-reader-chapter-picker{border:1px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-accent-soft);flex-wrap:wrap;flex-basis:100%;align-items:center;gap:.45rem .75rem;padding:.65rem .8rem;display:flex}.manga-reader-chapter-picker label{color:var(--color-accent);align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;display:inline-flex}.manga-reader-chapter-picker select{border-color:var(--color-accent);background:var(--reader-surface-raised);cursor:pointer;flex:1;min-width:9rem;font-weight:650}.manga-reader-chapter-picker select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.manga-reader-chapter-count{color:var(--reader-muted);white-space:nowrap;font-size:.75rem}.manga-reader-settings summary{cursor:pointer;align-items:center;gap:.5rem;min-height:2.75rem;display:flex}.manga-reader-settings-panel{border:1px solid var(--reader-border);border-radius:var(--radius-md);background:var(--reader-surface-raised);width:min(27rem,100vw - 2rem);max-height:min(75dvh,52rem);box-shadow:var(--shadow-overlay);gap:.75rem;padding:1rem;display:grid;position:absolute;top:100%;right:.5rem;overflow-y:auto}.manga-reader-zoom{justify-content:center;align-items:center;gap:1rem;display:flex}.manga-reader-canvas{min-width:0;position:relative;overflow:auto clip}.manga-reader-pages{grid-template-columns:repeat(var(--reader-columns), minmax(0, 1fr));gap:var(--reader-gap);width:calc(100% * var(--reader-zoom));place-items:start center;margin-inline:auto;display:grid}.manga-reader[data-layout=vertical] .manga-reader-pages{grid-template-columns:minmax(0,1fr)}.manga-reader-page{width:100%;max-width:min(100%, var(--reader-container-width,1100px));background:#151518;flex-shrink:0;position:relative}.manga-reader[data-layout=spread] .manga-reader-page{max-width:none}.manga-reader[data-fit=height] .manga-reader-page{width:min(100%, calc(var(--reader-visible-height) * var(--page-ratio) * var(--reader-zoom)))}.manga-reader[data-fit=original] .manga-reader-pages{grid-template-columns:repeat(var(--reader-columns), max-content);width:max-content;min-width:100%}.manga-reader[data-fit=original] .manga-reader-page{width:calc(var(--page-width) * var(--reader-zoom));max-width:none}.manga-reader-page img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;filter:brightness(var(--reader-brightness,1));display:block;position:absolute;inset:0}.manga-reader-page-status{color:#f5f3ff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex;position:absolute;inset:0}.manga-reader-page-status .reader-control{color:#f5f3ff;background:#292534;border-color:#847d92}.manga-reader-zone{z-index:1;cursor:pointer;background:0 0;border:0;width:12%;position:absolute;top:0;bottom:0}.manga-reader-zone-left{left:0}.manga-reader-zone-right{right:0}.manga-reader-zone:disabled{cursor:default}.manga-reader-footer{gap:.75rem;padding:1rem;display:grid}.manga-reader-save,.manga-reader-notice{color:var(--reader-muted);font-size:.8rem}.manga-reader-notice{padding:.75rem 1rem}.manga-reader-chapters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;font-size:.875rem;display:flex}.manga-reader-chapters label{align-items:center;gap:.5rem;min-width:0;display:flex}.manga-reader-settings-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.manga-reader-settings-heading>div{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.manga-reader-settings-heading .reader-control{min-height:2.25rem;font-size:.75rem}.reader-setting-group{border:0;gap:.35rem;margin:0;padding:0;display:grid}.reader-setting-group legend,.manga-reader-range>span{color:var(--reader-muted);font-size:.78rem;font-weight:650}.reader-setting-segments{border:1px solid var(--reader-border);border-radius:var(--radius-md);background:var(--reader-surface-sunken);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:.2rem;display:grid}.reader-setting-segment{border-radius:calc(var(--radius-sm) + .1rem);min-width:0;min-height:2.25rem;color:var(--reader-muted);cursor:pointer;background:0 0;border:0;padding-inline:.4rem;font-size:.78rem;font-weight:650}.reader-setting-segment[data-active=true]{background:color-mix(in srgb, var(--reader-text) 14%, transparent);color:var(--reader-text)}.reader-setting-segment:focus-visible,.reader-setting-switch:focus-visible,.manga-reader-range input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.reader-setting-switch{border:0;border-bottom:1px dashed color-mix(in srgb, var(--reader-border) 70%, transparent);width:100%;color:var(--reader-text);cursor:pointer;font:inherit;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem 0;font-size:.84rem;font-weight:650;display:flex}.reader-setting-switch-track{background:color-mix(in srgb, var(--reader-muted) 30%, transparent);border-radius:999px;justify-content:flex-start;align-items:center;width:2.75rem;height:1.45rem;padding:.17rem;transition:background .16s;display:inline-flex}.reader-setting-switch-track>span{background:#fff;border-radius:50%;width:1.1rem;height:1.1rem;transition:transform .16s;box-shadow:0 1px 2px #0000004d}.reader-setting-switch[aria-checked=true] .reader-setting-switch-track{background:var(--color-accent);justify-content:flex-end}.manga-reader-range{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.4rem .75rem;display:grid}.manga-reader-range output{color:var(--reader-text);font-size:.8rem;font-weight:700}.manga-reader-range input,.manga-reader-range select{width:100%;accent-color:var(--color-accent);grid-column:1/-1}.manga-reader-range input[type=range]{min-height:1.5rem;padding:0}.manga-reader-page-number{z-index:2;color:#fff;text-align:center;background:#0000009e;border-radius:999px;min-width:1.75rem;padding:.18rem .4rem;font-size:.75rem;font-weight:700;position:absolute;bottom:.55rem;right:.55rem}.manga-reader-next-chapter{min-height:4.5rem;color:var(--reader-muted);place-items:center;font-size:.84rem;display:grid}.manga-reader-menu-reveal{z-index:8;top:max(.75rem, env(safe-area-inset-top));border:1px solid var(--reader-border);background:color-mix(in srgb, var(--reader-surface-raised) 92%, transparent);min-height:2.5rem;color:var(--reader-text);font:inherit;border-radius:999px;padding:.5rem .8rem;font-size:.8rem;font-weight:700;position:fixed;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.manga-reader:fullscreen .manga-reader-toolbar,.reader-setting-switch-track,.reader-setting-switch-track>span{transition:none}}@media (max-width:767px){.manga-reader-frame{padding-inline:0!important}.manga-reader-toolbar h1{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.manga-reader-toolbar{grid-template-columns:minmax(0,1fr) auto;padding:.4rem .65rem;display:grid}.manga-reader-navigation{min-width:0}.manga-reader-settings{align-self:start}.manga-reader-settings summary{justify-content:center;min-width:2.75rem}.manga-reader-settings-panel{width:min(100vw - 1rem,27rem);padding:.8rem;right:.25rem}.reader-setting-segment{font-size:.7rem}.reader-settings-label{display:none}.manga-reader-zone{width:15%}.manga-reader-chapters{flex-direction:column;align-items:stretch}.manga-reader-chapter-picker{grid-column:1/-1;padding:.55rem .65rem}.manga-reader-chapter-count{display:none}}
