#languageBrowseBtn { display:grid;place-items:center;flex:none;border:0;border-radius:6px;width:28px;height:30px;padding:0;color:var(--ui-muted);background:transparent;cursor:pointer; }
#languageBrowseBtn svg { width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6; }
#languageBrowseBtn:hover { background:var(--ui-hover);color:var(--ui-text); }
#languageBrowseBtn:focus-visible { outline:3px solid var(--ui-focus);outline-offset:2px; }
.language-picker { width:min(740px,calc(100vw - 28px));max-height:85dvh;box-sizing:border-box;padding:24px;border:1px solid var(--ui-line);border-radius:18px;background:var(--ui-surface);color:var(--ui-text);box-shadow:0 22px 80px #0006; }
.language-picker::backdrop { background:#0c1b30aa;backdrop-filter:blur(4px); }
.language-picker header { display:flex;justify-content:space-between;align-items:center;margin-bottom:16px; }
.language-picker h2 { margin:0;font-size:24px; }
.language-picker-close { width:36px;height:36px;border:1px solid var(--ui-line);border-radius:8px;background:var(--ui-raised);color:var(--ui-text);font-size:24px;cursor:pointer; }
.language-search { width:100%;box-sizing:border-box;margin-bottom:18px;padding:12px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-raised);color:var(--ui-text);font:inherit;font-size:15px; }
.language-results { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:57dvh;overflow-y:auto;padding:3px; }
.language-option { display:flex;flex-direction:column;gap:5px;text-align:start;padding:13px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-surface);color:var(--ui-text);font:inherit;cursor:pointer;min-width:0; }
.language-option[aria-pressed="true"] { border-color:#ed1834;box-shadow:inset 0 0 0 1px #ed1834; }
.language-option:hover { background:var(--ui-hover); }
.language-option strong { font-size:16px; }
.language-option span { font-size:12px; }
.language-option small { font-size:11px;color:var(--ui-muted);line-height:1.45;overflow-wrap:anywhere; }
.language-picker :focus-visible { outline:3px solid var(--ui-focus);outline-offset:2px; }
@media(max-width:560px) { .language-picker { padding:16px; }.language-results { grid-template-columns:repeat(2,minmax(0,1fr)); }.language-option { padding:10px; } }