#settings-panel{
  max-width:1120px;
  margin:40px auto 80px;
  padding:0 var(--gutter);
  position:relative;
  z-index:1;
  min-height:70vh;
}
#settings-panel.is-guest [data-auth-only]{display:none}
#settings-panel:not(.is-guest) [data-guest-only]{display:none}

.st-head{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:28px}
.st-head .back-btn{margin-bottom:18px}
.st-title{font-size:clamp(1.7rem,3.2vw,2.15rem);letter-spacing:-.025em;line-height:1.1}
.st-subtitle{margin-top:8px;color:var(--muted);font-size:.95rem;line-height:1.5}

.st-layout{
  display:grid;
  grid-template-columns:224px minmax(0,1fr);
  gap:28px;
  align-items:start;
}

.st-nav{
  position:sticky;
  top:calc(var(--header-h) + 20px);
  z-index:5;
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:8px;
  background:linear-gradient(180deg,var(--surface),var(--bg2));
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  box-shadow:var(--sh-1),var(--hair);
}
.st-nav-link{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  padding:10px 12px;
  border:none;
  border-radius:var(--r-sm);
  background:transparent;
  color:var(--text-2);
  font-family:var(--font-body);
  font-size:.9rem;
  font-weight:600;
  line-height:1.3;
  text-align:left;
  cursor:pointer;
  transition:color .2s var(--ease),background-color .2s var(--ease);
}
.st-nav-link i{
  width:18px;flex:0 0 18px;text-align:center;
  font-size:.86rem;color:var(--muted);
  transition:color .2s var(--ease);
}
.st-nav-link::before{
  content:'';
  position:absolute;left:0;top:10px;bottom:10px;width:3px;
  border-radius:0 3px 3px 0;
  background:var(--accent);
  opacity:0;
  transform:scaleY(.4);
  transition:opacity .2s var(--ease),transform .25s var(--ease-out);
}
.st-nav-link:hover{background:var(--surface2);color:var(--text)}
.st-nav-link:hover i{color:var(--text-2)}
.st-nav-link.active{background:rgba(var(--accent-rgb),.1);color:var(--text)}
.st-nav-link.active i{color:var(--accent)}
.st-nav-link.active::before{opacity:1;transform:none}
.st-nav-link.is-danger{margin-top:9px}
.st-nav-link.is-danger::after{
  content:'';
  position:absolute;left:12px;right:12px;top:-5px;height:1px;
  background:var(--border-soft);
  pointer-events:none;
}
.st-nav-link.is-danger::before{background:var(--danger)}
.st-nav-link.is-danger:hover i,
.st-nav-link.is-danger.active i{color:var(--danger)}
.st-nav-link.is-danger.active{background:rgba(255,92,92,.1)}

.st-content{display:flex;flex-direction:column;gap:30px;min-width:0}
.st-section{scroll-margin-top:calc(var(--header-h) + 20px)}
.st-section-head{display:flex;align-items:center;gap:11px;margin:0 0 12px 2px}
.st-section-icon{
  width:30px;height:30px;flex:0 0 30px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:var(--r-sm);
  background:rgba(var(--accent-rgb),.1);
  border:1px solid rgba(var(--accent-rgb),.2);
  color:var(--accent);
  font-size:.8rem;
}
.st-section-head h3{
  font-family:var(--font-display);
  font-size:1.1rem;
  font-weight:600;
  letter-spacing:-.01em;
  color:var(--text);
}
.st-section-danger .st-section-icon{
  background:rgba(255,92,92,.1);
  border-color:rgba(255,92,92,.24);
  color:var(--danger);
}

.st-card{
  background:linear-gradient(180deg,var(--surface),var(--bg2));
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  box-shadow:var(--sh-1),var(--hair);
  overflow:hidden;
}
.st-section-danger .st-card{
  background:linear-gradient(180deg,rgba(255,92,92,.06),var(--bg2) 70%);
  border-color:rgba(255,92,92,.22);
}

.st-row{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px 24px;
  padding:18px 22px;
  transition:background-color .2s var(--ease);
}
.st-row + .st-row::before{
  content:'';
  position:absolute;top:0;left:22px;right:22px;height:1px;
  background:rgba(255,255,255,.055);
  pointer-events:none;
}
label.st-row{cursor:pointer;user-select:none;-webkit-user-select:none}
@media(hover:hover){
  label.st-row:hover{background:rgba(255,255,255,.018)}
}
.st-row-wrap{flex-wrap:wrap}
.st-row-stacked{flex-direction:column;align-items:stretch;gap:14px}
.st-row-stacked .st-row-text{flex:0 0 auto}
.st-row-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 260px}
.st-row-title{
  display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;
  font-size:.95rem;font-weight:600;line-height:1.35;color:var(--text);
}
.st-row-desc{font-size:.83rem;line-height:1.55;color:var(--muted);max-width:64ch}
.st-row-control{display:flex;align-items:center;gap:10px;flex-shrink:0}

