.lang-switch{position:relative}
.lang-trigger{display:flex;align-items:center;gap:7px;padding:8px 2px;border:0;background:none;color:var(--ink);font-size:15px;cursor:pointer;transition:color .15s ease,transform .16s ease-out}
.lang-trigger:active{transform:scale(.97)}
.lang-chevron{color:var(--muted);transition:transform .2s cubic-bezier(.23,1,.32,1)}
.lang-switch[data-open] .lang-chevron{transform:rotate(180deg)}
.lang-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:150px;padding:5px;background:var(--white);border:1px solid var(--line);box-shadow:0 12px 28px #2a221a14,0 2px 6px #2a221a0d;transform-origin:top right;opacity:0;transform:scale(.96) translateY(-4px);visibility:hidden;pointer-events:none;transition:opacity .1s ease-out,transform .1s ease-out,visibility 0s .1s;z-index:30}
.lang-switch[data-open] .lang-menu{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition:opacity .15s cubic-bezier(.23,1,.32,1),transform .15s cubic-bezier(.23,1,.32,1),visibility 0s}
.lang-menu a{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;font-size:13px;color:var(--ink)}
.lang-menu a[aria-current]{font-weight:500}
.lang-check{color:var(--orange);font-size:12px}
@media(hover:hover) and (pointer:fine){.lang-trigger:hover{color:var(--orange)}.lang-menu a:hover{background:var(--paper)}}
.lang-menu a:focus-visible,.lang-trigger:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.lang-menu,.lang-switch[data-open] .lang-menu{transform:none}}