.engine-status { display:flex; align-items:center; justify-content:flex-end; gap:8px; min-width:0; color:var(--muted); font-size:11px; }
.engine-status span { text-align:right; overflow-wrap:anywhere; }
.reading-row { display:flex; justify-content:space-between; align-items:baseline; gap:12px; min-height:22px; margin:9px 0; color:var(--muted); font-size:11px; }
#reading { color:var(--blue-dark); font-size:13px; overflow-wrap:anywhere; }
#ime-status { font-variant-numeric:tabular-nums; text-align:right; }
.ime-candidates { display:flex; flex-direction:column; max-height:204px; padding:4px; overflow-y:auto; overscroll-behavior:contain; border-radius:10px; background:var(--surface); }
.ime-candidate { display:flex; align-items:baseline; gap:12px; width:100%; min-height:39px; padding:6px 10px; border:0; border-radius:6px; background:transparent; text-align:left; color:var(--ink); font-size:18px; line-height:1.5; }
.ime-candidate:hover { background:#e5e9ef; }
.ime-candidate[aria-pressed="true"] { background:var(--blue); color:white; }
.candidate-index { min-width:12px; color:var(--muted); font-size:11px; font-variant-numeric:tabular-nums; }
.candidate-text { flex:1; min-width:0; overflow-wrap:anywhere; }
.candidate-source { color:var(--muted); font-size:10px; white-space:nowrap; }
.ime-candidate[aria-pressed="true"] :is(.candidate-index,.candidate-source) { color:white; }
.ime-candidate:focus-visible { outline-offset:-3px; outline-color:var(--ink); }
.ime-candidate:active { background:var(--blue-dark); color:white; }
.ime-empty { margin:0; padding:10px; color:var(--muted); font-size:12px; }
.document-text { min-height:28px; margin-top:6px; white-space:pre-wrap; overflow-wrap:anywhere; font-size:18px; }
@media(max-width:600px) {
  .engine-status { font-size:10px; }
  .ime-candidates { flex-direction:row; gap:4px; max-height:116px; overflow-x:auto; }
  .ime-candidate { flex:0 0 auto; width:auto; max-width:78vw; min-height:44px; padding:8px 12px; font-size:17px; }
  .candidate-index,.candidate-source { display:none; }
  .candidate-text { white-space:pre-wrap; }
}
@media(pointer:coarse) { .ime-candidate { min-height:44px; } }