.language-picker{position:relative;z-index:20;flex-shrink:0}
.controls #language{display:flex;align-items:center;justify-content:space-between;gap:14px;width:auto;max-width:none;min-height:42px;padding:8px 14px;border-radius:24px;font-size:14px;line-height:1.4;background:var(--bg);border:1px solid var(--line);color:var(--text)}
.language-chevron{font-size:17px;line-height:1;transition:transform .15s}
#language[aria-expanded=true] .language-chevron{transform:rotate(180deg)}
#language-menu{position:absolute;right:0;top:calc(100% + 9px);width:180px;max-width:calc(100vw - 32px);padding:6px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 12px 36px #0005}
#language-menu[hidden]{display:none}
.controls #language-menu button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:44px;height:auto;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:var(--text);font-size:15px;line-height:1.4;text-align:left}
.controls #language-menu button:hover,.controls #language-menu button:focus-visible{background:color-mix(in srgb,var(--text) 7%,transparent);outline:none}
.controls #language-menu button:focus-visible{box-shadow:inset 0 0 0 1px var(--accent)}
.controls #language-menu button[aria-checked=true]{color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}
.language-check{visibility:hidden;font-size:15px}
[aria-checked=true]>.language-check{visibility:visible}
.controls #language:focus-visible{outline:1px solid var(--accent);outline-offset:3px}
@media(max-width:420px){.controls #language{padding:8px 11px;gap:8px}}