.st-note{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);white-space:nowrap}
.st-note i{font-size:.7rem;color:var(--muted)}
.st-locked-note{display:none;align-items:center;gap:7px;color:var(--text-2)}
.st-locked-note i{font-size:.7rem;color:var(--accent)}
#settings-panel .st-row.is-locked{pointer-events:none;cursor:default}
#settings-panel .st-row.is-locked .st-locked-note{display:flex}
#settings-panel .st-row.is-locked .settings-toggle{opacity:.45}
#settings-panel .st-row.is-locked .st-row-title{color:var(--text-2)}

.st-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:40px;padding:0 16px;
  border-radius:var(--r-sm);
  border:1px solid var(--border);
  background:var(--surface2);
  color:var(--text-2);
  font-family:var(--font-display);
  font-size:.88rem;font-weight:600;
  white-space:nowrap;text-decoration:none;
  cursor:pointer;
  transition:color .2s var(--ease),background-color .2s var(--ease),border-color .2s var(--ease),box-shadow .25s var(--ease),transform .2s var(--ease),opacity .2s var(--ease);
}
.st-btn i{font-size:.86em}
.st-btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface3)}
.st-btn:active:not(:disabled){transform:scale(.97);transition-duration:.08s}
.st-btn-primary{
  background:linear-gradient(180deg,var(--accent),var(--accent-dark));
  border-color:transparent;
  color:var(--on-accent,#0a0a12);
  font-weight:700;
  box-shadow:0 10px 24px -12px rgba(var(--accent-rgb),.9),inset 0 1px 0 rgba(255,255,255,.26);
}
.st-btn-primary:hover{
  background:linear-gradient(180deg,var(--accent),var(--accent-dark));
  border-color:transparent;
  color:var(--on-accent,#0a0a12);
  transform:translateY(-1px);
  box-shadow:0 14px 28px -12px rgba(var(--accent-rgb),1),inset 0 1px 0 rgba(255,255,255,.32);
}
.st-btn-primary i.fa-steam{font-size:1.05rem}
.st-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.st-btn-primary:disabled{background:var(--surface3);color:var(--muted);opacity:1}
.st-btn-danger{
  background:rgba(255,92,92,.1);
  border-color:rgba(255,92,92,.35);
  color:var(--danger);
}
.st-btn-danger:hover{background:rgba(255,92,92,.18);border-color:rgba(255,92,92,.6);color:#ff7a7a}

.st-icon-btn{
  width:36px;height:36px;flex:0 0 36px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:var(--r-sm);
  border:1px solid var(--border);
  background:var(--surface2);
  color:var(--text-2);
  font-family:inherit;font-size:.9rem;
  cursor:pointer;
  transition:color .2s var(--ease),background-color .2s var(--ease),border-color .2s var(--ease);
}
.st-icon-btn:hover{color:var(--accent);border-color:rgba(var(--accent-rgb),.45);background:var(--surface3)}
.st-icon-btn-sm{width:28px;height:28px;flex-basis:28px;border-radius:var(--r-xs);font-size:.78rem}
.st-icon-btn.is-muted{color:var(--muted)}

.st-select{
  min-width:190px;height:40px;
  padding:0 38px 0 14px;
  background-color:var(--surface2);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%237a8194' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  border:1px solid var(--border);
  border-radius:var(--r-sm);
  color:var(--text);
  font-family:var(--font-body);
  font-size:.9rem;font-weight:600;
  -webkit-appearance:none;appearance:none;
  cursor:pointer;outline:none;
  transition:border-color .2s var(--ease),background-color .2s var(--ease);
}
.st-select:hover{border-color:var(--border-strong);background-color:var(--surface3)}
.st-select:focus{border-color:rgba(var(--accent-rgb),.6)}
.st-select option{background:var(--surface);color:var(--text)}

.st-lang{position:relative;display:inline-flex}
.st-card:has(.st-lang.is-open){overflow:visible}
.st-lang-btn{display:inline-flex;align-items:center;gap:10px;text-align:left}
.st-lang.is-open .st-lang-btn{border-color:rgba(var(--accent-rgb),.6);background-color:var(--surface3)}
.st-lang-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-lang-menu{
  position:absolute;top:calc(100% + 8px);right:0;z-index:20;
  min-width:100%;
  display:flex;flex-direction:column;gap:2px;
  padding:6px;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--r-md);
  box-shadow:var(--sh-3),var(--hair);
  opacity:0;visibility:hidden;
  transform:translateY(-6px) scale(.98);transform-origin:top right;
  pointer-events:none;
  transition:opacity .18s var(--ease),transform .22s var(--ease),visibility 0s linear .22s;
}
.st-lang.is-up .st-lang-menu{top:auto;bottom:calc(100% + 8px);transform:translateY(6px) scale(.98);transform-origin:bottom right}
.st-lang.is-open .st-lang-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .18s var(--ease),transform .22s var(--ease)}
.st-lang-opt{
  display:flex;align-items:center;gap:10px;
  width:100%;padding:9px 10px;
  border:none;border-radius:var(--r-sm);
  background:transparent;
  color:var(--text-2);
  font-family:var(--font-body);font-size:.88rem;font-weight:600;
  text-align:left;white-space:nowrap;
  cursor:pointer;outline:none;
  transition:background-color .15s var(--ease),color .15s var(--ease);
}
.st-lang-opt:hover,.st-lang-opt:focus-visible{background:var(--surface2);color:var(--text)}
.st-lang-opt[aria-selected="true"]{color:var(--text)}
.st-lang-opt .fa-check{margin-left:auto;padding-left:12px;font-size:.78rem;color:var(--accent);visibility:hidden}
.st-lang-opt[aria-selected="true"] .fa-check{visibility:visible}
.st-row[hidden]{display:none}
.st-cur-sign{
  width:20px;height:20px;flex:0 0 20px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:rgba(var(--accent-rgb),.16);
  color:var(--accent);
  font-size:.62rem;line-height:1;
}
.st-cur-sign i{line-height:1;transform:translateY(.12em)}
.cur-sign i{line-height:1;transform:translateY(.04em)}
.st-flag{
  width:20px;height:15px;flex:0 0 20px;
  border-radius:3px;
  background:var(--surface3) center/cover no-repeat;
}
.st-flag[data-flag="en"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cpath fill='%23012169' d='M0 0h640v480H0z'/%3E%3Cpath fill='%23fff' d='m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z'/%3E%3Cpath fill='%23C8102E' d='m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z'/%3E%3Cpath fill='%23fff' d='M241 0v480h160V0zM0 160v160h640V160z'/%3E%3Cpath fill='%23C8102E' d='M0 193v96h640v-96zM273 0v480h96V0z'/%3E%3C/svg%3E")}
.st-flag[data-flag="ru"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cpath fill='%23fff' d='M0 0h640v160H0z'/%3E%3Cpath fill='%230039A6' d='M0 160h640v160H0z'/%3E%3Cpath fill='%23D52B1E' d='M0 320h640v160H0z'/%3E%3C/svg%3E")}
.st-flag[data-flag="es"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cpath fill='%23AA151B' d='M0 0h640v480H0z'/%3E%3Cpath fill='%23F1BF00' d='M0 120h640v240H0z'/%3E%3Cpath fill='%23A7A7A7' d='M128 186h12v72h-12zM224 186h12v72h-12z'/%3E%3Cpath fill='%23AD1519' d='M154 154h56l-6 18h-44z'/%3E%3CclipPath id='s'%3E%3Cpath d='M150 178h64v54a32 32 0 0 1-64 0z'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23s)'%3E%3Cpath fill='%23AD1519' d='M150 178h64v90h-64z'/%3E%3Cpath fill='%23fff' d='M182 178h32v28h-32zM150 206h32v62h-32z'/%3E%3C/g%3E%3C/svg%3E")}
.st-flag[data-flag="de"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cpath fill='%23000' d='M0 0h640v160H0z'/%3E%3Cpath fill='%23D00' d='M0 160h640v160H0z'/%3E%3Cpath fill='%23FFCE00' d='M0 320h640v160H0z'/%3E%3C/svg%3E")}
.st-flag[data-flag="fr"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cpath fill='%23fff' d='M0 0h640v480H0z'/%3E%3Cpath fill='%23002395' d='M0 0h213.3v480H0z'/%3E%3Cpath fill='%23ED2939' d='M426.7 0H640v480H426.7z'/%3E%3C/svg%3E")}
.st-flag[data-flag="pt"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cpath fill='%23F00' d='M0 0h640v480H0z'/%3E%3Cpath fill='%23060' d='M0 0h256v480H0z'/%3E%3Ccircle cx='256' cy='240' r='84' fill='none' stroke='%23FC0' stroke-width='22'/%3E%3Cpath fill='%23F00' d='M214 186h84v62a42 42 0 0 1-84 0z'/%3E%3Cpath fill='%23fff' d='M230 202h52v46a26 26 0 0 1-52 0z'/%3E%3Cpath fill='%23003399' d='M246 214h20v22h-20z'/%3E%3C/svg%3E")}
.st-flag[data-flag="tr"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cpath fill='%23E30A17' d='M0 0h640v480H0z'/%3E%3Ccircle cx='240' cy='240' r='120' fill='%23fff'/%3E%3Ccircle cx='270' cy='240' r='96' fill='%23E30A17'/%3E%3Cpath fill='%23fff' d='M348 240L389.5 226.5L389.5 182.9L415.1 218.2L456.5 204.7L430.9 240L456.5 275.3L415.1 261.8L389.5 297.1L389.5 253.5z'/%3E%3C/svg%3E")}
.st-flag[data-flag="zh"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cpath fill='%23EE1C25' d='M0 0h640v480H0z'/%3E%3Cpath fill='%23FF0' d='M120 48L136.2 97.7L188.5 97.8L146.2 128.5L162.3 178.2L120 147.5L77.7 178.2L93.8 128.5L51.5 97.8L103.8 97.7zM219.4 60.3L230.9 47.2L221.9 32.2L237.9 39.1L249.4 25.9L247.9 43.3L263.9 50.1L246.9 54L245.4 71.4L236.4 56.4zM264.2 99.4L279.9 91.7L277.4 74.5L289.6 87L305.2 79.3L297.1 94.7L309.2 107.2L292 104.2L283.9 119.6L281.4 102.4zM264.9 161.4L282.3 160.8L287.1 144L293.1 160.4L310.5 159.8L296.8 170.5L302.8 186.9L288.3 177.2L274.6 187.9L279.4 171.1zM221.3 201L237.6 207.2L248.5 193.5L247.7 211L264 217.1L247.2 221.7L246.3 239.1L236.8 224.6L219.9 229.2L230.8 215.6z'/%3E%3C/svg%3E")}
.st-flag[data-flag="pl"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cpath fill='%23fff' d='M0 0h640v240H0z'/%3E%3Cpath fill='%23DC143C' d='M0 240h640v240H0z'/%3E%3C/svg%3E")}
.st-flag[data-flag="uk"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cpath fill='%230057B7' d='M0 0h640v240H0z'/%3E%3Cpath fill='%23FFD700' d='M0 240h640v240H0z'/%3E%3C/svg%3E")}
.st-flag[data-flag="it"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cpath fill='%23009246' d='M0 0h214v480H0z'/%3E%3Cpath fill='%23fff' d='M214 0h212v480H214z'/%3E%3Cpath fill='%23CE2B37' d='M426 0h214v480H426z'/%3E%3C/svg%3E")}
.st-flag[data-flag="ka"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cpath fill='%23fff' d='M0 0h640v480H0z'/%3E%3Cpath fill='%23FF0000' d='M272 0h96v480h-96zM0 192h640v96H0z'/%3E%3Cpath fill='%23FF0000' d='M130 90L121 42L151 42L142 90L190 81L190 111L142 102L151 150L121 150L130 102L82 111L82 81ZM498 90L489 42L519 42L510 90L558 81L558 111L510 102L519 150L489 150L498 102L450 111L450 81ZM130 378L121 330L151 330L142 378L190 369L190 399L142 390L151 438L121 438L130 390L82 399L82 369ZM498 378L489 330L519 330L510 378L558 369L558 399L510 390L519 438L489 438L498 390L450 399L450 369Z'/%3E%3C/svg%3E")}

#settings-panel .accent-colors{display:flex;flex-wrap:wrap;gap:10px}
#settings-panel .accent-swatch{
  width:32px;height:32px;
  border-radius:50%;
  box-shadow:none;
}
#settings-panel .accent-swatch:hover{transform:translateY(-2px);box-shadow:0 8px 16px -8px rgba(0,0,0,.9)}
#settings-panel .accent-swatch.active{box-shadow:0 0 0 2px var(--bg2),0 0 0 4px var(--text)}
#settings-panel .accent-swatch.active:hover{box-shadow:0 0 0 2px var(--bg2),0 0 0 4px var(--text),0 8px 16px -8px rgba(0,0,0,.9)}
#settings-panel .accent-swatch.active::after{font-size:.74rem}
#settings-panel .accent-swatch[data-accent="purpleEyes"]::after{color:#fff}
.st-accent-name{color:var(--accent);font-weight:600}
.st-accent-name:empty{display:none}

.st-volume{gap:12px}
.st-slider{
  -webkit-appearance:none;appearance:none;
  width:210px;height:6px;margin:0;
  border-radius:99px;
  background:linear-gradient(90deg,var(--accent) 0 var(--fill,70%),var(--surface3) var(--fill,70%) 100%);
  outline:none;cursor:pointer;
}
.st-slider::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;
  width:18px;height:18px;border-radius:50%;
  background:var(--text);
  box-shadow:0 0 0 4px rgba(var(--accent-rgb),.24),0 2px 6px rgba(0,0,0,.5);
  cursor:pointer;
  transition:box-shadow .2s var(--ease);
}
.st-slider:hover::-webkit-slider-thumb{box-shadow:0 0 0 6px rgba(var(--accent-rgb),.28),0 2px 6px rgba(0,0,0,.5)}
.st-slider::-moz-range-track{height:6px;background:transparent;border:none}
.st-slider::-moz-range-thumb{
  width:18px;height:18px;border:none;border-radius:50%;
  background:var(--text);
  box-shadow:0 0 0 4px rgba(var(--accent-rgb),.24),0 2px 6px rgba(0,0,0,.5);
  cursor:pointer;
}
#settings-panel .volume-value{
  line-height:1;
  text-box:trim-both cap alphabetic;
  min-width:44px;
  font-family:var(--font-num);font-weight:700;font-size:1rem;
  font-variant-numeric:tabular-nums;
  text-align:right;color:var(--text);
}

.st-profile{gap:12px 16px}
.st-profile .st-row-text{flex-basis:200px}
.st-avatar{
  width:52px;height:52px;flex:0 0 52px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:50%;
  overflow:hidden;
  background:var(--surface3);
  border:1px solid var(--border);
  color:var(--muted);
  font-size:1.2rem;
}
.st-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.st-avatar-steam{color:var(--steam);font-size:1.55rem}
.st-profile-name{
  font-family:var(--font-display);
  font-size:1.12rem;font-weight:600;
  color:var(--text);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.st-id{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--muted)}
.st-id-label,.st-id-value{line-height:1;text-box:trim-both cap alphabetic}
.st-id-value{
  font-family:var(--font-num);
  font-size:1rem;font-weight:700;
  letter-spacing:.02em;
  color:var(--text-2);
}
#settings-steam-profile i{color:var(--steam);font-size:1rem}

.st-debug{
  display:flex;align-items:center;justify-content:center;gap:10px;
  margin-top:-6px;
  color:var(--muted);
  font-size:.76rem;
  opacity:.7;
}
.st-debug-text{text-align:center;line-height:1.5;overflow-wrap:anywhere}
.st-debug-v{font-family:var(--font-num);font-size:.9rem;font-weight:600;letter-spacing:.03em}

.st-badge{
  display:inline-flex;align-items:center;gap:6px;
  padding:6.5px 10px;
  border-radius:99px;
  border:1px solid transparent;
  font-family:var(--font-body);
  font-size:.72rem;font-weight:700;
  letter-spacing:.02em;line-height:1;
}
.st-badge-text{line-height:1;text-box:trim-both cap alphabetic}
.st-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.st-badge:empty{display:none}
.st-badge[data-state="set"]{color:var(--ok);background:rgba(var(--ok-rgb),.1);border-color:rgba(var(--ok-rgb),.28)}
.st-badge[data-state="missing"]{color:var(--warn);background:rgba(255,184,77,.1);border-color:rgba(255,184,77,.28)}
.st-badge[data-state="dirty"]{color:var(--text-2);background:rgba(255,255,255,.06);border-color:var(--border-strong)}
.st-badge[data-state="dirty"]::before{background:var(--accent)}

.st-trade-form{display:flex;align-items:stretch;gap:10px}
.st-input-wrap{position:relative;flex:1;min-width:0}
.st-input{
  width:100%;height:44px;
  padding:0 46px 0 14px;
  background:var(--surface2);
  border:1px solid var(--border);
  border-radius:var(--r-sm);
  color:var(--text);
  font-family:var(--font-body);
  font-size:.88rem;
  outline:none;
  text-overflow:ellipsis;
  transition:border-color .2s var(--ease),background-color .2s var(--ease);
}
.st-input::placeholder{color:var(--muted);opacity:1}
.st-input:hover{border-color:var(--border-strong)}
.st-input:focus{border-color:rgba(var(--accent-rgb),.6);background:var(--surface3)}
.st-input.is-invalid{border-color:rgba(255,92,92,.65);background:rgba(255,92,92,.07)}
.st-input-clear{
  position:absolute;right:6px;top:50%;
  width:32px;height:32px;
  margin-top:-16px;
  display:inline-flex;align-items:center;justify-content:center;
  border:none;border-radius:var(--r-xs);
  background:transparent;
  color:var(--muted);
  font-family:inherit;font-size:.92rem;
  cursor:pointer;
  transition:color .2s var(--ease),background-color .2s var(--ease),opacity .2s var(--ease);
}
.st-input-clear:hover:not(:disabled){color:var(--danger);background:rgba(255,92,92,.1)}
.st-input-clear:disabled{opacity:0;pointer-events:none}
.st-trade-form .st-btn{height:44px;padding:0 20px}
.st-field-error{
  display:flex;align-items:flex-start;gap:8px;
  margin-top:-4px;
  color:var(--danger);
  font-size:.83rem;line-height:1.45;
}
.st-field-error::before{
  content:'\f06a';
  font-family:'Font Awesome 6 Free';font-weight:900;
  font-size:.8rem;line-height:1.45;
}
.st-link{
  align-self:flex-start;
  display:inline-flex;align-items:center;gap:7px;
  color:var(--accent);
  font-size:.84rem;font-weight:600;
  text-decoration:none;
}
.st-link i{font-size:.68rem}
.st-link:hover{text-decoration:underline;text-underline-offset:3px}
@keyframes stAttention{
  0%{background-color:rgba(var(--accent-rgb),.14);box-shadow:inset 0 0 0 2px rgba(var(--accent-rgb),.7)}
  100%{background-color:rgba(var(--accent-rgb),0);box-shadow:inset 0 0 0 2px rgba(var(--accent-rgb),0)}
}
#settings-panel .st-trade.attention-highlight{animation:stAttention .8s ease-out}

@media(max-width:900px){
  #settings-panel{margin-top:24px}
  .st-head{margin-bottom:18px}
  .st-head .back-btn{margin-bottom:14px}
  .st-layout{grid-template-columns:minmax(0,1fr);gap:20px}
  .st-nav{
    top:var(--header-h);
    margin:0 calc(var(--gutter) * -1);
    flex-direction:row;
    gap:6px;
    padding:10px var(--gutter);
    overflow-x:auto;
    scrollbar-width:none;
    border:none;
    border-bottom:1px solid var(--border-soft);
    border-radius:0;
    background:rgba(8,9,13,.92);
    backdrop-filter:blur(14px) saturate(140%);
    -webkit-backdrop-filter:blur(14px) saturate(140%);
    box-shadow:0 12px 26px -18px rgba(0,0,0,.9);
  }
  .st-nav::-webkit-scrollbar{display:none}
  .st-nav-link{width:auto;flex:0 0 auto;padding:8px 14px;gap:8px;border-radius:99px;background:var(--surface);font-size:.85rem;white-space:nowrap}
  .st-nav-link:hover{background:var(--surface2)}
  .st-nav-link.active{background:rgba(var(--accent-rgb),.14)}
  .st-nav-link i{width:auto;flex:0 0 auto;font-size:.8rem}
  .st-nav-link::before{display:none}
  .st-nav-link.is-danger{margin-top:0}
  .st-nav-link.is-danger::after{display:none}
  .st-section{scroll-margin-top:calc(var(--header-h) + 76px)}
  .st-content{gap:26px}
}

@media(max-width:600px){
  .st-row{padding:16px}
  .st-row + .st-row::before{left:16px;right:16px}
  label.st-row{align-items:flex-start}
  label.st-row .st-row-control{padding-top:1px}
  .st-row-wrap{flex-direction:column;align-items:stretch}
  .st-row-wrap .st-row-text{flex-basis:auto}
  .st-row-wrap .st-row-control > .st-btn{flex:1}
  .st-row-wrap .st-lang{flex:1}
  .st-row-wrap .st-lang .st-select{width:100%}
  .st-select{min-width:0;width:158px}
  .st-volume .st-slider{flex:1;width:auto;min-width:0}
  .st-profile{flex-wrap:wrap}
  .st-profile .st-row-text{flex:1 1 0}
  .st-profile > .st-btn{flex:1 1 100%}
  .st-trade-form{flex-direction:column}
  .st-trade-form .st-btn{width:100%}
  .st-guest .st-row{flex-wrap:wrap}
  .st-guest .st-row-text{flex:1 1 0}
  .st-guest .st-btn{flex:1 1 100%}
}

@supports not (text-box:trim-both cap alphabetic){
  .st-id-value,#settings-panel .volume-value{line-height:.64;transform:translateY(.03em)}
  .st-id-label,.st-badge-text{line-height:.7;transform:translateY(-.05em)}
}

#delete-account-modal .del-card{
  width:min(92vw,460px);
  padding:30px 28px 22px;
  background:
    radial-gradient(ellipse 90% 50% at 50% 0%,rgba(255,92,92,.1),transparent 70%),
    linear-gradient(180deg,var(--surface),var(--bg2));
}
#delete-account-modal .del-close{
  position:absolute;top:12px;right:12px;
  width:34px;height:34px;
  display:flex;align-items:center;justify-content:center;
  border:none;border-radius:var(--r-sm);
  background:transparent;
  color:var(--muted);
  font-family:inherit;font-size:1rem;
  cursor:pointer;
  transition:color .2s var(--ease),background-color .2s var(--ease);
}
#delete-account-modal .del-close:hover:not(:disabled){color:var(--text);background:rgba(255,255,255,.06)}
#delete-account-modal .del-close:disabled{opacity:.4;cursor:default}
#delete-account-modal .del-lead{margin:8px auto 0;max-width:38ch;font-size:.88rem;line-height:1.55;color:var(--muted)}

#delete-account-modal .del-loss{
  margin-top:20px;
  padding:16px;
  border-radius:var(--r-lg);
  border:1px solid rgba(255,92,92,.2);
  background:linear-gradient(180deg,rgba(255,92,92,.07),rgba(255,92,92,.02));
  text-align:left;
}
#delete-account-modal .del-loss-head{
  margin-bottom:12px;
  font-family:var(--font-display);
  font-size:.72rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;
  color:var(--danger);
}
#delete-account-modal .del-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#delete-account-modal .del-stat{
  display:flex;flex-direction:column;justify-content:space-between;gap:8px;
  min-width:0;
  padding:12px 14px;
  border-radius:var(--r-md);
  border:1px solid var(--border-soft);
  background:rgba(8,9,13,.55);
}
#delete-account-modal .del-stat-label{font-size:.76rem;line-height:1.3;color:var(--muted)}
#delete-account-modal .del-stat-value{
  display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;
  font-family:var(--font-num);font-variant-numeric:tabular-nums;
}
#delete-account-modal .del-stat-value b{display:inline-flex;align-items:center;gap:6px;font-size:1.5rem;font-weight:700;line-height:1;color:var(--text)}
#delete-account-modal .del-stat-value .rc-icon{width:20px;height:20px;transform:none}
#delete-account-modal .del-stat-value em{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:.95rem;font-weight:600;color:var(--muted)}
#delete-account-modal .del-stat-value em .rc-icon{width:14px;height:14px}
#delete-account-modal .del-loss-list{list-style:none;margin:14px 0 0;display:flex;flex-direction:column;gap:9px}
#delete-account-modal .del-loss-list li{display:flex;align-items:flex-start;gap:10px;font-size:.84rem;line-height:1.45;color:var(--text-2)}
#delete-account-modal .del-loss-list i{flex:0 0 16px;margin-top:3px;text-align:center;font-size:.78rem;color:rgba(255,92,92,.8)}

#delete-account-modal .del-confirm{display:flex;flex-direction:column;gap:9px;margin-top:20px;text-align:left}
#delete-account-modal .del-confirm-hint{font-size:.86rem;line-height:1.5;color:var(--text-2)}
#delete-account-modal .del-word{
  display:inline-block;
  margin:0 2px;padding:1px 8px;
  border-radius:var(--r-xs);
  background:rgba(255,92,92,.13);
  color:var(--danger);
  font-family:var(--font-display);font-weight:700;letter-spacing:.06em;
}
#delete-account-modal .del-input{
  height:46px;
  padding:0 14px;
  font-family:var(--font-display);font-size:.95rem;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;text-align:center;
}
#delete-account-modal .del-input::placeholder{letter-spacing:.08em;color:rgba(122,129,148,.55)}
#delete-account-modal .del-input.is-match{border-color:rgba(255,92,92,.7);background:rgba(255,92,92,.08);color:var(--danger)}
#delete-account-modal .del-input:disabled{opacity:.6}
#delete-account-modal .del-error{display:flex;align-items:flex-start;gap:8px;margin-top:10px;font-size:.82rem;line-height:1.45;color:var(--danger);text-align:left}
#delete-account-modal .del-error::before{content:'\f06a';font-family:'Font Awesome 6 Free';font-weight:900;font-size:.8rem;line-height:1.45}
#delete-account-modal .del-error:empty{display:none}

#delete-account-modal .del-btns{display:flex;gap:10px;margin-top:18px}
#delete-account-modal .del-btns .st-btn{flex:1 1 0;min-width:0;height:46px}
#delete-account-modal .del-btn-danger{
  background:linear-gradient(180deg,#ff6b6b,#df4545);
  border-color:transparent;
  color:#fff;
  font-weight:700;
  box-shadow:0 12px 26px -14px rgba(255,92,92,.95),inset 0 1px 0 rgba(255,255,255,.22);
}
#delete-account-modal .del-btn-danger:hover:not(:disabled){
  background:linear-gradient(180deg,#ff7b7b,#e85050);
  border-color:transparent;
  color:#fff;
  transform:translateY(-1px);
}
#delete-account-modal .del-btn-danger:disabled{background:var(--surface3);border-color:transparent;color:var(--muted);box-shadow:none;opacity:1}
#delete-account-modal .del-btn-danger.is-busy:disabled{background:linear-gradient(180deg,#ff6b6b,#df4545);color:#fff;opacity:.8;cursor:progress}

#delete-account-modal .del-foot{margin-top:16px;font-size:.74rem;line-height:1.5;color:var(--muted)}
#delete-account-modal .del-foot a{color:var(--text-2);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
#delete-account-modal .del-foot a:hover{color:var(--text)}

@media(max-width:420px){
  #delete-account-modal .del-card{padding:22px 16px 16px}
  #delete-account-modal .modal-hero-icon{width:52px;height:52px;margin-bottom:10px;font-size:1.35rem}
  #delete-account-modal .del-lead{font-size:.84rem}
  #delete-account-modal .del-loss{margin-top:16px}
  #delete-account-modal .del-loss-list li{font-size:.8rem}
  #delete-account-modal .del-confirm{margin-top:16px}
  #delete-account-modal .del-btns{margin-top:14px}
  #delete-account-modal .del-loss{padding:14px 12px}
  #delete-account-modal .del-stat{padding:11px 12px}
  #delete-account-modal .del-stat-value b{font-size:1.3rem}
  #delete-account-modal .del-btns{flex-direction:column-reverse}
  #delete-account-modal .del-btns .st-btn{flex:0 0 auto;width:100%}
}

.cur-card{--pad-t:30px;--pad-x:30px;width:min(92vw,420px);padding:var(--pad-t) var(--pad-x) 22px}
.cur-card h3{margin:0}
.cur-text{margin:8px 0 0;color:var(--muted);font-size:.9rem;line-height:1.5}
.cur-list{display:flex;flex-direction:column;gap:6px;margin-top:18px;text-align:left}
.cur-opt{
  display:flex;align-items:center;gap:12px;
  width:100%;padding:11px 14px;
  border:1px solid var(--border-soft);border-radius:var(--r-md);
  background:var(--surface2);
  color:var(--text-2);
  font-family:var(--font-body);text-align:left;
  cursor:pointer;outline:none;
  transition:background-color .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease);
}
.cur-opt:hover,.cur-opt:focus-visible{background:var(--surface3);color:var(--text)}
.cur-opt:focus-visible{border-color:rgba(var(--accent-rgb),.6)}
.cur-opt[aria-selected="true"]{background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.45);color:var(--text)}
.cur-sign{
  width:38px;height:38px;flex:0 0 38px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:rgba(var(--accent-rgb),.14);
  color:var(--accent);
  font-size:1.02rem;line-height:1;
}
.cur-main{display:flex;flex-direction:column;gap:1px;min-width:0}
.cur-main b{font-size:.95rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cur-main small{color:var(--muted);font-size:.74rem;font-weight:600;letter-spacing:.06em}
.cur-rate{
  margin-left:auto;padding-left:8px;
  display:inline-flex;align-items:center;gap:5px;
  color:var(--text-2);font-family:var(--font-num);font-size:1.05rem;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums;
}
.cur-rate .cur-coin{width:24px;height:24px;transform:none;filter:drop-shadow(0 2px 6px rgba(var(--coin-rgb),.3))}
.cur-rate .cur-eq{color:var(--muted);font-weight:600}
.cur-rate b{min-width:2.3em;color:var(--text);font-weight:700}
.cur-check{width:14px;flex:0 0 14px;font-size:.8rem;color:var(--accent);visibility:hidden}
.cur-opt[aria-selected="true"] .cur-check{visibility:visible}
.cur-note{margin:14px 0 0;color:var(--muted);font-size:.8rem;line-height:1.45;text-align:center;text-wrap:balance}
.cur-note i{margin-right:6px;font-size:.75rem;opacity:.8}
@media(max-width:400px){
  .cur-card{--pad-t:22px;--pad-x:16px;padding:var(--pad-t) var(--pad-x) 18px}
  .cur-opt{padding:10px 12px;gap:10px}
  .cur-sign{width:34px;height:34px;flex-basis:34px;font-size:.92rem}
  .cur-main b{white-space:normal;line-height:1.2}
  .cur-check{display:none}
}