.tool{min-width:0}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.fields label{display:grid;gap:.4rem}select,textarea{max-width:100%;width:100%;box-sizing:border-box}#target{height:12rem;overflow:auto;font-size:1.35rem;line-height:2;font-family:ui-monospace,monospace;white-space:normal;padding:1rem;background:var(--bg);border:1px solid var(--line);border-radius:12px;contain:layout}.word{display:inline-block;margin-right:.35em}.correct{color:#16713c;border-bottom:2px solid currentColor}.incorrect{color:#c23436;text-decoration:underline wavy}.missed{color:#b14d13;text-decoration:line-through}.current{border-bottom:3px solid currentColor;background:#7085c333}.active-word{outline:1px dotted currentColor;outline-offset:3px}html[data-theme=dark] .correct{color:#7ee4a4}html[data-theme=dark] .incorrect{color:#ffa5a5}html[data-theme=dark] .missed{color:#ffca93}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:1rem 0}.metrics div{padding:.6rem;border:1px solid var(--line);border-radius:8px}.metrics span{display:block;font-size:.8rem}.metrics strong{font-size:1.3rem}progress{width:100%}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:.6rem;border-bottom:1px solid var(--line)}.mobile{display:none}@media(max-width:700px){.fields{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile{display:block}#target{font-size:1.1rem}}

#target{position:relative}