.btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 12px 18px; border-radius: 12px; font-weight: 600; font-size: 16px;
  border: none; cursor: pointer; transition: transform 0.1s, opacity 0.15s;
  background-color: var(--button-color); color: var(--button-text-color); width: 100%;
}
.btn:active { transform: scale(0.98); opacity: 0.9; }
.btn-secondary { background-color: var(--secondary-bg-color); color: var(--text-color); }
.textarea {
  width: 100%; min-height: 100px; padding: 12px; border-radius: 12px;
  border: 1px solid var(--secondary-bg-color); background: var(--secondary-bg-color);
  color: var(--text-color); font-size: 15px; resize: none; outline: none;
}
.input {
  width: 100%; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--secondary-bg-color);
  background: var(--secondary-bg-color); color: var(--text-color); font-size: 14px; outline: none;
}
.chips-group { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0; }
.chip {
  padding: 8px 14px; border-radius: 18px; font-size: 14px; font-weight: 500;
  border: 1px solid var(--secondary-bg-color); background: var(--secondary-bg-color);
  color: var(--text-color); cursor: pointer; transition: all 0.15s;
}
.chip.active { background: var(--button-color); color: var(--button-text-color); }