#typing-content [hidden],#typing-picker[hidden],#typing-login[hidden]{display:none!important}.typing-heading,.typing-bar,.typing-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.typing-heading h1{font-size:32px;margin-bottom:6px}.typing-heading p{margin:0}.typing-bar{justify-content:flex-start;margin:18px 0}.typing-controls{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px}.typing-controls label,#typing-picker{display:grid;gap:6px;min-width:0}#typing-content select,#typing-student,#typing-input{font:inherit;color:#183747;background:#fff;border:1px solid #6c8490;border-radius:4px;min-height:44px;width:100%;min-width:0;padding:8px}#typing-content button,#typing-refresh{font:inherit;min-height:44px;padding:8px 12px;background:#fff;color:#153942;border:1px solid #68848e;border-radius:4px;cursor:pointer}#typing-content button:disabled{opacity:.5;cursor:default}#typing-start,#typing-save{background:#146e53!important;color:#fff!important;border-color:#146e53!important}#typing-content :focus-visible,#typing-refresh:focus-visible{outline:3px solid #aa3e20;outline-offset:3px}.typing-teaching{border-top:1px solid #aabdc1;margin-top:24px;padding-block:16px}.typing-teaching h2{font-size:24px;margin-block:0 12px}.typing-teaching p{max-width:78ch;line-height:1.6}.typing-actions{justify-content:flex-start}#typing-status[data-error=true],#typing-feedback[data-error=true]{color:#a21b30;font-weight:700}
#typing-trail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;margin:24px 0;gap:8px}#typing-trail li{position:relative;min-height:52px;text-align:center;border-bottom:5px solid #a2bac7;padding:10px 4px;background:#e3edf3;color:#213d52;font-weight:700}#typing-trail li[data-done=true]{border-color:#168160;background:#dcf2e5}#typing-trail li[aria-current=step]{border-color:#bd6b15;background:#fff0bf}.typing-stage{border-block:1px solid #95aeb8;padding:18px 0}#typing-target{font:24px/1.8 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;min-height:88px;margin:0 0 16px}#typing-target .typed{color:#195d48;background:#e1f3e6}#typing-target .next{color:#132a40;background:#ffe19a;border-bottom:3px solid #763b12;font-weight:700}#typing-input{max-width:360px;margin-top:6px}#typing-input-note{font-size:14px;color:#405b6b}#typing-feedback{min-height:24px}
#typing-keyboard{margin:24px auto 12px;max-width:680px;display:grid;gap:6px}.typing-key-row{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}.typing-key{display:grid;place-items:center;height:42px;border:1px solid #77929e;border-bottom-width:4px;border-radius:4px;background:#fff;font:16px ui-monospace,monospace;color:#193e4e}.typing-key[data-home=true]{border-bottom-color:#137456;background:#edf8f1}.typing-key[data-next=true]{background:#ffe19a;color:#182c3a;border-color:#a65019;outline:2px solid #a65019}.typing-key-row:last-child{grid-template-columns:1fr 3fr 1fr}.typing-key-row:last-child .typing-key{font-size:14px}#typing-key-hint{text-align:center;min-height:24px}.typing-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-block:24px;padding-block:16px;border-block:1px solid #94adb7}.typing-metrics dt{font-size:14px}.typing-metrics dd{margin:8px 0 0;font-size:20px;font-weight:700}#typing-content h2{letter-spacing:0}#typing-course-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.typing-course-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #c4d1d6;align-items:center}.typing-course-row p{margin:4px 0;font-size:14px}.typing-course-row>div{min-width:0}.typing-course-row button{flex-shrink:0}#typing-history p{border-bottom:1px solid #c4d1d6;padding-bottom:10px}#typing-suggestions{display:flex;flex-wrap:wrap;gap:10px}#typing-content p,#typing-content dd,#typing-content button{overflow-wrap:anywhere}
@media(max-width:760px){.typing-controls{grid-template-columns:1fr 1fr}.typing-controls label:first-child{grid-column:1/-1}.typing-metrics{grid-template-columns:1fr 1fr}#typing-course-progress{grid-template-columns:1fr}.typing-heading h1{font-size:28px}.typing-key{height:36px;font-size:14px}.typing-key-row{gap:3px}#typing-target{font-size:20px}#typing-trail{gap:4px;font-size:14px}}
.typing-key-row{grid-template-columns:repeat(11,minmax(0,1fr))}.typing-key-row:last-child{grid-template-columns:1.2fr 2fr 1.5fr}
.typing-entry{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px}.typing-entry #typing-input{margin-top:0}
@media(prefers-reduced-motion:no-preference){.typing-key[data-next=true]{transition:background-color .12s ease}}