/* ---------- settings ---------- */
.setlist{display:flex;flex-direction:column;gap:10px;padding:14px 16px 16px}
.setopt{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--rule);
  border-radius:3px;background:var(--sunk);cursor:pointer}
.setopt:hover{border-color:var(--ink-3)}
.setopt.on{border-color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber)}
.setopt .settxt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}
.setopt .settxt b{font-size:14.5px}
.setopt .settxt span{font-size:12.5px;color:var(--ink-3)}
.setopt input[type=radio]{appearance:none;width:16px;height:16px;flex:0 0 16px;margin:0;border-radius:50%;
  border:1.5px solid var(--ink-3);background:var(--card);position:relative;cursor:pointer}
.setopt input[type=radio]:checked{border-color:var(--amber)}
.setopt input[type=radio]:checked::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--amber)}
.swatch{display:flex;gap:3px;flex:0 0 auto;padding:5px;border-radius:3px;border:1px solid var(--rule)}
.swatch i{width:12px;height:12px;border-radius:50%}
.swatch.nocturne{background:#1F1E1D}
.swatch.pride-dark{background:#1C1624}
.switch{appearance:none;width:34px;height:20px;flex:0 0 34px;margin:0;border-radius:99px;cursor:pointer;
  background:var(--rule);position:relative;transition:background .12s}
.switch::after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;
  background:var(--ink-2);transition:transform .12s}
.switch:checked{background:var(--amber)}
.switch:checked::after{transform:translateX(14px);background:var(--card)}
.setopt .wk{flex:0 0 auto}

.setopt.sub{margin-left:26px;padding:8px 12px}
.setopt.sub .settxt b{font-size:13.5px}
.setopt.part .switch{background:color-mix(in srgb, var(--amber) 45%, var(--rule))}
/* stats */
.setopt.stat{cursor:default}
.setopt.stat:hover{border-color:var(--rule)}
.statin{width:84px;flex:0 0 84px}
.setnote{font-size:12.5px;color:var(--ink-3);margin:0;line-height:1.45}