/* SRS-related UI: rating button interval previews, browse-mode status badge, per-card history strip. */
.rate .next:not(:empty)::before { content: " · "; opacity: 0.5; }
.note-status { font: 400 11px "IBM Plex Mono", monospace; color: var(--muted); margin-left: 8px; letter-spacing: 0.02em; }
.note-status.is-due { color: var(--accent); }
.note-status.is-new { opacity: 0.5; }
.hist-good, .hist-easy, .hist-again, .hist-hard { font-family: "IBM Plex Mono", monospace; font-size: 11px; padding: 0 1px; font-weight: 500; }
.hist-again { color: #c0392b; }
.hist-hard  { color: #d68a3c; }
.hist-good  { color: var(--accent); }
.hist-easy  { color: #6cc9a0; }
.note-history { margin-left: 8px; }
.card-scene { margin-top: 16px; padding: 10px 12px; background: var(--surface); border-left: 2px solid var(--accent); font-style: italic; font-size: 13px; color: var(--text); white-space: pre-line; line-height: 1.55; text-align: left; }