.topbar .settings-trigger{min-height:40px;padding:8px 12px;font-size:.85rem;white-space:nowrap;border-radius:12px;cursor:pointer}
html[data-theme="light"] .topbar button.settings-trigger,
html[data-theme="light"] .site-settings button.secondary{background:#fff;color:#13191f;border:1px solid #a5afb9}
html[data-theme="light"] .site-settings .settings-reading button[aria-pressed="true"]{background:#13191f;color:#fff;border-color:#13191f}
.site-settings{box-sizing:border-box;width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 20px 70px #0004}
.site-settings::backdrop{background:#10182099}
.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-heading h2{font-size:1.4rem;margin:0}.settings-heading button{font-size:.85rem;padding:8px 12px}
.site-settings .settings-intro{margin:12px 0 20px;line-height:1.6;color:var(--muted)}
.site-settings section{border-top:1px solid var(--line);padding:18px 0}.site-settings h3{font-size:1rem;margin:0 0 8px}.site-settings section p{font-size:.9rem;line-height:1.6;margin:0 0 12px;color:var(--muted)}
.site-settings button{min-height:44px;font-size:.9rem;white-space:normal}.settings-reading{display:flex;flex-wrap:wrap;gap:8px}.settings-reading button[aria-pressed="true"]{background:#13191f;color:#fff;border-color:#13191f}
.site-settings [data-message-sound-status]:empty{display:none}.site-settings [data-message-sound-status]{margin:12px 0 0;overflow-wrap:anywhere}
.site-settings .settings-account,.site-settings .settings-help{display:block;min-height:44px;padding:12px 0}
html[data-theme="dark"] .site-settings{background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .site-settings button.secondary{background:var(--surface);color:var(--ink);border-color:#647c90}
html[data-theme="dark"] .topbar .settings-trigger{background:var(--surface);color:var(--ink);border-color:#647c90}
html[data-theme="dark"] .site-settings .settings-reading button[aria-pressed="true"]{background:#087cae;color:#fff;border-color:#67ceff}
@media(max-width:480px){.site-settings{padding:20px 16px}.topbar .settings-trigger{padding:7px 10px}}