.lx-lang-picker { position: relative; display: inline-flex; align-items: center; flex: 0 0 auto; }

.lx-lang-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 36px;
    min-width: 0;
    padding: 0 12px;
    margin: 0;
    border: 1px solid #3f4147;
    border-radius: 10px;
    background: transparent;
    color: inherit;
    font: 600 12px/1 'Inter', system-ui, sans-serif;
    letter-spacing: 0.04em;
    cursor: pointer;
}
.lx-lang-btn:hover { background: rgba(255, 255, 255, 0.06); }
.lx-lang-btn:focus-visible, .lx-lang-item:focus-visible { outline: 2px solid #b9a2ff; outline-offset: 2px; }
.lx-lang-chevron { display: inline-flex; opacity: 0.75; }
.lx-lang-btn[aria-expanded="true"] .lx-lang-chevron { transform: rotate(180deg); }

.lx-lang-menu {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 1400;
    width: 264px;
    max-height: min(70vh, 460px);
    overflow: auto;
    padding: 6px;
    border: 1px solid #3f4147;
    border-radius: 12px;
    background: #2b2d31;
    color: #f2f3f5;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
    font-family: 'Inter', system-ui, sans-serif;
}
.lx-lang-menu[hidden] { display: none !important; }
[dir="rtl"] .lx-lang-menu { right: auto; left: 0; }
.lx-lang-header { display: grid; gap: 3px; padding: 10px 12px 12px; border-bottom: 1px solid #3f4147; margin-bottom: 6px; }
.lx-lang-header strong { font-size: 13px; font-weight: 700; }
.lx-lang-header small { font-size: 12px; line-height: 1.4; color: #b5bac1; }
.lx-lang-list { display: grid; gap: 2px; }
.lx-lang-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 9px 12px;
    margin: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #dbdee1;
    font: 500 14px/1.2 'Inter', system-ui, sans-serif;
    text-align: start;
    cursor: pointer;
}
.lx-lang-item:hover { background: #383a40; color: #fff; }
.lx-lang-item.active { background: #404249; color: #fff; box-shadow: inset 3px 0 0 #8b5cf6; }
[dir="rtl"] .lx-lang-item.active { box-shadow: inset -3px 0 0 #8b5cf6; }
.lx-lang-item-code { font: 600 11px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing: 0.08em; color: #949ba4; }

.lx-i18n-toast {
    position: fixed;
    left: 50%;
    bottom: 24px;
    z-index: 2000;
    display: flex;
    align-items: center;
    gap: 14px;
    max-width: min(92vw, 520px);
    padding: 12px 16px;
    border: 1px solid #3f4147;
    border-radius: 12px;
    background: #2b2d31;
    color: #f2f3f5;
    font: 500 13px/1.45 'Inter', system-ui, sans-serif;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
    transform: translate(-50%, 12px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.18s ease, transform 0.18s ease;
}
.lx-i18n-toast.is-visible { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
.lx-i18n-toast button {
    flex: 0 0 auto;
    height: 32px;
    padding: 0 12px;
    border: 0;
    border-radius: 8px;
    background: #8b5cf6;
    color: #fff;
    font: 600 12px/1 'Inter', system-ui, sans-serif;
    cursor: pointer;
}
@media (prefers-reduced-motion: reduce) { .lx-i18n-toast { transition: none; } }

.goog-te-banner-frame.skiptranslate,
iframe.skiptranslate,
#goog-gt-tt,
.goog-te-balloon-frame {
    display: none !important;
    visibility: hidden !important;
}
body {
    top: 0 !important;
}
.goog-text-highlight {
    background: none !important;
    box-shadow: none !important;
}