*{box-sizing:border-box}body{margin:0;background:#f7f8fa;color:#24352f;font:16px system-ui,-apple-system,sans-serif}header{max-width:1080px;margin:auto;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{text-decoration:none;color:#24352f;font-size:30px;font-weight:750;letter-spacing:-1.5px}.logo span{color:#578677}.logo i{display:block;font-size:11px;font-style:normal;font-weight:500;letter-spacing:1.5px;margin-top:3px;color:#78837f}.stats{font-size:13px;text-align:right;color:#748079;display:grid;gap:5px}.stats strong{font-size:20px;color:#384d44}.stats small{font-size:11px}.stats .faster,.faster strong{color:#25825b}.stats .slower,.slower strong{color:#bc4851}main{max-width:680px;margin:52px auto 70px;padding:0 24px;text-align:center}.eyebrow{font-size:10px;letter-spacing:2px;color:#688276;font-weight:650}h1{font-size:clamp(30px,5vw,42px);line-height:1.2;letter-spacing:-1.5px;font-weight:600;margin:23px 0 16px}.intro{font-size:14px;color:#78837f;line-height:1.6}.practice{text-align:left;background:white;border:1px solid #e5eae7;border-radius:20px;padding:32px;margin-top:35px;box-shadow:0 12px 40px #24352f05}.exercise-label{font-size:10px;letter-spacing:1.5px;color:#829088}.exercise-label>span:last-child{float:right;letter-spacing:0}#target{display:flex;justify-content:center;gap:clamp(5px,2vw,15px);font:500 clamp(28px,6vw,48px) ui-monospace,monospace;letter-spacing:0;margin:28px 0 30px;font-variant-numeric:tabular-nums}#target span{border-bottom:2px solid transparent;padding-bottom:7px}#target .correct{color:#3d9473}#target .wrong{color:#c04b54;border-color:#c04b54}#target .current{border-color:#699c89}label{font-size:12px;color:#7c8982;display:block;margin-bottom:10px}input{width:100%;height:65px;border:1px solid #d9e3dd;border-radius:10px;background:#fafcfb;font:28px ui-monospace,monospace;text-align:center;letter-spacing:7px;color:#2d6255;outline:none}input:focus{border-color:#6b9988;box-shadow:0 0 0 3px #6b998813}input[aria-invalid=true]{border-color:#c04b54;color:#c04b54}#feedback{font-size:12px;color:#829088;min-height:18px;margin:14px 0 23px}#feedback.error{color:#bc4851}.progress{height:3px;background:#eef3f0;border-radius:5px;overflow:hidden}#bar{height:100%;background:#6b9988;transition:width .12s;width:0}.tips{display:flex;justify-content:center;gap:22px;margin:23px 0;font-size:11px;color:#88948d;line-height:1.8}kbd{display:inline-block;background:#fff;border:1px solid #e1e6e3;border-radius:4px;min-width:22px;margin-right:5px;font:12px system-ui}button{border:0;background:none;color:#62766b;padding:12px 20px;font:12px system-ui;cursor:pointer;border-radius:8px}button:hover{background:#eaf0ed}button:focus-visible{outline:2px solid #6b9988}footer{max-width:1080px;margin:auto;padding:24px 32px;border-top:1px solid #e5eae7;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#97a199}@media(max-width:580px){header{padding:22px}main{margin-top:30px}.practice{padding:23px 18px}.tips,footer{flex-direction:column;gap:8px}.stats{font-size:11px}}

.timer-label{font-size:11px;color:#829088;text-align:right;margin:0 0 14px}.timer-label span{font-variant-numeric:tabular-nums;margin-left:6px;color:#62766b}

[hidden]{display:none!important}.session-settings{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px;font-size:12px;color:#7c8982}.session-settings label{margin:0}.session-settings input{width:72px;height:36px;font:15px system-ui;letter-spacing:0}.summary{background:#fff;border:1px solid #e5eae7;border-radius:20px;padding:25px;margin-top:20px}.summary h2{font-size:22px;margin:0 0 24px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.result-grid strong{display:block;font-size:28px;font-variant-numeric:tabular-nums}.result-grid span{font-size:11px;color:#829088}.summary p{font-size:12px;line-height:1.6}.summary button{background:#2d6255;color:#fff}.faster{color:#25825b}.slower{color:#bc4851}.timer-label span{font-weight:650;font-size:14px}

.mode-settings{border:0;margin:22px 0 0;padding:0;color:#62766b;font-size:13px}.mode-settings legend{margin:0 auto 12px;font-size:12px}.mode-settings label{display:inline-flex;align-items:center;gap:6px;margin:0 10px;font-size:14px;color:#24352f;cursor:pointer}.mode-settings input{width:16px;height:16px;accent-color:#2d6255;margin:0}.mode-settings p{font-size:11px;color:#829088;margin:10px 0 0}#target.text-target{display:block;font:500 clamp(21px,4vw,28px)/1.8 system-ui;overflow-wrap:anywhere;text-align:center;margin:20px 0}#target.text-target span{padding-bottom:2px}.text-answer{font:20px system-ui;letter-spacing:0;text-align:left;padding:12px}.tips{flex-wrap:wrap}

#target .char-cell{display:inline-flex;flex-direction:column;align-items:center;vertical-align:bottom;padding:0 1px 4px}#target .finger-hint{font:10px/1.4 system-ui;color:#829088;white-space:nowrap;border:0;padding:0;letter-spacing:0}#target .glyph{font:inherit;color:inherit;border:0;padding:0}#target.text-target{line-height:1.5}#target.text-target .char-cell{min-width:22px;margin-top:8px}#target .current .finger-hint{color:#2d6255;font-weight:700}.key-hint{font-size:12px;color:#829088;text-align:center;margin:0 0 12px}.key-hint strong{color:#2d6255}.finger-legend{font:11px/1.7 system-ui;color:#829088;margin:0 0 18px}.finger-legend summary{cursor:pointer}.finger-legend p{margin:8px 0}

#target{align-items:flex-end}#target.text-target .char-cell{vertical-align:bottom}#target .finger-hint{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:42px}#target .finger-hint span{font:10px/14px system-ui;color:inherit;border:0;padding:0;display:block}#target.text-target .space-cell{min-width:.5em;padding-left:0;padding-right:0}

.dictation-settings{margin:18px 0 0;color:#829088;font-size:11px}.dictation-settings label{display:inline-flex;align-items:center;gap:7px;margin:0 10px 0 0;color:#62766b;cursor:pointer}.dictation-settings input{width:16px;height:16px;accent-color:#2d6255;margin:0}

#target.text-target{overflow-wrap:normal;word-break:normal;overflow-x:auto}#target.text-target .text-word{display:inline-flex;align-items:flex-end;white-space:nowrap;vertical-align:bottom;border:0;padding:0}

.mode-settings label{margin:4px 8px}.adaptive-note{font:12px/1.7 system-ui;color:#62766b;text-align:center;margin:18px 0 0}

.modifier-setting{margin-top:12px}.modifier-setting select{font:12px system-ui;padding:7px;border:1px solid #d9e3dd;border-radius:6px;background:white;color:#62766b;max-width:100%}.modifier-setting label{font-size:11px;margin-bottom:5px}
.keyboard-settings{margin-top:22px;font-size:11px;color:#829088}.keyboard-settings label{margin-bottom:7px}.keyboard-settings select{max-width:100%;padding:9px 12px;border:1px solid #d9e3dd;border-radius:8px;background:white;color:#24352f;font:13px system-ui}.keyboard-settings p{margin:7px 0;line-height:1.5}.keyboard-settings #keyboard-help{font-size:10px}select:focus-visible{outline:2px solid #6b9988;outline-offset:2px}