/* Compact, keyboard-friendly language picker reuses the shared modal viewport. */
.modal-language{max-width:460px}
.language-picker{padding-top:8px}
.language-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:0 13px;background:var(--bg)}
.language-search input{width:100%;min-width:0;border:0;background:transparent;color:inherit;padding:14px 0;font:inherit;outline:none}
.language-search:focus-within{outline:2px solid currentColor;outline-offset:2px}
.language-note{font-size:12px;line-height:1.6;color:var(--muted);margin:12px 0 16px}
.language-options{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}
.language-option{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;text-align:start;color:inherit;background:transparent;border:1px solid transparent;border-radius:10px;padding:10px 12px;font:inherit;font-size:14px;cursor:pointer;overflow-wrap:anywhere}
.language-option:hover{background:var(--panel2)}
.language-option.selected{border-color:currentColor}
.language-option[hidden],.language-empty[hidden]{display:none}
.language-option:disabled{opacity:.5}
.language-empty{font-size:14px;color:var(--muted);text-align:center;padding:16px}
html:not([lang="ru"]) .bottom-nav button span{font-size:10px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
html:not([lang="ru"]) .settings-row>span,html:not([lang="ru"]) .btn{min-width:0;overflow-wrap:anywhere}
html:not([lang="ru"]) .btn{height:auto;min-height:42px;white-space:normal;text-align:center}
html:not([lang="ru"]) .topnav-item{white-space:normal}
html[dir="rtl"] body{text-align:start}
html[dir="rtl"] .settings-row,html[dir="rtl"] .option-list button,html[dir="rtl"] .learn-lessons button{text-align:start}
html[dir="rtl"] .library-search,html[dir="rtl"] .search-field{text-align:start}
html[dir="rtl"] input[type="email"],html[dir="rtl"] [data-no-translate],html[dir="rtl"] .prompt-box,html[dir="rtl"] pre{unicode-bidi:plaintext}
html[dir="rtl"] .back-button .icon{transform:none}
html[dir="rtl"] .learn-builder-arrow .icon{transform:scaleX(-1)}
html[dir="rtl"] .header-actions{margin-left:0;margin-inline-start:auto}
html[dir="rtl"] .referral-link-row input,html[dir="rtl"] #promo-code,html[dir="rtl"] #promo-issued-code,html[dir="rtl"] #promo-custom-code,html[dir="rtl"] input[inputmode="numeric"]{direction:ltr;text-align:start}
@media(max-width:360px){.language-options{grid-template-columns:1fr}.language-option{min-height:44px}}