:root{--bg:#0b132b}
#prompt{min-height:3rem}
mark.diff-typo { background: #fff3cd; padding: .1rem .2rem; border-radius:.25rem; }
mark.diff-typo-ref { background: #ffe8a1; padding: .1rem .2rem; border-radius:.25rem; }
mark.diff-sub { background: #f8d7da; color:#842029; padding:.1rem .2rem; border-radius:.25rem; }
mark.diff-sub-ref { background: #f5c2c7; padding:.1rem .2rem; border-radius:.25rem; }
mark.diff-ins { background: #cff4fc; color:#055160; padding:.1rem .2rem; border-radius:.25rem; }
mark.diff-del { background: #e2e3e5; color:#41464b; padding:.1rem .2rem; border-radius:.25rem; text-decoration: line-through; }
span.diff-slot { opacity:.6; }
  .mask-wrap { margin-top:.25rem; }
  .mask-line { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; font-size:1.05rem; letter-spacing:.02em; }
  .mask-letter { display:inline-block; min-width:.6em; text-align:center; color:#6c757d; }
  .mask-letter.filled { color:#212529; font-weight:600; }
  .mask-punc { color:#0d6efd; font-weight:600; } /* pokazujemy , . ’ - ? ! itd. */
    .mask-line {
    white-space: pre-wrap;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  }