/* Error Message */
.language-error {
  position: fixed;
  bottom: var(--ui-spacing-large);
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--ui-color-purple-600);
  color: #ffffff;
  padding: var(--ui-spacing-medium) var(--ui-spacing-large);
  border-radius: var(--ui-border-radius-full);
  font-size: var(--ui-font-size-small);
  font-weight: 500;
  z-index: 50;
  box-shadow: var(--ui-shadow-large);
  animation: fade-in-out 3s ease-in-out;
  -webkit-tap-highlight-color: transparent;
}

@keyframes fade-in-out {
  0%, 100% { 
    opacity: 0; 
    transform: translate(-50%, 1rem); 
  }
  10%, 90% { 
    opacity: 1; 
    transform: translate(-50%, 0); 
  }
}