.lang-toggle {
  background:none;
  border:none;
  cursor:pointer;
  font-size:14px;
  color:var(--text-color);
  width: 40px;
  height: 40px;
  padding:0 10px;
  border-radius:999px;
  font-weight:600;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  margin-left:8px; /* отступ от кнопки темы */
}
.lang-toggle:hover {
  background-color: rgba(0,0,0,.05);
}
.dark-mode .lang-toggle:hover {
  background-color: #ffffff1a;
  color: #4a6bff
}
.lang-toggle:focus-visible {
  outline:2px solid #5b9fff;
  outline-offset:2px;
}
header {
  display: flex;
  align-items: center;
  justify-content: space-between; /* логотип слева, группа справа */
}

header .actions {
  display: flex;
  align-items: center;
  gap: 8px; /* расстояние между 🌙 и RU */
  border-top: 0px !important;
}
#preloader {
  position: fixed;
  inset: 0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.dark-mode #preloader {
  background: #111;
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #ccc;
  border-top-color: #333;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  to { transform: rotate(360deg); }
}