.typing-page{--tp-ink:#132044;--tp-muted:#60708f;--tp-brand:#4557f5;--tp-line:#dfe5f2;--tp-card:#fff;--tp-soft:#f1f4ff;--tp-correct:#087f60;--tp-correct-bg:#e5f9f0;--tp-error:#bb3150;--tp-error-bg:#fff0f2;min-height:100vh;color:var(--tp-ink);background:radial-gradient(circle at 83% 9%,#e8eaff 0,#0000 27%),#f8faff}.dark .typing-page{--tp-ink:#edf1ff;--tp-muted:#afbdd9;--tp-brand:#9da9ff;--tp-line:#344161;--tp-card:#171f32;--tp-soft:#202947;--tp-correct:#87eac0;--tp-correct-bg:#174c42;--tp-error:#ff9ab0;--tp-error-bg:#542636;background:radial-gradient(circle at 83% 9%,#24295d 0,#0000 31%),#0e1423}.typing-container{width:min(1180px,100% - 48px);margin-inline:auto}.typing-page button,.typing-page a{cursor:pointer}.typing-page button:focus-visible,.typing-page a:focus-visible,.typing-page textarea:focus-visible{outline-offset:3px;outline:3px solid #8292ff}.typing-hero{border-bottom:1px solid var(--tp-line);background:linear-gradient(125deg,#f5f6ff 0%,#fbfcff 55%,#eef4ff 100%);overflow:hidden}.dark .typing-hero{background:linear-gradient(125deg,#171c38,#10182b 65%,#151e3e)}.typing-hero-inner{grid-template-columns:1.08fr .92fr;align-items:center;gap:44px;min-height:405px;padding-block:62px;display:grid}.typing-pill{color:#4256d9;letter-spacing:.03em;background:#fff;border:1px solid #dfe4ff;border-radius:999px;align-items:center;gap:9px;padding:9px 13px;font-size:12px;font-weight:700;display:inline-flex}.dark .typing-pill{color:#c4ceff;background:#242c50;border-color:#424c83}.typing-hero h1{letter-spacing:-.055em;max-width:650px;margin:22px 0 18px;font-size:clamp(46px,5vw,68px);font-weight:800;line-height:1.01}.typing-hero h1 span{color:#4c59f3;display:block}.dark .typing-hero h1 span{color:#a0abff}.typing-hero p{max-width:540px;color:var(--tp-muted);margin:0;font-size:17px;line-height:1.75}.typing-hero-cta{color:#fff;background:#4254f5;border-radius:12px;align-items:center;gap:12px;margin-top:25px;padding:14px 20px;font-size:14px;font-weight:700;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 12px 24px #4455f733}.typing-hero-cta:hover{transform:translateY(-2px);box-shadow:0 16px 28px #4455f744}.typing-hero-art{place-items:center;min-height:290px;display:grid;position:relative}.typing-hero-glow{aspect-ratio:1;filter:blur(14px);background:radial-gradient(circle,#b6c8ff 0,#dfe7ff77 48%,#0000 70%);border-radius:50%;width:78%;position:absolute}.dark .typing-hero-glow{background:radial-gradient(circle,#4d56a4 0,#30396877 48%,#0000 70%)}.typing-art-card{background:linear-gradient(155deg,#fff,#f1f4ff);border:1px solid #e8ecff;border-radius:28px;width:min(390px,100%);padding:35px 30px 28px;position:relative;transform:rotate(-5deg);box-shadow:0 28px 65px #4b5acb27,0 4px 12px #4b5acb16}.dark .typing-art-card{background:linear-gradient(155deg,#293560,#1d2846);border-color:#4c5b91;box-shadow:0 28px 65px #0006}.typing-art-spark{color:#7885ff;font-size:35px;position:absolute;top:14px;right:28px}.typing-art-line{letter-spacing:-.05em;color:#4052e8;align-items:center;gap:9px;margin-bottom:24px;font-size:54px;font-weight:800;line-height:1;display:flex}.typing-art-line span:nth-child(2){color:#4bcaad}.typing-art-line span:nth-child(3){color:#7a62f6}.typing-art-line span:nth-child(4){color:#f49c65}.typing-art-caret{background:#4052e8;border-radius:3px;width:4px;height:48px;margin-left:2px;animation:1s step-end infinite typing-blink}.typing-art-keys{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.typing-art-keys kbd,.typing-art-space kbd{color:#6676a1;background:#fff;border:1px solid #e7eafd;border-bottom:3px solid #cdd6f2;border-radius:7px;place-items:center;height:34px;font-size:13px;font-weight:700;display:grid;box-shadow:0 2px 4px #404c9920}.typing-art-space{justify-content:center;margin-top:7px;display:flex}.typing-art-space kbd{letter-spacing:.12em;width:47%;font-size:11px}.dark .typing-art-keys kbd,.dark .typing-art-space kbd{color:#e4eaff;background:#35446f;border-color:#6575a5 #6575a5 #1a264b}.typing-art-badge{color:#11866e;background:#dffaf0;border-radius:10px;padding:8px 13px;font-size:12px;font-weight:800;position:absolute;top:14%;right:4%;transform:rotate(8deg);box-shadow:0 8px 18px #41547d21}.typing-art-badge.second{color:#cd7351;background:#fff0ea;inset:auto auto 12% 1%;transform:rotate(-7deg)}.typing-main{padding-block:64px 28px;scroll-margin-top:28px}.typing-section-head{justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:25px;display:flex}.typing-section-head span:first-child,.typing-learn-heading span{letter-spacing:.15em;color:var(--tp-brand);font-size:11px;font-weight:800}.typing-section-head h2,.typing-learn-heading h2{letter-spacing:-.04em;margin:9px 0 7px;font-size:clamp(28px,3vw,36px);line-height:1.15}.typing-section-head p{color:var(--tp-muted);margin:0}.typing-private{color:var(--tp-muted);white-space:nowrap;font-size:12px}.typing-settings{border:1px solid var(--tp-line);background:var(--tp-card);border-radius:20px 20px 0 0;justify-content:space-between;gap:30px;padding:24px 28px;display:flex}.typing-setting-label{color:var(--tp-ink);margin:0 0 11px;font-size:13px;font-weight:800}.typing-choice-row{flex-wrap:wrap;gap:8px;display:flex}.typing-choice{border:1px solid var(--tp-line);background:var(--tp-card);min-height:40px;color:var(--tp-muted);border-radius:10px;padding:9px 15px;font-size:13px;font-weight:700;transition:background .16s,border-color .16s,color .16s}.typing-choice:hover{color:var(--tp-brand);border-color:#8995fa}.typing-choice.is-selected{color:#3f4ed4;background:#ecedff;border-color:#5766f3}.dark .typing-choice.is-selected{color:#e2e7ff;background:#343b71}.typing-choice-caption{color:var(--tp-muted);margin:9px 0 0;font-size:12px}.typing-arena{border:1px solid var(--tp-line);background:var(--tp-card);border-top:0;border-radius:0 0 20px 20px;position:relative;overflow:hidden;box-shadow:0 20px 50px #25336b10}.typing-progress{background:var(--tp-soft);height:6px}.typing-progress span{background:linear-gradient(90deg,#4e61ff,#53d6b4);border-radius:0 5px 5px 0;height:100%;transition:width .15s;display:block}.typing-arena-top{justify-content:space-between;align-items:center;gap:16px;padding:22px 29px 8px;display:flex}.typing-round-label{color:var(--tp-muted);align-items:center;gap:9px;font-size:12px;font-weight:700;display:inline-flex}.typing-live-dot{background:#31cda5;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #31cda522}.typing-reset{color:var(--tp-muted);background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:9px 11px;font-size:12px;font-weight:700;display:inline-flex}.typing-reset:hover{background:var(--tp-soft);color:var(--tp-brand)}.typing-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:17px 29px 21px;display:grid}.typing-metric{border:1px solid var(--tp-line);background:linear-gradient(145deg,var(--tp-card),var(--tp-soft));border-radius:13px;align-items:center;gap:12px;min-width:0;padding:15px;display:flex}.typing-metric>svg{width:20px;height:20px;color:var(--tp-brand);flex:none}.typing-metric:nth-child(2)>svg{color:#12aa83}.typing-metric:nth-child(3)>svg{color:#e79242}.typing-metric:nth-child(4)>svg{color:#8664e6}.typing-metric span{flex-direction:column;gap:2px;display:flex}.typing-metric strong{font-variant-numeric:tabular-nums;font-size:23px;line-height:1}.typing-metric small{color:var(--tp-muted);font-size:11px;font-weight:700}.typing-passage-wrap{border:1px solid var(--tp-line);background:var(--tp-soft);border-radius:15px;margin:0 29px;padding:24px 25px}.typing-eyebrow{color:var(--tp-muted);letter-spacing:.15em;text-transform:uppercase;margin:0 0 14px;font-size:11px;font-weight:800}.typing-passage{color:#8792a9;letter-spacing:.015em;white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(18px,2.1vw,25px);font-weight:650;line-height:1.8}.dark .typing-passage{color:#8590a9}.typing-passage .is-correct{color:var(--tp-correct);background:var(--tp-correct-bg);border-radius:3px}.typing-passage .is-error{color:var(--tp-error);background:var(--tp-error-bg);border-radius:3px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.typing-passage .is-current{color:var(--tp-ink);border-bottom:3px solid var(--tp-brand)}.typing-input-label{color:var(--tp-ink);margin:24px 29px 9px;font-size:13px;font-weight:800;display:block}.typing-arena textarea{resize:vertical;background:var(--tp-card);width:calc(100% - 58px);min-height:94px;color:var(--tp-ink);border:1px solid #bdc8e4;border-radius:12px;outline:none;margin:0 29px;padding:16px 17px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:18px;line-height:1.6;transition:border-color .15s,box-shadow .15s;display:block;box-shadow:0 0 #0000}.dark .typing-arena textarea{border-color:#566487}.typing-arena textarea:focus{border-color:#6274f6;box-shadow:0 0 0 4px #6575f322}.typing-arena textarea:disabled{background:var(--tp-soft);opacity:.8}.typing-arena textarea::placeholder{color:#9aa6be}.typing-input-footer{color:var(--tp-muted);justify-content:space-between;gap:15px;padding:10px 29px 26px;font-size:12px;display:flex}.typing-input-footer span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.typing-result{background:linear-gradient(100deg,#eef0ff,#f9faff);border:1px solid #cbd2ff;border-radius:15px;grid-template-columns:52px 1fr auto;align-items:center;gap:17px;margin:0 29px 28px;padding:21px;display:grid}.dark .typing-result{background:linear-gradient(100deg,#30365e,#222a49);border-color:#5f6aa7}.typing-result-icon{color:#4456e5;background:#dfe3ff;border-radius:13px;place-items:center;width:50px;height:50px;display:grid}.dark .typing-result-icon{color:#e2e7ff;background:#48528b}.typing-result-icon svg{width:27px;height:27px}.typing-result-kicker{color:var(--tp-brand);letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:10px;font-weight:800}.typing-result h2{letter-spacing:-.03em;margin:0;font-size:20px}.typing-result p:not(.typing-result-kicker){color:var(--tp-muted);margin:4px 0;font-size:13px}.typing-result small{color:var(--tp-muted);font-size:11px}.typing-next-button{color:#fff;white-space:nowrap;background:#4557f5;border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:10px 14px;font-size:12px;font-weight:800;display:inline-flex}.typing-next-button:hover{background:#3648da}.typing-tip{color:var(--tp-muted);align-items:center;gap:10px;margin-top:18px;font-size:13px;line-height:1.5;display:flex}.typing-tip>svg{color:#7e61e9;flex:none;width:18px;height:18px}.typing-tip strong{color:var(--tp-ink)}.typing-best{white-space:nowrap;color:var(--tp-brand);margin-left:auto;font-weight:700}.typing-learn{padding-block:56px 85px}.typing-learn-heading{max-width:520px;margin-bottom:22px}.typing-tip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.typing-tip-grid article{border:1px solid var(--tp-line);background:var(--tp-card);border-radius:16px;padding:25px;position:relative}.typing-tip-number{color:#bac3d7;font-size:11px;font-weight:800;position:absolute;top:24px;right:23px}.typing-tip-icon{background:var(--tp-soft);width:43px;height:43px;color:var(--tp-brand);border-radius:12px;place-items:center;display:grid}.typing-tip-icon svg{width:22px;height:22px}.typing-tip-grid h3{margin:20px 0 8px;font-size:16px}.typing-tip-grid p{color:var(--tp-muted);margin:0;font-size:13px;line-height:1.65}@keyframes typing-blink{50%{opacity:0}}@media (max-width:900px){.typing-hero-inner{gap:20px}.typing-hero h1{font-size:48px}.typing-metrics{grid-template-columns:repeat(2,1fr)}.typing-hero-art{transform:scale(.9)}}@media (max-width:680px){.typing-container{width:min(100% - 32px,1180px)}.typing-hero-inner{grid-template-columns:1fr;min-height:0;padding-block:47px 30px}.typing-hero h1{font-size:clamp(43px,9vw,58px)}.typing-hero-art{min-height:240px;transform:none}.typing-art-card{max-width:330px}.typing-section-head{display:block}.typing-private{margin-top:9px;display:block}.typing-settings{flex-wrap:wrap;gap:20px;padding:19px}.typing-settings>div{width:100%}.typing-arena-top,.typing-metrics{padding-inline:20px}.typing-passage-wrap{margin-inline:20px;padding:20px}.typing-input-label{margin-inline:20px}.typing-arena textarea{width:calc(100% - 40px);margin-inline:20px}.typing-input-footer{padding-inline:20px}.typing-result{grid-template-columns:46px 1fr;margin-inline:20px}.typing-result-icon{width:44px;height:44px}.typing-next-button{grid-column:1/-1;justify-self:start}.typing-tip{flex-wrap:wrap}.typing-best{margin-left:28px}.typing-tip-grid{grid-template-columns:1fr}.typing-learn{padding-block:40px 65px}}@media (max-width:420px){.typing-choice{padding-inline:12px}.typing-metrics{gap:8px}.typing-metric{gap:7px;padding:11px}.typing-metric strong{font-size:19px}.typing-passage{font-size:18px}.typing-input-footer{font-size:11px}.typing-art-card{max-width:280px;padding:30px 20px 23px}.typing-art-line{font-size:46px}}@media (prefers-reduced-motion:reduce){.typing-art-caret{animation:none}.typing-hero-cta,.typing-choice,.typing-arena textarea,.typing-progress span{transition:none}.typing-hero-cta:hover{transform:none}}