#feedback.good { color: var(--good); }
#feedback.bad { color: var(--bad); }
#hearBtn.speaking { opacity: 0.7; }
.word-item {
  display: flex; align-items: center; gap: 10px; padding: 10px;
  border-radius: 12px; background: var(--bg-elevated); margin-bottom: 8px;
}
.word-item .info { flex: 1; min-width: 0; }
.word-item .w { font-weight: 700; font-size: 15px; }
.word-item .d { font-size: 12px; color: var(--text-dim); margin-top: 2px; }
.word-item .rate { font-size: 12px; color: var(--text-dim); white-space: nowrap; }
.word-item .rate.bad { color: var(--bad); }
.word-item .rate.warn { color: var(--warn); }
.word-item .rate.good { color: var(--good); }
.word-remove {
  width: 26px; height: 26px; border-radius: 50%; background: var(--card);
  border: 1px solid var(--border); color: var(--text-dim); font-size: 14px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
}
.word-play {
  width: 30px; height: 30px; border-radius: 50%; background: var(--card);
  border: 1px solid var(--border); color: var(--accent); flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
}
.word-play svg { width: 15px; height: 15px; }