.gen-toolbar { display: flex; gap: 12px; align-items: center; padding: 12px 0; }
.q-list { display: flex; flex-direction: column; gap: 12px; }
.q-card { padding: 16px; border: 1px solid var(--border-1, #262626);
  border-radius: 8px; background: var(--bg-1, #0a0a0a); }
.q-head { display: flex; gap: 12px; align-items: center; margin-bottom: 8px; font-size: 12px; }
.q-level { padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; }
.q-level-l4 { background: #134e4a; color: #5eead4; }
.q-level-l3 { background: #1e3a8a; color: #93c5fd; }
.q-level-l2, .q-level-l1, .q-level-l0 { background: #422006; color: #fbbf24; }
.q-topic { color: var(--text-3, #707070); font-family: 'JetBrains Mono', monospace; }
.q-report { margin-left: auto; background: transparent; border: none;
  color: var(--text-3, #707070); cursor: pointer; font-size: 14px; }
.q-report:hover { color: #ef4444; }
.q-prompt { line-height: 1.6; margin-bottom: 12px; }
.q-show-answer { background: transparent; border: 1px solid #262626;
  color: #a1a1a1; padding: 6px 12px; border-radius: 4px;
  cursor: pointer; font-size: 12px; }
.q-show-answer:hover { background: #1a1a1a; }
.q-answer { margin-top: 12px; padding: 12px; background: #050505; border-radius: 4px; }

.cur-stats { display: flex; gap: 24px; padding: 12px 0; color: #a1a1a1; }