.translator-theme-switcher {
  display: inline-flex;
  align-items: stretch;
  gap: 8px;
  flex-wrap: wrap;
}

.translator-theme-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(8, 16, 29, 0.72);
  color: #eef4ff;
  cursor: pointer;
  transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.translator-theme-chip:hover {
  transform: translateY(-1px);
  border-color: rgba(110, 231, 249, 0.34);
}

.translator-theme-chip.is-active {
  border-color: rgba(110, 231, 249, 0.3);
  background: linear-gradient(135deg, rgba(110, 231, 249, 0.18), rgba(245, 158, 11, 0.12));
  box-shadow: 0 14px 28px rgba(2, 8, 23, 0.18);
}

.translator-theme-chip span {
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.76;
}

html[data-translator-theme="light"] .translator-theme-chip {
  background: rgba(255, 255, 255, 0.84);
  color: #2b1d24;
  border-color: rgba(146, 89, 104, 0.18);
}

html[data-translator-theme="light"] .translator-theme-chip.is-active {
  border-color: rgba(201, 145, 55, 0.24);
  background: linear-gradient(135deg, rgba(201, 145, 55, 0.16), rgba(192, 87, 134, 0.12));
}