/* Settings visuals only. IDs retain the existing preference behavior. */
#site-settings{--sp-bg:#f6f8fc;--sp-card:#fff;--sp-text:#17263b;--sp-muted:#65758b;--sp-border:#e1e7f0;--sp-accent:#2869cf;--sp-control:#f5f8fd;box-sizing:border-box;width:min(580px,calc(100% - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:0;overflow:auto;border:1px solid var(--sp-border);border-radius:20px;background:var(--sp-bg);color:var(--sp-text);font:14px/1.5 var(--font-ui);box-shadow:0 30px 100px #0d20354a,0 4px 18px #0d203519}
#site-settings *,#site-settings *::before,#site-settings *::after{box-sizing:border-box}
#site-settings::backdrop{background:#10203899;backdrop-filter:blur(5px)}
#site-settings .settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0;padding:30px 32px 27px;border-bottom:1px solid var(--sp-border);background:var(--sp-card)}
#site-settings .settings-eyebrow{display:block;color:var(--sp-accent);font-size:13px;font-weight:750;letter-spacing:1.8px;line-height:1.5;margin:0 0 9px}
#site-settings h2{color:var(--sp-text);font-family:var(--font-ui);font-size:34px;line-height:1.15;letter-spacing:-1.2px;font-weight:750;margin:0}
#site-settings h2>span{color:var(--sp-accent)}
#site-settings .settings-heading p{color:var(--sp-muted);font-size:13px;line-height:1.6;margin:10px 0 0}
#site-settings #site-settings-close{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;margin:0;padding:8px;border:1px solid var(--sp-border);border-radius:50%;background:var(--sp-bg);color:var(--sp-muted);cursor:pointer}
#site-settings #site-settings-close:hover{color:var(--sp-text);background:var(--sp-control)}
#site-settings svg{display:block;width:22px;height:22px;flex-shrink:0}
#site-settings #site-settings-close svg{width:16px;height:16px}
#site-settings .settings-content{display:grid;gap:14px;padding:24px}
#site-settings .settings-card{overflow:hidden;border:1px solid var(--sp-border);border-radius:12px;background:var(--sp-card)}
#site-settings .settings-card summary{display:flex;align-items:center;gap:13px;list-style:none;padding:18px 20px;cursor:pointer;font-weight:600;color:var(--sp-text)}
#site-settings .settings-card summary::-webkit-details-marker{display:none}
#site-settings .settings-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:11px}
#site-settings .settings-icon-appearance{color:#4069d0;background:#edf1ff}
#site-settings .settings-icon-sound{color:#267b70;background:#e9f5f1}
#site-settings .settings-card-heading{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
#site-settings .settings-card-heading>span{font-size:15px;font-weight:700;letter-spacing:-.2px}
#site-settings .settings-card-heading small{color:var(--sp-muted);font-size:13px;line-height:1.5;font-weight:400}
#site-settings .settings-chevron{width:18px;height:18px;color:var(--sp-muted);transform:rotate(-90deg)}
#site-settings details[open] .settings-chevron{transform:none}
#site-settings .settings-card-content{margin:0 20px;padding:17px 0 18px;border-top:1px solid var(--sp-border)}
#site-settings .settings-control-row{display:flex;align-items:center;justify-content:space-between;gap:20px}
#site-settings label{display:flex;flex-direction:column;gap:3px;color:var(--sp-text);font-size:13px;font-weight:600;line-height:1.5}
#site-settings label small{color:var(--sp-muted);font-size:13px;font-weight:400}
#site-settings .settings-select-wrap{position:relative;flex-shrink:0}
#site-settings select{display:block;width:110px;min-height:40px;padding:8px 34px 8px 14px;margin:0;border:1px solid var(--sp-border);border-radius:8px;appearance:none;background:var(--sp-control);color:var(--sp-text);font:600 13px/1.5 var(--font-ui);cursor:pointer}
#site-settings .settings-select-wrap>svg{position:absolute;right:11px;top:11px;width:18px;height:18px;color:var(--sp-muted);pointer-events:none}
#site-settings select:disabled{cursor:wait;opacity:.6}
#site-settings .settings-exam-note{display:flex;align-items:center;gap:7px;color:var(--sp-muted);font-size:13px;line-height:1.5;margin:14px 0 0}
#site-settings .settings-exam-note>span{width:5px;height:5px;border-radius:50%;background:#4b9584;flex-shrink:0}
#site-settings .settings-status{color:var(--sp-accent);font-size:13px;line-height:1.6;margin:12px 0 0;overflow-wrap:anywhere}
#site-settings .settings-status:empty{display:none}
#site-settings .settings-footer{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 24px 22px;margin:0;background:transparent;border:0;color:var(--sp-muted);font-size:13px}
#site-settings .settings-footer svg{width:16px;height:16px;color:#39856e}
#site-settings :focus-visible{outline:3px solid #5595f3;outline-offset:3px}
html[data-theme="dark"] #site-settings{--sp-bg:#111c2c;--sp-card:#19263a;--sp-text:#eaf0fa;--sp-muted:#a4b4ca;--sp-border:#2c3d56;--sp-accent:#94baff;--sp-control:#122036;background:var(--sp-bg);color:var(--sp-text);border-color:var(--sp-border);box-shadow:0 30px 100px #0008}
html[data-theme="dark"] #site-settings .settings-icon-appearance{color:#acbdff;background:#293650}
html[data-theme="dark"] #site-settings .settings-icon-sound{color:#8ad1bd;background:#203e3c}
html[data-theme="dark"] #site-settings::backdrop{background:#030a15b3}
@media(max-width:480px){#site-settings{width:calc(100% - 24px);max-height:calc(100dvh - 32px);border-radius:16px}#site-settings .settings-heading{padding:24px 22px 22px;gap:12px}#site-settings h2{font-size:30px}#site-settings .settings-content{padding:16px;gap:12px}#site-settings .settings-card summary{padding:16px;gap:10px}#site-settings .settings-card-content{margin:0 16px}#site-settings .settings-card-heading small{font-size:13px}#site-settings .settings-control-row{gap:12px}#site-settings select{width:94px}#site-settings .settings-footer{padding:0 16px 18px}}
@media(forced-colors:active){#site-settings select{appearance:auto}#site-settings .settings-select-wrap>svg{display:none}#site-settings .settings-icon{border:1px solid currentColor}}