#st{position:fixed;inset:0;z-index:5;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}
#st[hidden]{display:none}
#stc{background:var(--bg);color:var(--fg);border-radius:22px;padding:20px;width:min(340px,100%);box-shadow:0 20px 60px rgba(0,0,0,.45);animation:pop .16s ease-out}
#stc h2{margin:0 0 16px;font-size:17px}
.sg{margin-bottom:18px}
.sl{color:var(--mut);font-size:12px;margin-bottom:6px}
.seg{display:flex;gap:6px}
.seg button{flex:1;height:44px;border:0;border-radius:12px;background:var(--card);color:var(--fg);display:flex;align-items:center;justify-content:center;gap:6px;font:inherit}
.seg button svg{width:18px;height:18px}
.seg button.on{background:var(--ac);color:#fff}
.sw-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sw-row small{display:block;color:var(--mut);margin-top:2px}
.sw{flex:none;width:50px;height:30px;border-radius:15px;border:0;background:var(--card);position:relative;padding:0}
.sw:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--mut);transition:left .15s}
.sw[aria-checked="true"]{background:var(--ac)}
.sw[aria-checked="true"]:after{left:23px;background:#fff}
#stx{width:100%;height:44px;border-radius:14px}