:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#222738;background:#f5f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #686fea;outline-offset:4px}header{max-width:1160px;margin:auto;padding:32px 36px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-weight:750;font-size:19px;letter-spacing:-.6px}.logo{background:#4b54df;color:white;width:34px;height:34px;border-radius:10px;display:grid;place-content:center;font-size:24px;position:relative}.logo span{position:absolute;right:5px;bottom:5px;font-size:16px}.header-note{color:#73798a;font-size:12px}main{max-width:1010px;margin:0 auto;padding:28px 32px}.intro{text-align:center;margin:28px 0 42px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:#5961c9}.eyebrow span{display:inline-block;width:6px;height:6px;background:#6971e7;border-radius:50%;margin:0 6px 2px 0}h1{font-size:clamp(36px,5vw,54px);font-weight:650;letter-spacing:-2.5px;line-height:1.12;margin:17px 0}.intro>p:last-child{color:#72788a;font-size:14px}.test-card{border:1px solid #e1e4ec;border-radius:18px;background:#fff;box-shadow:0 12px 40px #202b4e06;overflow:hidden}.toolbar{padding:21px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f5}.mode{font-size:12px;font-weight:600;color:#687084}.dot{padding:0 9px;color:#b8bdcb}.durations{display:flex;gap:4px;padding:4px;background:#f2f3f7;border-radius:9px}.durations button{border:0;border-radius:6px;background:transparent;padding:7px 15px;color:#73798a;font-size:12px;font-weight:650}.durations button[aria-pressed=true]{background:white;color:#4b54df;box-shadow:0 1px 5px #202b4e12}.stats{display:flex;align-items:center;gap:55px;padding:30px}.stat-label{font-size:9px;letter-spacing:1.4px;font-weight:750;color:#868c9c}.stats strong{font-size:37px;letter-spacing:-1.6px;font-weight:550;line-height:1.5;font-variant-numeric:tabular-nums}.unit{font-size:12px;color:#9297a5;margin-left:7px}.ready{margin-left:auto;color:#6f7690;background:#f6f7fa;border:1px solid #eceef4;border-radius:30px;padding:7px 12px;font-size:10px}.progress{height:3px;background:#f0f1f9}#progress{height:100%;width:100%;background:#6b72e7;transition:width .1s linear}.typing-area{padding:31px 30px 20px}#passage{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:23px;line-height:1.85;letter-spacing:.1px;color:#8b91a2;max-height:172px;overflow:auto;overflow-wrap:anywhere;scrollbar-width:thin}#passage .correct{color:#27314a}#passage .error{color:#bc304b;background:#ffe9ee;border-radius:2px;text-decoration:underline}#passage .current{border-left:2px solid #5861df;background:#eef0ff}.input-label{display:block;font-size:10px;color:#697185;margin:23px 0 7px}textarea{resize:vertical;min-height:66px;max-height:160px;width:100%;border:1px solid #e2e5ee;border-radius:9px;background:#fafbfe;padding:12px 14px;font:14px/1.5 ui-monospace,monospace;color:#30384e;outline:none}textarea:focus{border-color:#7a81e8;box-shadow:0 0 0 3px #606ae011}textarea::placeholder{color:#949aaa}textarea:disabled{opacity:.7}.card-footer{padding:5px 30px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px}#hint{font-size:11px;color:#7f8698}.restart{background:white;border:1px solid #e2e5ec;border-radius:7px;padding:9px 12px;font-size:11px;color:#5c6477;font-weight:600}.restart span{font-size:16px;padding-right:4px}.tips{display:flex;justify-content:space-between;margin:28px 5px 36px;color:#7f8698;font-size:11px}.tips b{color:#9b9fbb;font-size:9px;margin-right:8px}details{font-size:11px;color:#737b8e;max-width:700px;margin:0 auto;line-height:1.8}summary{text-align:center;cursor:pointer}details p{padding:12px 20px;background:#eef0f5;border-radius:8px}.results{margin-top:20px;padding:23px 28px;background:#eeefff;border:1px solid #dfe2fc;border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:20px}.results[hidden]{display:none}.results h2{font-size:21px;margin:8px 0;letter-spacing:-.6px}.results p:last-child{font-size:12px;color:#646d89}.primary{border:0;border-radius:8px;background:#4b54df;color:white;padding:12px 18px;font-size:12px;white-space:nowrap}.primary span{margin-left:12px}footer{max-width:1160px;margin:25px auto 0;padding:25px 36px;display:flex;justify-content:space-between;color:#9a9fac;font-size:10px;border-top:1px solid #e6e8ef}@media(max-width:640px){header{padding:22px}.header-note{display:none}main{padding:8px 16px}.intro{margin:25px 0 29px}.intro>p:last-child{font-size:12px;line-height:1.8;max-width:260px;margin:auto}.toolbar{padding:16px}.stats{padding:22px 18px;gap:28px}.stats strong{font-size:31px}.stat-label{font-size:8px;letter-spacing:.7px}.ready{display:none}.unit{font-size:10px;margin-left:4px}.typing-area{padding:23px 18px 16px}#passage{font-size:20px;max-height:186px}.card-footer{padding:0 18px 18px;align-items:flex-start}#hint{max-width:160px;line-height:1.7}.restart{white-space:nowrap}.tips{flex-direction:column;gap:15px;margin:24px 10px}.results{align-items:flex-start;flex-direction:column;padding:20px}.durations button{padding:7px 12px}footer{padding:22px;gap:20px;font-size:9px}textarea{font-size:16px}}