/* Premium mobile settings redesign */
#stm .st-bd{
  background:rgba(15,15,18,.22);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
#stm .st-p{
  width:min(390px,100%);
  padding:0 16px calc(16px + env(safe-area-inset-bottom,0px));
  background:rgba(250,250,252,.96);
  border-left:1px solid rgba(0,0,0,.06);
  box-shadow:-18px 0 60px rgba(0,0,0,.13);
  gap:0;
}
#stm .st-hd{
  position:sticky;
  top:0;
  z-index:5;
  margin:0 -16px 14px;
  padding:18px 16px 13px;
  background:rgba(250,250,252,.94);
  border-bottom:1px solid rgba(0,0,0,.055);
  backdrop-filter:blur(24px) saturate(180%);
  -webkit-backdrop-filter:blur(24px) saturate(180%);
}
#stm .st-ttl{
  font-size:21px;
  font-weight:750;
  letter-spacing:-.55px;
}
#stm .st-hd .ib{
  width:34px;
  height:34px;
  border-radius:50%;
  background:rgba(0,0,0,.045);
  color:#5f6067;
}
#stm .st-hd .ib:hover{background:rgba(0,0,0,.08);transform:none}

#stm .st-sec{
  position:relative;
  margin:0 0 12px;
  padding:0;
  border:1px solid rgba(0,0,0,.065);
  border-radius:20px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 5px 18px rgba(0,0,0,.035);
}
#stm .st-sec>.st-lbl{
  min-height:52px;
  margin:0;
  padding:0 44px 0 48px;
  background:#fff;
  color:#202126;
  font-size:11px;
  font-weight:760;
  letter-spacing:.075em;
  display:flex;
  align-items:center;
  cursor:pointer;
  user-select:none;
  border-bottom:1px solid transparent;
  transition:background .18s ease,border-color .18s ease;
}
#stm .st-sec:not(.is-collapsed)>.st-lbl{
  background:#fbfbfc;
  border-bottom-color:rgba(0,0,0,.055);
}
#stm .st-sec>.st-lbl:hover{background:#f7f7f9}
#stm .st-sec>.st-lbl::before{
  content:'•';
  position:absolute;
  left:14px;
  top:12px;
  width:28px;
  height:28px;
  border-radius:9px;
  display:grid;
  place-items:center;
  background:#f1f2f5;
  color:#565861;
  font-size:15px;
  font-weight:800;
  letter-spacing:0;
}
#stm [data-settings-section="account"]>.st-lbl::before{content:'◉'}
#stm [data-settings-section="behaviour"]>.st-lbl::before{content:'⌁'}
#stm [data-settings-section="mode"]>.st-lbl::before{content:'◇'}
#stm [data-settings-section="appearance"]>.st-lbl::before{content:'◐'}
#stm [data-settings-section="prompt"]>.st-lbl::before{content:'✦'}
#stm [data-settings-section="data"]>.st-lbl::before{content:'↓';background:#fff0f0;color:#c84545}
#stm [data-settings-section="system"]>.st-lbl::before{content:'i'}
#stm .st-sec>.st-lbl::after{
  content:'';
  position:absolute;
  right:17px;
  top:20px;
  width:8px;
  height:8px;
  border-right:1.7px solid #9a9ca3;
  border-bottom:1.7px solid #9a9ca3;
  transform:rotate(45deg);
  transition:transform .2s ease,top .2s ease;
}
#stm .st-sec.is-collapsed>.st-lbl::after{
  top:22px;
  transform:rotate(-45deg);
}
#stm [data-settings-section="data"]>.st-lbl{
  color:#b33b3b;
  background:#fffafa;
}
#stm [data-settings-section="data"]:not(.is-collapsed)>.st-lbl{background:#fff6f6}

#stm .st-sec.is-collapsed>*:not(.st-lbl){display:none!important}
#stm .st-sec>.st-item,
#stm .st-sec>.st-uc,
#stm .st-sec>.sys-ta{
  margin-left:12px;
  margin-right:12px;
}
#stm .st-sec>.st-item:first-of-type,
#stm .st-sec>.st-uc:first-of-type,
#stm .st-sec>.sys-ta:first-of-type{margin-top:12px}
#stm .st-sec>.st-item:last-child,
#stm .st-sec>.st-uc:last-child,
#stm .st-sec>.sys-ta:last-child{margin-bottom:12px}

