/* One shared language picker for the login and member settings screens. */
.zug-language-dialog {
  box-sizing:border-box; width:min(350px,calc(100vw - 32px)); max-width:350px;
  max-height:calc(100dvh - 32px); margin:auto; padding:22px 18px 20px;
  color:#eef7ff; border:1px solid transparent; border-radius:24px;
  background:linear-gradient(150deg,#0c2139,#080f25) padding-box,linear-gradient(135deg,#25d9ff,#7065ff 65%,#ee68ed) border-box;
  box-shadow:0 20px 70px #0009,0 0 24px #168fce33; overflow:auto;
}
.zug-language-dialog::backdrop { background:#020916b8; backdrop-filter:blur(8px); }
.zug-language-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:20px; }
.zug-language-heading h2 { font-size:20px; line-height:1.4; margin:0; color:inherit; }
.zug-language-heading p { font-size:12px; line-height:1.6; color:#a5c2dc; margin:5px 0 0; }
.zug-language-close { flex:none; display:grid; place-items:center; width:36px; height:36px; padding:0; border-radius:12px; border:1px solid #33516d; background:#142a42; color:#e8f4ff; font:24px/1 system-ui; cursor:pointer; }
.zug-language-steps { display:grid; gap:9px; padding-right:32px; }
.zug-language-step {
  box-sizing:border-box; display:flex; align-items:center; gap:12px;
  min-height:54px; width:100%; margin-left:calc(var(--language-step) * 8px); padding:10px 13px;
  border:1px solid #294b69; border-radius:14px; background:#10253c; color:#edf7ff;
  font:inherit; text-align:left; cursor:pointer; transition:background .15s,border-color .15s,box-shadow .15s;
}
.zug-language-code { display:grid; place-items:center; width:30px; height:30px; flex:none; border-radius:9px; color:#89dfff; background:#1b3b56; font:700 10px/1 system-ui; letter-spacing:.05em; }
.zug-language-name { flex:1; min-width:0; font-size:15px; font-weight:600; line-height:1.5; }
.zug-language-check { flex:none; width:18px; color:#6df1ff; visibility:hidden; }
.zug-language-step[aria-pressed="true"] { border-color:#4ad3ff; background:linear-gradient(110deg,#125187,#393781); box-shadow:0 0 0 1px #43cfff22,0 4px 16px #0874b52e; }
.zug-language-step[aria-pressed="true"] .zug-language-check { visibility:visible; }
.zug-language-step:hover { border-color:#8acfe9; background-color:#19334d; }
.zug-language-step:focus-visible,.zug-language-close:focus-visible,.zug-language-trigger:focus-visible { outline:2px solid #70edff; outline-offset:3px; }
button.zug-language-trigger {
  display:flex; flex:none; align-items:center; justify-content:center; gap:9px; min-height:44px; min-width:112px;
  border:1px solid #33799a; border-radius:14px; padding:9px 12px; background:linear-gradient(115deg,#0e334b,#212346);
  color:#ecf9ff; font-family:inherit; font-size:13px; font-weight:600; line-height:1.5; cursor:pointer;
}
:root[data-theme] .neon-member .settings-section:has(.zug-language-trigger) { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.zug-language-chevron { color:#80dfff; }
.login-header .language-toggle,.login-brand-actions .language-toggle,button.language-toggle[data-language-toggle] { width:auto; min-width:64px; gap:6px; padding-inline:9px; }
html[data-theme="clean"] .zug-language-dialog { color:#102a45; background:linear-gradient(150deg,#fff,#f0f6ff) padding-box,linear-gradient(135deg,#00acdb,#8273e6,#df71c7) border-box; }
html[data-theme="clean"] .zug-language-heading p { color:#4c637d; }
html[data-theme="clean"] .zug-language-step { background:#f3f7fc; border-color:#bdcfe0; color:#152f49; }
html[data-theme="clean"] .zug-language-step[aria-pressed="true"] { background:linear-gradient(110deg,#d9f2ff,#e7e3ff); border-color:#1885bb; }
html[data-theme="clean"] .zug-language-code { background:#d9e9f7; color:#175b82; }
html[data-theme="clean"] .zug-language-check { color:#075f95; }
html[data-theme="clean"] .zug-language-close { background:#edf3f9; color:#203b54; border-color:#b5cadb; }
html[data-theme="clean"] button.zug-language-trigger { color:#193752; border-color:#a6c9df; background:linear-gradient(115deg,#e3f4ff,#ede9ff); }
html[data-theme="clean"] .zug-language-chevron { color:#196a98; }
html:lang(ru)[data-theme] .neon-member .theme-slider .theme-option strong { white-space:nowrap; font-size:11px; }
html:lang(ru) .bottom-nav-label,html:lang(ko) .bottom-nav-label { font-size:9px; }
@media (prefers-reduced-motion:reduce) { .zug-language-step { transition:none; } }