.lang{position:relative}.lang-btn{width:38px;height:38px;display:grid;place-items:center;font-size:11px;letter-spacing:.08em;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:4px;cursor:pointer;transition:color .2s var(--ease),border-color .2s var(--ease),opacity .2s var(--ease)}.lang-btn:hover,.lang-btn[aria-expanded=true]{color:var(--accent);border-color:var(--accent)}.lang-btn[data-pending=true]{opacity:.55}.lang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:170px;display:flex;flex-direction:column;gap:2px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:5px;box-shadow:var(--shadow-pop);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .2s var(--ease),transform .2s var(--ease);z-index:60}.lang-menu[data-open=true]{opacity:1;pointer-events:auto;transform:none}.lang-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:4px;background:none;color:var(--ink);font:inherit;font-size:14px;text-align:left;cursor:pointer;width:100%;transition:background-color .18s var(--ease)}.lang-item:hover{background:var(--raised)}.lang-item:hover,.lang-item[aria-current=true],.lang-item[aria-current=true] span{color:var(--accent)}.lang-item span{font-size:11px;color:var(--muted);min-width:22px}