.lang-switcher {
  position:relative
}
.lang-switcher-toggle {
  height:40px;
  padding:0 11px;
  border:1px solid var(--border);
  border-radius:11px;
  color:#c5bcda;
  font-size:.76rem;
  font-weight:800;
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease
}
.lang-switcher-toggle:hover,.lang-switcher.is-open .lang-switcher-toggle {
  border-color:var(--border-strong);
  background:rgba(255,255,255,.04)
}
.chevron {
  margin-left:4px;
  color:var(--purple-300)
}
.lang-switcher-menu {
  position:absolute;
  right:0;
  top:calc(100% + 10px);
  min-width:170px;
  padding:8px;
  border:1px solid var(--border);
  border-radius:14px;
  background:#0d0919;
  box-shadow:var(--shadow-soft);
  opacity:0;
  visibility:hidden;
  transform:translateY(-7px);
  transition:.2s ease
}
.lang-switcher.is-open .lang-switcher-menu {
  opacity:1;
  visibility:visible;
  transform:none
}
.lang-switcher-menu a {
  display:flex;
  align-items:center;
  gap:9px;
  padding:9px 10px;
  border-radius:9px;
  color:var(--muted);
  font-size:.82rem
}
.lang-switcher-menu a:hover,.lang-switcher-menu .is-current {
  background:rgba(139,92,246,.1);
  color:#fff
}
.flag {
  font-size:1rem
}