/* Mentimeter Clone Themes */

.theme-default {
  background-color: #ffffff;
  color: #1e293b;
}

.theme-dark {
  background-color: #0f172a;
  color: #f8fafc;
}
.theme-dark .survey-option-btn, .theme-dark .survey-input, .theme-dark .survey-slider-container {
  background-color: rgba(255,255,255,0.1) !important;
  color: #f8fafc !important;
  border-color: rgba(255,255,255,0.2) !important;
}

.theme-ocean {
  background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
  color: #ffffff;
}

.theme-sunset {
  background: linear-gradient(135deg, #f97316 0%, #e11d48 100%);
  color: #ffffff;
}

.theme-neon {
  background-color: #000000;
  color: #39ff14;
  text-shadow: 0 0 10px rgba(57, 255, 20, 0.5);
}
.theme-neon .survey-option-btn {
  background: transparent !important;
  border: 2px solid #39ff14 !important;
  color: #39ff14 !important;
  box-shadow: 0 0 10px rgba(57, 255, 20, 0.2);
}

.theme-pastel {
  background: linear-gradient(135deg, #fdf4ff 0%, #f3e8ff 100%);
  color: #4c1d95;
}
.theme-pastel h2 {
  color: #d946ef;
}

.theme-minimalist {
  background-color: #fafafa;
  color: #111111;
  font-family: 'Helvetica Neue', Arial, sans-serif;
}
.theme-minimalist .survey-option-btn {
  border-radius: 0 !important;
  border: 1px solid #111;
}

.theme-corporate {
  background-color: #f1f5f9;
  color: #334155;
}
.theme-corporate h2 {
  border-bottom: 2px solid #0f172a;
  padding-bottom: 12px;
}

.theme-nature {
  background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
  color: #166534;
}

.theme-cyberpunk {
  background-color: #fce700;
  color: #000000;
  font-family: monospace;
  text-transform: uppercase;
}
.theme-cyberpunk .survey-option-btn {
  background: #000 !important;
  color: #0ff !important;
  border: 2px solid #0ff !important;
  border-radius: 0 !important;
}

/* Animations */
@keyframes floatUp {
  0% { transform: translateY(0) scale(1); opacity: 1; }
  100% { transform: translateY(-100vh) scale(1.5); opacity: 0; }
}

.reaction-particle {
  position: absolute;
  bottom: 10%;
  font-size: 2.5rem;
  pointer-events: none;
  animation: floatUp 3s ease-out forwards;
  z-index: 1000;
}