.comic-reader-settings{width:min(430px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:1px solid #566077;border-radius:16px;padding:22px;background:#151b29;color:#f1f3f8;font:inherit}
.comic-reader-settings::backdrop{background:#0009}
.comic-settings-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.comic-settings-head h2{font-size:20px;margin:0}
.comic-reader-settings button{border:1px solid #566077;border-radius:8px;padding:10px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.comic-reader-settings fieldset{border:0;padding:0;margin:0 0 22px}
.comic-reader-settings legend{margin-bottom:10px}
.comic-settings-options{display:flex;gap:10px}
.comic-settings-options button{flex:1}
.comic-settings-options [aria-pressed="true"]{background:#6953a5;border-color:#bba5ff}
.comic-reader-settings label{display:flex;justify-content:space-between;gap:12px}
.comic-reader-settings input{width:100%;margin:14px 0;accent-color:#bba5ff}
.comic-reader-settings p{font-size:13px;color:#bac0ce;line-height:1.7}
.comic-reader-settings [data-reader-open-catalog]{width:100%;margin-top:12px}
body[data-comic-reader-theme] .reader-panels,body[data-comic-reader-theme] .reader-images,body[data-comic-reader-theme] .reader-pages>.reader-image{filter:brightness(var(--comic-reader-brightness,1))!important}
body[data-comic-reader-theme="dark"] .reader-main,body[data-comic-reader-theme="dark"] .reader-pages{background:#090e18!important;color:#f1f3f8!important}
body[data-comic-reader-theme="light"] .reader-main,body[data-comic-reader-theme="light"] .reader-pages{background:#eae5dc!important;color:#242838!important}
body[data-comic-reader-theme="sepia"] .reader-main,body[data-comic-reader-theme="sepia"] .reader-pages{background:#30291f!important;color:#f2e4ca!important}
body[data-comic-reader-theme="sepia"] .reader-panels,body[data-comic-reader-theme="sepia"] .reader-images,body[data-comic-reader-theme="sepia"] .reader-pages>.reader-image{filter:brightness(var(--comic-reader-brightness,1)) sepia(.25)!important}

/* Compact end-of-chapter notice across all nine reader themes. */
body .reader-end,body .chapter-end{margin-block:0!important;padding:6px 16px!important;min-height:0!important;background:transparent!important}
body .reader-end h2,body .chapter-end h2{margin:0!important;font-size:12px!important;font-weight:400;line-height:1.5}
body .reader-note{margin-block:0!important;padding-block:6px!important;background:transparent!important;font-size:12px!important}

/* Reading pages share the active theme's normal responsive shell width. */
body .app-shell.reader-shell{max-width:var(--page-shell-width)!important}
body .reader-main{box-sizing:border-box;width:100%;max-width:100%!important}
body .reader-bottom{max-width:var(--page-shell-width,var(--shell,100%))!important}

/* Comic panels fill the same column as the chapter navigation by default. */
body .reader-panels,body .reader-images,body .reader-pages{box-sizing:border-box;width:100%;max-width:100%;padding-inline:0!important;margin-inline:0!important}
body :is(.reader-panels,.reader-images,.reader-pages)>:is(.reader-panel,.reader-image){box-sizing:border-box;width:100%;max-width:100%;margin-inline:0;border-inline:0}

body :is(.app-shell.reader-shell,.reader-page .app){border-inline:0!important}