#reader-settings-open{font:600 14px Arial,sans-serif;min-height:44px;padding:8px 10px;white-space:nowrap}
.passage-controls .font-controls #reader-settings-open{width:auto;min-width:0}
#reader-settings{box-sizing:border-box;width:min(620px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:0;color:#eee;background:#202630;border:1px solid #566171;border-radius:16px;box-shadow:0 12px 50px #0008;font:16px/1.5 Arial,sans-serif}
#reader-settings::backdrop{background:#0009}
#reader-settings .settings-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #485462}
#reader-settings h2{font:600 22px Arial,sans-serif;margin:0}
#reader-settings button,#reader-settings input,#reader-settings select{color:inherit;font:inherit}
#reader-settings button{cursor:pointer}
#reader-settings-close{border:0;background:transparent;min-height:44px;min-width:44px;font-size:26px!important}
#reader-settings .settings-body{padding:16px 18px;overflow:auto;max-height:calc(100dvh - 115px)}
#reader-settings .settings-size{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
#reader-settings .font-controls{margin:0;flex-shrink:0}
#reader-settings #font-smaller{font-size:18px}#reader-settings #font-larger{font-size:26px}
#reader-settings .settings-preview{font-family:var(--reader-font-family,Newsreader),Georgia,serif;font-size:calc(23px + var(--reading-font-offset,0px));line-height:1.55;padding:16px;background:#171b22;border-radius:10px;margin:10px 0 4px;overflow-wrap:anywhere}
#reader-settings .settings-selected{color:#e9d2a6;margin:0 0 10px}
#reader-settings .settings-status{min-height:1.5em;color:#b8c7d4;margin:4px 0 12px;font-size:14px}
#reader-settings .settings-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
#reader-settings label{display:block}
#reader-settings input,#reader-settings select{box-sizing:border-box;width:100%;border:1px solid #5b6570;border-radius:8px;background:#171b22;min-height:44px;padding:8px}
#reader-settings .settings-search{grid-column:1 / -1}
#reader-settings .settings-font-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#reader-settings .settings-font-choice{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:48px;border:1px solid #46515d;background:#29333e;border-radius:8px;padding:10px;text-align:left;overflow-wrap:anywhere;font-size:18px}
#reader-settings .settings-font-choice[aria-pressed=true]{background:#3b4b5d;border-color:#e9d2a6}
#reader-settings .settings-font-check{font:16px Arial,sans-serif;color:#e9d2a6}
#reader-settings-more{display:block;min-height:44px;padding:8px 18px;margin:16px auto 0;border:1px solid #566171;border-radius:8px;background:#303945}
#reader-settings-more[hidden]{display:none}
#reader-settings button:focus-visible,#reader-settings input:focus-visible,#reader-settings select:focus-visible{outline:2px solid #e9d2a6;outline-offset:2px}
@media(max-width:420px){#reader-settings .settings-font-list{grid-template-columns:1fr}#reader-settings .settings-body{padding:12px}#reader-settings .settings-controls{gap:8px}}
