.lang-switch{position:relative}
.lang-switch__toggle{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border:1px solid hsl(var(--border));border-radius:.625rem;background:transparent;color:hsl(var(--foreground));font-size:.8125rem;font-weight:600;line-height:1;cursor:pointer;transition:border-color .2s,color .2s}
.lang-switch__toggle:hover{border-color:hsl(var(--primary)/.4);color:hsl(var(--primary))}
.lang-switch__toggle svg{flex-shrink:0}
.lang-switch__chevron{transition:transform .2s}
.lang-switch__toggle[aria-expanded="true"] .lang-switch__chevron{transform:rotate(180deg)}
.lang-switch__menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:11rem;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:.75rem;box-shadow:var(--shadow-card);padding:.375rem;z-index:60}
.lang-switch__menu[hidden]{display:none}
.lang-switch__option{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .625rem;border-radius:.5rem;font-size:.8125rem;font-weight:500;color:hsl(var(--foreground));text-decoration:none;white-space:nowrap}
.lang-switch__option:hover{background:hsl(var(--surface))}
.lang-switch__option--active{color:hsl(var(--primary));font-weight:600}
.lang-switch__option svg{flex-shrink:0;color:hsl(var(--primary))}
.lang-switch__option-content{display:inline-flex;align-items:center;gap:.5rem}
.lang-switch__code{font-size:.75rem;font-weight:700;letter-spacing:.02em;color:hsl(var(--foreground)/.5)}