.typing-scope{--typing-left:#dcecff;--typing-left-strong:#2563eb;--typing-right:#ffe0e7;--typing-right-strong:#be3154;color:var(--text)}[data-theme=dark] .typing-scope{--typing-left:#152f52;--typing-left-strong:#8dbfff;--typing-right:#4c1e2c;--typing-right-strong:#ff9bb4}.typing-page-head{max-width:900px}.typing-hero{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:clamp(2rem,6vw,5rem);padding:clamp(2.5rem,7vw,6rem) 0;display:grid}.typing-hero h1{letter-spacing:-.055em;max-width:760px;margin:.35rem 0 1rem;font-size:clamp(2.5rem,6vw,5.5rem);line-height:.98}.typing-hero .lede{max-width:680px;color:var(--muted);font-size:clamp(1.05rem,2vw,1.25rem)}.typing-actions,.typing-progress-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.typing-paper{border:1px solid var(--border);border-radius:calc(var(--radius) + 8px);background:var(--surface);min-height:290px;box-shadow:var(--shadow);padding:clamp(2rem,5vw,3.25rem);position:relative;overflow:hidden}.typing-paper:before{content:"";background:repeating-linear-gradient(transparent 0 39px, color-mix(in srgb, var(--border) 65%, transparent) 39px 40px);pointer-events:none;position:absolute;inset:0}.typing-paper>*{position:relative}.paper-label,.typing-scope .eyebrow{color:var(--brand);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:900}.typing-sample{color:var(--text);letter-spacing:.08em;margin:2.5rem 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(2rem,5vw,3.8rem);font-weight:800}.typing-mission-stats{flex-wrap:wrap;gap:.5rem;display:flex}.typing-mission-stats span,.track-meta span,.category-pill{border:1px solid var(--border);background:var(--bg);border-radius:999px;padding:.35rem .65rem;font-size:.8rem;font-weight:750}.typing-section,.typing-library-summary,.typing-privacy-band{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:0 0 2rem;padding:clamp(1.5rem,4vw,2.5rem)}.typing-section h2,.typing-library-summary h2,.typing-privacy-band h2{margin:.4rem 0 1rem;font-size:clamp(1.7rem,4vw,2.7rem)}.typing-step-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem;display:grid}.typing-step-grid article{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:1.25rem}.typing-step-grid article>span{color:var(--brand);font-weight:900}.typing-step-grid h3{margin:.6rem 0 .35rem}.typing-step-grid p,.typing-library-summary p,.typing-privacy-band p{color:var(--muted)}.typing-library-summary,.typing-privacy-band{grid-template-columns:minmax(0,1.7fr) minmax(200px,.6fr);align-items:center;gap:2rem;display:grid}.typing-privacy-band{border-left:5px solid var(--brand2);grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr) auto}.typing-local-note{border:1px solid color-mix(in srgb, var(--brand) 40%, var(--border));border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 88%, var(--brand));margin:0 0 1.5rem;padding:1rem 1.15rem}.category-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-bottom:2rem;display:grid}.category-tabs button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:104px;color:var(--text);text-align:left;cursor:pointer;padding:1rem}.category-tabs button:hover,.category-tabs button[aria-selected=true]{border-color:var(--brand);box-shadow:inset 0 0 0 2px var(--brand)}.category-tabs button strong,.category-tabs button span,.category-tabs button small{display:block}.category-tabs button span{color:var(--muted);margin:.35rem 0}.catalog-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem;display:flex}.catalog-heading h2{margin:.3rem 0 0}.difficulty-key{color:var(--muted);align-items:center;gap:.45rem;font-size:.8rem;display:flex}.professional-standard{border-left:4px solid var(--brand2);background:var(--surface);margin:0 0 1.25rem;padding:1rem 1.15rem}.professional-standard p{color:var(--muted);margin:.3rem 0 0}.test-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.test-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;min-width:0;padding:1.1rem;display:flex}.test-card h3{margin:1rem 0 .5rem}.test-card>p{color:var(--muted);flex:1}.test-card-top,.track-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.difficulty-stars{align-items:center;gap:.35rem;display:inline-flex}.difficulty-stars .stars{color:var(--border);white-space:nowrap;font-size:.64rem}.difficulty-stars i{font-style:normal}.difficulty-stars i.filled{color:#d19a00}.track-meta{justify-content:flex-start;margin:1rem 0}.typing-lesson{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:clamp(1rem,3vw,2rem);position:relative}.lesson-back-arrow{border:1px solid var(--border);background:var(--bg);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:50%;font-size:1.4rem;position:absolute;top:1rem;right:1rem}.lesson-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0 3.5rem 2rem 0;display:grid}.lesson-progress>div{color:var(--muted);align-items:center;gap:.5rem;display:flex}.lesson-progress span{border:1px solid var(--border);background:var(--bg);border-radius:50%;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.lesson-progress .is-active{color:var(--text);font-weight:750}.lesson-progress .is-active span{border-color:var(--brand);background:var(--brand);color:#fff}.lesson-slide{max-width:1050px;margin:0 auto}.lesson-slide h1{margin:.4rem 0 .8rem;font-size:clamp(1.8rem,4vw,3rem)}.lesson-intro,.keyboard-help,.assignment-heading p{color:var(--muted)}.hands-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0;display:grid}.placement-keys{grid-template-columns:repeat(4,minmax(55px,1fr));gap:.45rem;display:grid}.placement-keys button{border:1px solid var(--border);background:var(--bg);min-height:82px;color:var(--text);cursor:pointer;border-radius:10px}.placement-keys button.pressed{border-color:var(--brand);box-shadow:inset 0 0 0 2px var(--brand)}.placement-keys kbd,.placement-keys small{display:block}.placement-keys kbd{font-size:1.25rem}.placement-status{min-height:1.5em;font-weight:750}.hand-legend{gap:1rem;margin:1rem 0;display:flex}.hand-legend i{border-radius:4px;width:14px;height:14px;margin-right:.35rem;display:inline-block}.left-zone{background:var(--typing-left-strong)}.right-zone{background:var(--typing-right-strong)}.keyboard-map{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);gap:.4rem;margin:1.25rem 0;padding:clamp(.6rem,2vw,1rem);display:grid;overflow-x:auto}.keyboard-row{justify-content:center;gap:.35rem;min-width:660px;display:flex}.keyboard-row.row-2{padding-inline:1.5rem}.keyboard-row.row-3{padding-inline:2rem}.keyboard-row.row-4{padding-inline:2.5rem}.map-key{border:1px solid color-mix(in srgb, var(--text) 22%, transparent);width:56px;min-width:56px;height:56px;color:var(--text);font:inherit;border-radius:9px;place-items:center;font-weight:850;display:grid;position:relative}button.map-key:not(:disabled){cursor:pointer}.map-key.left-key{background:var(--typing-left)}.map-key.right-key{background:var(--typing-right)}.map-key small{font-size:.58rem}.map-key.target-key{outline:4px solid var(--brand);outline-offset:2px;transform:translateY(-2px)}.map-key.pressed-key{box-shadow:inset 0 0 0 3px var(--brand2)}.map-key.wrong-key{outline:4px solid #b42318}.map-key>b{color:#b42318;font-size:1.1rem;position:absolute;top:-8px;right:-5px}.space-row{justify-content:center;min-width:660px;display:flex}.space-key{width:min(60%,380px)}.lesson-tip,.assignment-result{border-left:4px solid var(--brand2);background:var(--bg);margin:1rem 0;padding:1rem 1.15rem}.assignment-launch{margin-top:1.25rem}.start-assignment-button{border-radius:var(--radius);background:var(--brand);color:#fff;cursor:pointer;border:0;align-items:center;gap:1rem;min-height:58px;padding:.7rem 1.1rem;display:flex}.start-assignment-button span,.start-assignment-button small{display:block}.assignment-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.scoreboard{grid-template-columns:repeat(3,minmax(92px,1fr));gap:.5rem;display:grid}.scoreboard span{border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:.7rem}.scoreboard small,.scoreboard strong{display:block}.assignment-text{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);overflow-wrap:anywhere;min-height:112px;margin:1.25rem 0;padding:1.25rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(1.3rem,3vw,2rem);line-height:1.8}.assignment-text>span{border-bottom:3px solid #0000;position:relative}.assignment-text .char-current{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 18%, transparent)}.assignment-text .char-correct{color:#187647}.assignment-text .char-wrong{color:#b42318;text-decoration:line-through}.assignment-text b{font-size:.7rem;position:absolute;top:-1rem;left:0}.assignment-result.complete{border-color:#187647}.assignment-result.retry{border-color:#b42318}.typing-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:2rem;display:grid}.typing-summary>span{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:1rem}.typing-summary small,.typing-summary strong{display:block}.typing-summary small{color:var(--muted)}.typing-summary strong{margin-top:.3rem;font-size:1.3rem}.typing-progress-list{gap:.75rem;display:grid}.typing-progress-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:1rem;padding:1rem;display:grid}.typing-progress-item div,.typing-progress-item small{display:block}.typing-progress-item small{color:var(--muted);margin-top:.3rem}.typing-empty-progress{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}@media (max-width:980px){.typing-hero,.typing-library-summary,.typing-privacy-band{grid-template-columns:1fr}.test-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assignment-heading{display:block}.scoreboard{margin-top:1rem}}@media (max-width:720px){.typing-step-grid,.category-tabs,.test-card-grid,.hands-layout,.typing-summary{grid-template-columns:1fr}.catalog-heading,.lesson-progress,.typing-progress-item{grid-template-columns:1fr;display:grid}.lesson-progress{margin-right:3.5rem}.lesson-progress>div{min-width:0}.scoreboard{grid-template-columns:repeat(3,minmax(0,1fr))}.scoreboard span{min-width:0}.typing-progress-item{gap:.45rem}}@media (max-width:480px){.typing-actions .button,.typing-progress-actions .button{justify-content:center;width:100%}.placement-keys{grid-template-columns:repeat(2,minmax(55px,1fr))}.scoreboard{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.typing-scope *,.typing-scope :before,.typing-scope :after{scroll-behavior:auto!important;transition:none!important}}