#moments[data-step="intro"] {
  background:
    radial-gradient(ellipse at 83% 24%, #aec7e92b 0, transparent 52%),
    radial-gradient(ellipse at 76% 86%, #e8c9b414 0, transparent 46%),
    #303844;
}

.tarot-ui .question-panel {
  background: linear-gradient(140deg, #f5f9ff47 0%, #dee9fb24 46%, #fff2e717 100%);
  border: 1px solid #ffffff4d;
  border-radius: 28px;
  box-shadow:
    0 24px 56px #0a132c38,
    0 8px 18px #0a132c14,
    inset 0 1px 0 #ffffff70,
    inset 1px 0 0 #ffffff1f;
  -webkit-backdrop-filter: blur(28px) saturate(135%);
  backdrop-filter: blur(28px) saturate(135%);
}

.tarot-ui .question-panel .steps {
  color: #edf0f5;
  border-bottom-color: #ffffff33;
}

.tarot-ui .question-panel .steps b {
  background: #1d293b40;
  color: #edf0f5;
  border: 1px solid #ffffff24;
}

.tarot-ui .question-panel .steps [aria-current] { color: #fff3ea; }
.tarot-ui .question-panel .steps [aria-current] b { background: #f4e3d8; color: #303844; border-color: #ffffff66; }

.tarot-ui .question-panel textarea {
  background: linear-gradient(145deg, #ffffffed, #edf2fae3);
  border-color: #ffffffb3;
  border-radius: 16px;
  box-shadow: inset 0 1px 2px #ffffffb3, 0 8px 22px #111b3214;
}

.tarot-ui .question-panel textarea::placeholder { color: #646e7d; }
.tarot-ui .question-panel .count { color: #606a79; }
.tarot-ui .question-panel .examples-label { color: #f0f2f7; }
.tarot-ui .question-panel .examples button { background: #ffffff0d; border-color: #ffffff4d; }
.tarot-ui .question-panel .examples button:hover,
.tarot-ui .question-panel .examples button.active { background: #f4e3d8; border-color: #f4e3d8; color: #303844; }
.tarot-ui .question-panel .primary { box-shadow: 0 6px 20px #17213526, inset 0 1px 0 #ffffff99; }

@media (max-width: 720px) {
  #moments[data-step="intro"] { background-position: center; }
  .tarot-ui .question-panel { border-radius: 24px; }
}