#stm .st-item{
  min-height:58px;
  padding:11px 12px;
  margin-bottom:7px;
  border:1px solid rgba(0,0,0,.055);
  border-radius:15px;
  background:#fafafb;
  transition:background .18s ease,border-color .18s ease;
}
#stm .st-item:hover{background:#f6f7f9;border-color:rgba(0,0,0,.09)}
#stm .st-il{font-size:13px;font-weight:650;letter-spacing:-.15px}
#stm .st-id{font-size:10.5px;line-height:1.35;margin-top:3px;color:#92949b}
#stm .st-uc{
  padding:13px;
  border:1px solid rgba(0,0,0,.055);
  border-radius:16px;
  background:#fafafb;
}
#stm .st-av{
  width:40px;
  height:40px;
  border-radius:12px;
  background:#17181c;
  color:#fff;
}
#stm .st-un{font-size:13.5px;font-weight:700}
#stm .st-ue{font-size:10.5px;margin-top:2px;color:#92949b}

#stm .tog{
  width:42px;
  height:25px;
  border-radius:999px;
  background:#dedfe3;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.035);
}
#stm .tog::after{
  top:3px;
  left:3px;
  width:19px;
  height:19px;
  box-shadow:0 2px 7px rgba(0,0,0,.18);
}
#stm .tog.on{background:#1d1e22}
#stm .tog.on::after{transform:translateX(17px)}

#stm .sm-btn,#stm .fs-btn{
  min-height:34px;
  padding:0 12px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.075);
  background:#fff;
  color:#4f5158;
  font-size:11px;
  font-weight:700;
  box-shadow:0 2px 6px rgba(0,0,0,.025);
}
#stm .sm-btn:hover,#stm .fs-btn:hover{background:#f0f1f3;color:#17181c}
#stm .fs-row{gap:5px;padding:3px;border-radius:12px;background:#f0f1f3}
#stm .fs-val{min-width:28px;font-size:11.5px}
#stm .sys-ta{
  min-height:110px;
  padding:13px 14px;
  border-radius:15px;
  background:#fafafb;
  line-height:1.55;
}
#stm .sys-ta:focus{background:#fff;box-shadow:0 0 0 3px rgba(0,113,227,.08)}

#stm .dng{
  margin:4px 0 2px;
  min-height:48px;
  border-radius:16px;
  background:#fff7f7;
  border:1px solid rgba(208,54,54,.18);
  color:#c63e3e;
  font-size:13px;
  font-weight:750;
  box-shadow:none;
}
#stm .dng:hover{background:#ffeded;border-color:rgba(208,54,54,.3)}

@media(max-width:480px){
  #stm{align-items:flex-end;justify-content:center}
  #stm .st-p{
    width:100%;
    max-height:88dvh;
    height:auto;
    border:0;
    border-radius:28px 28px 0 0;
    padding-left:14px;
    padding-right:14px;
    box-shadow:0 -18px 55px rgba(0,0,0,.16);
  }
  #stm .st-hd{margin-left:-14px;margin-right:-14px;padding-left:18px;padding-right:18px}
  #stm .st-sec{margin-bottom:10px;border-radius:18px}
  #stm .st-sec>.st-lbl{min-height:50px;padding-left:46px}
}

[data-theme=dark] #stm .st-p,
[data-theme=dark] #stm .st-hd{background:rgba(20,20,24,.96)}
[data-theme=dark] #stm .st-sec,
[data-theme=dark] #stm .st-sec>.st-lbl{background:#18191d;color:#f2f2f5;border-color:rgba(255,255,255,.075)}
[data-theme=dark] #stm .st-sec:not(.is-collapsed)>.st-lbl{background:#1d1e23}
[data-theme=dark] #stm .st-item,
[data-theme=dark] #stm .st-uc,
[data-theme=dark] #stm .sys-ta{background:#15161a;border-color:rgba(255,255,255,.065)}
[data-theme=dark] #stm .st-sec>.st-lbl::before{background:#27282e;color:#d7d8de}
[data-theme=dark] #stm .sm-btn,[data-theme=dark] #stm .fs-btn{background:#24252a;border-color:rgba(255,255,255,.08);color:#e4e4e8}
[data-theme=dark] #stm .dng{background:rgba(255,59,48,.08)}