.reading-controls{margin-block:16px;color:var(--ink,#18263a);font-size:1rem}
.reading-controls summary{width:fit-content;min-height:44px;padding-block:6px}
.reading-options{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding-block:8px}
.reading-options label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%}
.reading-options p{flex-basis:100%;margin:0;font-size:0.875rem;color:var(--muted)}
html[data-reading-theme="dark"]{color-scheme:dark;--ink:#edf1f5;--muted:#c1cbd5;--line:#647387;--rose:#f1aac1}
html[data-reading-theme="light"]{color-scheme:light;--muted:#566168}
html[data-reading-theme="dark"] :is(body,.header,.skip,select,textarea){background:#141e2b;color:var(--ink)}
html[data-reading-theme="dark"] :is(.preview,.participate,.characters,.read-status,.editor-note,.coming-art,.profile-mark,.character-symbol){background:#223145;color:var(--ink)}
html[data-reading-theme="dark"] :is(.eyebrow,.coming-art small,.coming-art b){color:#e4c88f}
html[data-reading-theme="dark"] :is(a,button,summary,select,input,textarea):focus-visible{outline-color:#f1aac1}
html[data-reading-theme="dark"] .button{color:#101d32}
html[data-reading-theme="dark"] .button.secondary{color:#edf1f5}
.reading-controls{line-height:1.6;max-width:calc(100% - 32px);margin-inline:auto}
.reading-controls summary{font-weight:bold;font-size:1.125rem;cursor:pointer}
.reading-options select{font:inherit;max-width:100%;min-height:44px}
html[data-reading-theme="black"]{color-scheme:dark;--paper:#000;--ink:#fff;--muted:#fff;--line:#aaa;--rose:#ffb8d5;--gold:#ffe08a;--navy:#000}
/* Explicit mode: override decorative panels and component-local colours too. */
html[data-reading-theme="black"] body,
html[data-reading-theme="black"] body :where(header,footer,main,section,article,nav,aside,div,p,span,small,strong,b,h1,h2,h3,h4,label,summary,details,li,dt,dd,figcaption,fieldset,legend){background-color:#000!important;color:#fff!important}
html[data-reading-theme="black"] :is(a,button,input,select,textarea,.button){background-color:#000!important;color:#9fe5ff!important;border-color:#aaa!important}
html[data-reading-theme="black"] a{text-decoration:underline;text-underline-offset:.2em}
html[data-reading-theme="black"] :focus-visible{outline:3px solid #ffe08a!important;outline-offset:3px}
html[data-reading-theme="black"] .viewport{background:#000}
.reading-controls{padding:8px 18px;border:1px solid var(--line);border-left:3px solid var(--gold);background:#ebe5d8}
.reading-controls summary{display:list-item;min-height:44px;margin:0;font-size:0.9375rem;text-decoration:none}
.reading-controls summary small{margin-left:8px;font-size:0.75rem;font-weight:400;color:var(--muted)}
.reading-controls[open] summary{margin-bottom:7px}
html[data-reading-theme="dark"] .reading-controls{background:#223145}
html[data-reading-theme="black"] .reading-controls{background:#000;color:#fff}
html[data-reading-theme="dark"] .work-local-nav{background:#223145;color:var(--ink)}
/* Panels and controls whose light backgrounds otherwise outlive the theme. */
html[data-reading-theme="dark"] :is(.resident-story li,.town-photo,.town-record,.town-table table,.town-table thead,.work-reading-bookmarks,.shusaku-feedback button,[data-shusaku-wide],.shusaku-face-voice,.comic-list li a){background:#223145;color:var(--ink)}
html[data-reading-theme="dark"] :is(.work-comic-link,.comic-list>p){color:#c1cbd5}
html[data-reading-theme="dark"] #shelves .coming-art :is(b,small){color:#e4c88f}
html[data-reading-theme="dark"] :is(.comic-list li a:hover,.work-comic-link:hover){background:#35455b;color:var(--ink)}
html[data-reading-theme="dark"] .hob-bad .button{background:#101d32;color:#edf1f5}