/* Settings page: grouped rows, one control each (Apple-style inset groups). */
#main .set{--set-soft:color-mix(in srgb,var(--ink) 5%,var(--bg));--set-hair:color-mix(in srgb,var(--ink) 9%,var(--bg));max-width:640px}
#main div.set :is(h1,p){margin:0}
#main .set h1{margin:0 0 6px;font-size:30px;font-weight:600;letter-spacing:-.02em}
#main .set .set-sub{margin:0 0 32px;font-size:15px;color:var(--muted)}
#main .set .set-section{margin:0 0 8px;padding:0 16px;font-size:13px;font-weight:600;color:var(--muted)}
#main .set .set-group{margin:0 0 32px;border:1px solid var(--set-hair);border-radius:16px}
#main .set .set-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:12px 16px}
#main .set .set-row+.set-row{border-top:1px solid var(--set-hair)}
#main .set .set-label{font-size:15px;font-weight:500}
#main .set .set-hint{margin:2px 0 0;font-size:13px;color:var(--muted)}
#main .set .set-seg{flex:none;display:inline-flex;padding:3px;border-radius:999px;background:var(--set-soft)}
#main .set .set-seg button{all:unset;padding:6px 14px;border-radius:999px;font-size:13px;color:var(--muted);cursor:pointer;transition:background-color .2s,color .2s}
#main .set .set-seg button[aria-checked=true]{background:var(--bg);color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.06),0 0 0 1px var(--set-hair)}
#main .set .set-seg button:focus-visible,#main .set .set-switch:focus-visible,#main .set .set-test:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
#main .set .set-actions{flex:none;display:flex;align-items:center;gap:12px}
#main .set .set-test{all:unset;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer}
#main .set .set-test:disabled{color:var(--muted);cursor:default}
#main .set .set-switch{all:unset;position:relative;width:46px;height:28px;border-radius:999px;background:var(--set-hair);cursor:pointer;transition:background-color .2s}
#main .set .set-switch span{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s cubic-bezier(.2,.8,.2,1)}
#main .set .set-switch[aria-checked=true]{background:#34c759}
#main .set .set-switch[aria-checked=true] span{transform:translateX(18px)}
@media(max-width:600px){#main .set .set-row{flex-wrap:wrap}}