.languageDock{
  position:fixed;
  right:max(16px,env(safe-area-inset-right));
  bottom:max(16px,env(safe-area-inset-bottom));
  z-index:95;
  display:flex;
  align-items:center;
  gap:9px;
  padding:8px 9px 8px 12px;
  border:1px solid rgba(37,111,134,.2);
  border-radius:999px;
  background:rgba(255,253,251,.93);
  box-shadow:0 14px 38px rgba(20,66,80,.18),inset 0 1px rgba(255,255,255,.9);
  backdrop-filter:blur(18px) saturate(1.2);
  -webkit-backdrop-filter:blur(18px) saturate(1.2)
}
.languageDock:before{
  content:"◉";
  color:#e5558f;
  font-size:.82rem;
  filter:drop-shadow(0 0 8px rgba(229,85,143,.25))
}
.languageDock label{
  color:#405d6d;
  font:850 .7rem/1 Inter,system-ui,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap
}
.languageDock select{
  min-height:38px;
  max-width:145px;
  padding:0 31px 0 11px;
  border:1px solid rgba(37,111,134,.16);
  border-radius:999px;
  background:#fffaf7;
  color:#142f42;
  font:850 .8rem/1 Inter,system-ui,sans-serif;
  color-scheme:light;
  cursor:pointer
}
.languageDock select:hover{border-color:rgba(229,85,143,.4)}
.languageDock select:focus-visible{outline:3px solid rgba(49,186,207,.35);outline-offset:2px}
@media(max-width:620px){
  .languageDock{
    right:max(9px,env(safe-area-inset-right));
    bottom:max(9px,env(safe-area-inset-bottom));
    gap:6px;
    padding:6px 7px 6px 10px
  }
  .languageDock label{font-size:.62rem;letter-spacing:.05em}
  .languageDock select{min-height:36px;max-width:116px;padding-left:9px;font-size:.75rem}
}