.controls{margin:1rem 0}
.controls label{margin-right:1rem}
select{font:inherit;padding:.4rem .7rem;max-width:100%}
.transport button{margin-right:.25rem}
button:disabled{opacity:.5}
#mode-note{border-left:4px solid var(--accent);padding:.4rem .7rem;background:rgba(127,127,127,.12)}
.source{color:var(--muted);font-size:.85rem}
.sentence{display:flex;gap:.5rem;align-items:flex-start;margin:.2rem 0;padding:.35rem .5rem;border-radius:.4rem;line-height:1.6}
.sentence.current{background:rgba(255,213,79,.35)}
@media (prefers-color-scheme:dark){.sentence.current{background:rgba(255,213,79,.22)}}
.sentence .from{flex:none;margin:.1rem 0 0;padding:.1rem .45rem;font-size:.8rem}
.sentence .text{flex:1}
.w.on{background:#ffd54f;color:#1a1a1a;border-radius:.2rem}
.en{display:block;color:var(--muted);font-size:.9rem}
#sources{font-size:.85rem;color:var(--muted);columns:2;padding-left:1rem}
@media (max-width:34rem){#sources{columns:1}}