.py-quiz-top { display: flex; justify-content: space-between; margin-bottom: var(--space-3); }

.py-prompt-card {
  text-align: center; padding: var(--space-5) var(--space-3); min-height: 140px;
  display: flex; align-items: center; justify-content: center; flex-direction: column; gap: var(--space-2);
}
.py-prompt-hanzi { font-size: 3.5rem; font-family: "Noto Sans SC", sans-serif; }
.py-prompt-meaning { font-size: 1.4rem; font-weight: 700; }
.py-prompt-pinyin { font-size: 2rem; font-weight: 700; color: var(--color-primary); font-family: var(--font-family-mono); }

.py-text-input {
  width: 100%; padding: var(--space-3); font-size: 1.1rem; border: 1px solid var(--color-border);
  border-radius: var(--radius-sm); text-align: center; font-family: var(--font-family-mono);
}

.py-char-options { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-2); }
.py-char-option {
  font-size: 2rem; font-family: "Noto Sans SC", sans-serif; padding: var(--space-3);
  border-radius: var(--radius-md); border: 1px solid var(--color-border); background: var(--color-surface); cursor: pointer;
  min-height: 64px;
}
.py-char-option:hover { border-color: var(--color-primary); transform: translateY(-2px); }

.py-review-list { display: flex; gap: 6px; flex-wrap: wrap; }
.py-review-chip {
  font-family: "Noto Sans SC", sans-serif; font-size: 1.1rem; padding: 6px 12px;
  background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md);
}

@media (max-width: 480px) {
  .py-prompt-hanzi { font-size: 2.5rem; }
  .py-char-options { grid-template-columns: repeat(2, 1fr); }
}