#supportBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  background: rgba(255,255,255,0.05);
  border: 1px solid var(--border);
  border-radius: 12px;
  color: var(--text);
  font-weight: 600;
  cursor: pointer;
  transition: 0.2s;
}

#supportBtn:hover { background: rgba(255,255,255,0.1); transform: translateY(-1px); }

/* При нажатии */
#supportBtn:active {
  transform: scale(0.96);
  filter: brightness(1.2);
}

/* Если хочешь добавить эффект "мигания" как будто кнопка активна */
#supportBtn.active {
  animation: pulseBlue 1.6s infinite;
}

@keyframes pulseBlue {
  0%, 100% {
    box-shadow: 0 0 8px rgba(0, 194, 255, 0.6);
  }
  50% {
    box-shadow: 0 0 16px rgba(0, 194, 255, 1);
  }
}

/* Кнопка карандаша в sidebar */
.edit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  background: rgba(255,255,255,0.05);
  border: 1px solid var(--border);
  border-radius: 12px;
  color: var(--text);
  font-weight: 600;
  cursor: pointer;
  transition: 0.2s;
}

.edit-btn:hover { background: rgba(255,255,255,0.1); transform: translateY(-1px); }

/* Форма редактирования */
#edit-form {
  background: #1a1a2e;
  padding: 20px;
  border-radius: 16px;
  margin-top: 20px;
}

#edit-form input[type="file"],
#edit-form textarea {
  width: 100%;
  padding: 12px;
  margin: 10px 0;
  border-radius: 12px;
  background: #222;
  color: white;
  border: 1px solid #ff00ff33;
}

#edit-form button {
  background: #ff00ff;
  color: black;
  padding: 12px 24px;
  border: none;
  border-radius: 12px;
  cursor: pointer;
}

#q {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  background: rgba(255,255,255,0.05);
  border: 1px solid var(--border);
  border-radius: 12px;
  color: var(--text);
  font-weight: 600;
  cursor: pointer;
  transition: 0.2s;
}

#q:hover { background: rgba(255,255,255,0.1); transform: translateY(-1px); }

/* При нажатии */
#q:active {
  transform: scale(0.96);
  filter: brightness(1.2);
}

/* Если хочешь добавить эффект "мигания" как будто кнопка активна */
#q.active {
  animation: pulseBlue 1.6s infinite;
}

@keyframes pulseBlue {
  0%, 100% {
    box-shadow: 0 0 8px rgba(0, 194, 255, 0.6);
  }
  50% {
    box-shadow: 0 0 16px rgba(0, 194, 255, 1);
  }
}