.tutor[data-v-8437ac46]{min-height:100vh;background:radial-gradient(ellipse at 50% 60%,#133447 0,#0c2332 65%);color:#e8f2f7;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}.tutor button[data-v-8437ac46],.tutor select[data-v-8437ac46]{font:inherit;color:inherit}.tutor button[data-v-8437ac46]{cursor:pointer;border:0;background:transparent;padding:9px 13px;border-radius:7px}.tutor button[data-v-8437ac46]:hover{background:#ffffff0c}.tutor button[data-v-8437ac46]:focus-visible,.tutor select[data-v-8437ac46]:focus-visible{outline:2px solid #68dabc;outline-offset:3px}.topbar[data-v-8437ac46]{height:86px;border-bottom:1px solid #ffffff0b;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:#0b2130a8}.brand[data-v-8437ac46]{display:flex;align-items:center;gap:11px;color:#f0f7fa;text-decoration:none}.brand-icon[data-v-8437ac46]{color:#65ddbd;border:1px solid #65ddbd50;border-radius:10px;font-size:28px;padding:0 7px}.brand b[data-v-8437ac46]{font-size:22px;letter-spacing:2px}.brand b span[data-v-8437ac46]{font-size:10px;letter-spacing:2.5px;display:block;color:#8aa4b3;margin-top:2px}.topbar nav[data-v-8437ac46]{height:100%;display:flex;gap:34px}.topbar nav button[data-v-8437ac46]{border-radius:0;color:#8aa3b2;position:relative;padding:0 8px}.topbar nav button.selected[data-v-8437ac46]{color:#72e1c1}.selected[data-v-8437ac46]:after{content:"";position:absolute;bottom:0;height:3px;background:#72e1c1;left:10%;right:10%}.history-button[data-v-8437ac46]{color:#9db3c0!important}main[data-v-8437ac46]{max-width:1180px;padding:38px 34px 20px;margin:auto}.heading[data-v-8437ac46]{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.eyebrow[data-v-8437ac46]{font-size:11px;letter-spacing:3px;color:#74c8bc;font-weight:600}h1[data-v-8437ac46]{font-size:32px;letter-spacing:1px;margin:12px 0 9px;font-weight:600}h1 span[data-v-8437ac46]{color:#71ddbd}.heading p[data-v-8437ac46]{color:#8ea8b8;margin:0;font-size:14px}.help-button[data-v-8437ac46]{border:1px solid #ffffff19!important;color:#a9bdc9!important}.workspace[data-v-8437ac46]{border:1px solid #48627555;border-radius:14px;background:#15324485;box-shadow:0 15px 60px #00121e1a;overflow:hidden}.toolbar[data-v-8437ac46]{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #ffffff09}.lesson-picker[data-v-8437ac46],.tools[data-v-8437ac46]{display:flex;align-items:center;gap:14px}.lesson-picker label[data-v-8437ac46]{color:#8ea8b8}.status-dot[data-v-8437ac46]{width:7px;height:7px;background:#74ddba;border-radius:50%}select[data-v-8437ac46]{background:#1b394b;border:1px solid #ffffff14;border-radius:6px;padding:7px 25px 7px 10px}.tools[data-v-8437ac46]{gap:8px;color:#9bb2c1}.metrics[data-v-8437ac46]{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 30px}.metrics>div[data-v-8437ac46]{display:flex;align-items:center;justify-content:center;gap:18px;border-right:1px solid #ffffff0c}.metrics>div[data-v-8437ac46]:last-child{border:0}.metric-icon[data-v-8437ac46]{font-size:43px;line-height:1}.mint-text[data-v-8437ac46]{color:#69dcba}.gold-text[data-v-8437ac46]{color:#f4c666}.purple-text[data-v-8437ac46]{color:#c785e7}.metrics strong[data-v-8437ac46]{font-size:33px;font-weight:500;line-height:1.2;font-variant-numeric:tabular-nums;display:block}.metrics small[data-v-8437ac46]{font-size:12px;color:#91aab9;margin-left:7px}.metrics strong+span[data-v-8437ac46]{display:block;color:#8fa8b7;font-size:12px;margin-top:8px}.progress-metric svg[data-v-8437ac46]{width:43px;height:43px;transform:rotate(-90deg)}circle[data-v-8437ac46]{fill:none;stroke:#2b4859;stroke-width:3}circle+circle[data-v-8437ac46]{stroke:#6fddbc;stroke-linecap:round}.practice-wrap[data-v-8437ac46]{padding:4px 27px 0}.practice-meta[data-v-8437ac46],.practice-bottom[data-v-8437ac46]{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#839fad;align-items:center}.state-label[data-v-8437ac46]{color:#7ad9be;white-space:nowrap}.typing-area[data-v-8437ac46]{font-family:SFMono-Regular,Consolas,monospace;font-size:27px;line-height:1.9;letter-spacing:1px;color:#7692a4;margin-top:18px;height:112px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;outline:none;scrollbar-width:thin;scrollbar-color:#375365 transparent;padding:0 3px}.typing-area[data-v-8437ac46]:focus{color:#93a9b7}.typing-area .correct[data-v-8437ac46]{color:#75e0ad}.typing-area .incorrect[data-v-8437ac46]{color:#ff8e98;background:#ff5f7025;border-radius:3px}.cursor[data-v-8437ac46]{background:#76ddbd20;position:relative}.cursor[data-v-8437ac46]:before{content:"";position:absolute;left:0;top:2px;bottom:0;width:2px;background:#7debc9;animation:blink-8437ac46 1s steps(2) infinite}@keyframes blink-8437ac46{50%{opacity:.25}}.practice-bottom[data-v-8437ac46]{min-height:52px;border-top:1px solid #ffffff0a;margin-top:18px}.practice-bottom button[data-v-8437ac46]{color:#b6c9d4;font-size:12px}.keyboard-section[data-v-8437ac46]{margin-top:26px}.keyboard-caption[data-v-8437ac46]{display:flex;justify-content:space-between;align-items:center;color:#8da8b8;font-size:12px;margin:0 4px 18px}.keyboard-caption i[data-v-8437ac46]{display:inline-block;width:6px;height:6px;background:#75e2c4;border-radius:50%;margin-right:6px}.keyboard-caption b[data-v-8437ac46]{font-weight:400;color:#b1c5d0}kbd[data-v-8437ac46]{font-family:inherit;color:#daecee;background:#244253;padding:4px 8px;border-radius:4px;margin:0 9px}.keyboard[data-v-8437ac46]{padding:17px;background:#081d2990;border:1px solid #45627633;border-radius:13px;box-shadow:0 12px 20px #04162140}.key-row[data-v-8437ac46]{display:flex;gap:8px;margin-bottom:8px}.key-row[data-v-8437ac46]:last-child{margin-bottom:0}.key[data-v-8437ac46]{height:54px;min-width:0;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:400;color:#113749;position:relative;box-shadow:inset 0 1px #ffffff30,0 3px #051c2780;transition:background .1s,transform .08s}.mint[data-v-8437ac46]{background:#63d4b1}.sky[data-v-8437ac46]{background:#49b7ec}.gold[data-v-8437ac46]{background:#f5c35f}.purple[data-v-8437ac46]{background:#c46ce2}.neutral[data-v-8437ac46]{background:#2a455b;color:#a2b7c6}.wide[data-v-8437ac46]{font-size:12px;justify-content:flex-start;padding-left:14px}.space[data-v-8437ac46]{font-size:10px;letter-spacing:3px;color:#819cab;height:40px}.key-row:last-child .key[data-v-8437ac46]{height:36px;font-size:11px}.homing[data-v-8437ac46]:after{content:"";position:absolute;bottom:8px;left:37%;width:26%;height:2px;background:#17425699;border-radius:1px}.expected[data-v-8437ac46]{background:#edfdf8;color:#143c3f;box-shadow:0 0 0 2px #7ce4c49c,0 0 22px #77e6c52b}.pressed[data-v-8437ac46]{transform:translateY(3px);background:#fff;box-shadow:0 0 20px #ffffff3c}.legend[data-v-8437ac46]{display:flex;justify-content:center;gap:23px;margin-top:19px;color:#9ab0bd;font-size:11px}.legend span[data-v-8437ac46]{display:flex;align-items:center;gap:7px}.legend i[data-v-8437ac46]{display:inline-block;width:8px;height:8px;border-radius:3px}.legend-note[data-v-8437ac46]{color:#688797}footer[data-v-8437ac46]{display:flex;justify-content:space-between;color:#648393;font-size:11px;margin-top:33px}.overlay[data-v-8437ac46]{position:fixed;top:0;right:0;bottom:0;left:0;background:#04131dd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;display:flex;align-items:center;justify-content:center;padding:24px}.modal[data-v-8437ac46]{width:550px;max-width:100%;max-height:85vh;overflow:auto;background:#173547;border:1px solid #496477;border-radius:20px;padding:36px;box-shadow:0 30px 80px #0005}.modal h2[data-v-8437ac46]{font-size:25px;color:#edf6fa}.modal p[data-v-8437ac46]{line-height:1.9;color:#adc2cf}.primary[data-v-8437ac46]{background:#72dfbc!important;color:#123a32!important;padding:12px 24px!important;font-weight:600!important}.modal-heading[data-v-8437ac46]{display:flex;align-items:center;justify-content:space-between}.records>div[data-v-8437ac46]{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid #ffffff15}.records small[data-v-8437ac46]{display:block;color:#8fa7b5;font-size:11px;margin-top:6px}.finish-icon[data-v-8437ac46]{font-size:32px;color:#70e3bb;margin-bottom:20px}.result-stats[data-v-8437ac46]{display:flex;justify-content:space-between;margin:30px 0}.result-stats span[data-v-8437ac46]{color:#9eb5c4}.result-stats b[data-v-8437ac46]{display:block;font-size:32px;color:#77e0bd;margin-bottom:8px}@media(min-width:1500px){main[data-v-8437ac46]{padding-top:48px}.key[data-v-8437ac46]{height:65px}.typing-area[data-v-8437ac46]{height:126px}.heading[data-v-8437ac46]{margin-bottom:36px}}@media(max-width:800px){.topbar[data-v-8437ac46]{padding:0 18px;height:74px}.topbar nav[data-v-8437ac46]{gap:8px;font-size:12px}.brand b[data-v-8437ac46]{font-size:18px}.history-button[data-v-8437ac46]{font-size:12px!important}.brand-icon[data-v-8437ac46]{display:none}main[data-v-8437ac46]{padding:28px 16px}.heading h1[data-v-8437ac46]{font-size:26px}.heading p[data-v-8437ac46]{font-size:12px}.toolbar[data-v-8437ac46]{padding:10px 14px;height:auto;flex-wrap:wrap;gap:8px}.lesson-picker[data-v-8437ac46]{gap:8px}.metrics[data-v-8437ac46]{padding:24px 10px}.metrics>div[data-v-8437ac46]{gap:7px}.metrics strong[data-v-8437ac46]{font-size:25px}.metric-icon[data-v-8437ac46]{font-size:28px}.progress-metric svg[data-v-8437ac46]{display:none}.practice-wrap[data-v-8437ac46]{padding:0 16px}.typing-area[data-v-8437ac46]{font-size:23px}.keyboard[data-v-8437ac46]{padding:10px}.key-row[data-v-8437ac46]{gap:4px;margin-bottom:5px}.key[data-v-8437ac46]{height:43px;font-size:18px}.wide[data-v-8437ac46]{font-size:8px;padding-left:4px}.legend[data-v-8437ac46]{gap:10px;flex-wrap:wrap}.keyboard-caption[data-v-8437ac46]{gap:10px;line-height:1.8}.legend-note[data-v-8437ac46]{display:none}footer[data-v-8437ac46]{gap:20px;line-height:1.8}.practice-meta[data-v-8437ac46]{align-items:flex-start}.tools[data-v-8437ac46]{font-size:12px}}@media(max-width:480px){.history-button[data-v-8437ac46]{padding:5px!important}.brand b span[data-v-8437ac46]{font-size:8px}.help-button[data-v-8437ac46]{font-size:11px!important}.heading h1[data-v-8437ac46]{font-size:23px}.eyebrow[data-v-8437ac46]{font-size:9px}.metrics strong[data-v-8437ac46]{font-size:21px}.metric-icon[data-v-8437ac46]{display:none}.keyboard[data-v-8437ac46]{overflow-x:auto}.key-row[data-v-8437ac46]{min-width:480px}.keyboard-caption[data-v-8437ac46]{align-items:flex-start;flex-direction:column}.practice-bottom[data-v-8437ac46]{font-size:10px}.modal[data-v-8437ac46]{padding:25px}.topbar nav button[data-v-8437ac46]{padding:0 4px;font-size:11px}}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}html{background:#0c2332}