.lang-switcher{position:relative}.lang-trigger{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:6px 8px;border-radius:8px;font-family:'Onest',sans-serif;font-size:.88rem;font-weight:700;color:var(--color-muted);transition:background 0.2s ease,color 0.2s ease}.lang-trigger:hover{background:rgb(15 23 42 / .06);color:var(--color-dark)}.lang-flag{display:inline-flex;align-items:center;justify-content:center}.lang-flag .flag-img,.lang-option-flag .flag-img{display:block;border-radius:3px;height:auto;width:24px;box-shadow:0 1px 4px rgb(0 0 0 / .25),0 0 0 1px rgb(0 0 0 / .08)}.lang-trigger-text{font-size:.75rem;font-weight:700;letter-spacing:.05em;opacity:.7}.lang-chevron{width:10px;height:10px;stroke:currentColor;stroke-width:2;fill:none;transition:transform 0.2s ease;opacity:.5}.lang-switcher.open .lang-chevron{transform:rotate(180deg)}.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:200px;max-height:320px;overflow-y:auto;background:rgb(255 255 255 / .96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgb(255 255 255 / .6);border-radius:16px;box-shadow:0 20px 60px rgb(15 23 42 / .16),0 4px 16px rgb(15 23 42 / .08);padding:6px;z-index:1000;opacity:0;transform:translateY(-6px) scale(.97);pointer-events:none;transition:opacity 0.18s ease,transform 0.18s ease}.lang-dropdown::-webkit-scrollbar{width:4px}.lang-dropdown::-webkit-scrollbar-track{background:#fff0}.lang-dropdown::-webkit-scrollbar-thumb{background:rgb(15 23 42 / .15);border-radius:99px}.lang-switcher.open .lang-dropdown{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.lang-option{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:.84rem;font-weight:500;color:var(--color-dark);transition:background 0.15s ease}.lang-option:hover{background:rgb(124 58 237 / .08)}.lang-option.is-active{background:rgb(124 58 237 / .1);color:#7c3aed;font-weight:700}.lang-option-flag{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.lang-option-name{flex:1}.lang-option .lang-option-flag{margin-left:auto;flex-shrink:0}