.appearance-control{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--muted)}
.appearance-control select{border:1px solid var(--line);border-radius:7px;padding:.55rem;background:var(--surface);font:inherit;color:var(--ink);width:auto;max-width:150px}
.topnav .brand-mark{flex-shrink:0}
html[data-theme="dark"]{color-scheme:dark;--ink:#ededed;--muted:#adadad;--paper:#121212;--surface:#1e1e1e;--line:#383838;--accent:#bfd0c5;--lime:#292929;--blue:#2b2d30}
html[data-theme="dark"] .nav-link:hover,html[data-theme="dark"] .book-card:hover,html[data-theme="dark"] .secondary-button:hover,html[data-theme="dark"] .sermon-card:hover{background:#2b2b2b}
html[data-theme="dark"] .hero-copy h1 em{color:var(--ink)}
html[data-theme="dark"] .primary-button,html[data-theme="dark"] .admin-nav button.selected{background:#dedede;color:#171717}
html[data-theme="dark"] .primary-button:hover{background:#f0f0f0}
html[data-theme="dark"] .secondary-button{border-color:#545454}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .admin-main input,html[data-theme="dark"] .admin-main select,html[data-theme="dark"] .admin-main textarea,html[data-theme="dark"] dialog input{background:var(--surface);color:var(--ink);border-color:#484848}
html[data-theme="dark"] .reading-frame,html[data-theme="dark"] .chapter-chip,html[data-theme="dark"] .summary-note,html[data-theme="dark"] .sermon-card,html[data-theme="dark"] .admin-main,html[data-theme="dark"] .photo-grid article,html[data-theme="dark"] .photo-grid>button,html[data-theme="dark"] .rich-tools button,html[data-theme="dark"] dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .chapter-chip:hover{background:var(--lime)}
html[data-theme="dark"] .editor-panel,html[data-theme="dark"] .prose blockquote,html[data-theme="dark"] .study-empty,html[data-theme="dark"] .empty-state,html[data-theme="dark"] .rich-tools,html[data-theme="dark"] .import-local,html[data-theme="dark"] .language-original-notice{background:#242424;color:var(--ink)}
html[data-theme="dark"] .section-pill,html[data-theme="dark"] .tag{background:#303030}
html[data-theme="dark"] .sermon-card:nth-child(5n+1){background:#242424}
html[data-theme="dark"] .sermon-card:nth-child(5n+2){background:#292929}
html[data-theme="dark"] .verse{color:var(--ink)}
html[data-theme="dark"] .verse-number,html[data-theme="dark"] .save-explanation,html[data-theme="dark"] .admin-title p,html[data-theme="dark"] .muted,html[data-theme="dark"] .admin-item p,html[data-theme="dark"] #cloud-status{color:var(--muted)}
html[data-theme="dark"] .rich-tools,html[data-theme="dark"] .rich-editor,html[data-theme="dark"] .editor-save,html[data-theme="dark"] .admin-item{border-color:var(--line)}
html[data-theme="dark"] .quiet-button,html[data-theme="dark"] .danger-button,html[data-theme="dark"] .language-load-error{color:#ffb6a6}
html[data-theme="dark"] :focus-visible{outline-color:#9cc0ff}
html[data-theme="dark"] ::selection{background:#525252;color:#fff}
@media(max-width:700px){.appearance-control{margin:0 .75rem .5rem 0}.appearance-control span{font-size:.8rem}.appearance-control select{max-width:135px}.language-control{margin:0 0 .5rem auto}.nav-actions{gap:4px}.nav-link{flex-shrink:0}}
@media print{html[data-theme="dark"]{color-scheme:light;--ink:#152525;--muted:#5d6c6a;--paper:white;--surface:white;--line:#dce3dc;--accent:#124f43}body{background:white;color:#152525}}

.display-settings{position:relative;margin-left:6px;flex-shrink:0}
.display-settings>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;padding:11px 13px;border:1px solid var(--line);border-radius:7px;font-size:13px;color:var(--ink)}
.display-settings>summary::-webkit-details-marker{display:none}
.display-settings>summary:hover,.display-settings[open]>summary{background:var(--surface)}
.settings-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:40;width:330px;max-width:calc(100vw - 36px);padding:23px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px #0002}
.settings-panel h2{font-size:21px;letter-spacing:-.025em;margin-bottom:10px}
.settings-panel p{font-size:13px;line-height:1.65;color:var(--muted)}
.settings-panel .appearance-control{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:20px 0 12px;font-weight:600}
.settings-panel .appearance-control select{max-width:none;width:100%;min-height:46px}
.settings-panel .settings-hint{font-size:12px;margin-bottom:18px}
.settings-panel .secondary-button{width:100%;min-height:44px}
@media(max-width:700px){.nav-actions{gap:6px;justify-content:flex-start;padding-bottom:14px}.display-settings{margin-left:auto}.display-settings>summary{min-height:44px}.language-control{margin:0 8px 0 0}.settings-panel{max-height:70vh;overflow:auto}.nav-link{min-height:44px}}
@media print{.display-settings{display:none}}