.typing-tool-card{align-items:center;display:flex;gap:28px;max-width:900px}.typing-tool-icon{background:linear-gradient(135deg,#eedbff,#d7ccff);border-radius:30px;color:#7c25df;display:grid;flex-shrink:0;height:130px;place-items:center;width:130px}.typing-level-title{align-items:center;display:flex;gap:13px;margin-bottom:20px}.typing-level-title>span{background:#eee0ff;border-radius:13px;color:#7b24d8;display:grid;font-size:20px;font-weight:800;height:38px;place-items:center;width:38px}.typing-level-title h2{margin:0!important}.typing-lesson-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.typing-lesson-card{align-items:start;background:linear-gradient(150deg,#fff,#fcf8ff);border:1px solid #e9ddfa;border-radius:19px;display:flex;flex-direction:column;gap:12px;padding:19px}.typing-lesson-card h3{font-size:17px;line-height:1.5;margin:0!important}.typing-lesson-card .v-btn{margin-top:auto}.typing-lesson-card.locked{background:#f8f6fc;color:#8a7a9e}.typing-phase-label{background:#f0e3ff;border-radius:20px;color:#7c24d7;display:inline-block;font-size:12px;font-weight:700;margin-bottom:10px;padding:5px 11px}.typing-trainer .school-card h2{margin-bottom:10px}.typing-targets{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.typing-targets>span{border:1px solid #ded3ed;border-radius:8px;font-family:monospace;font-size:14px;padding:5px 9px}.typing-live-stats{display:grid;gap:13px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:20px}.typing-live-stats article{background:#ffffffca;border:1px solid #eee1ff;border-radius:19px;padding:17px}.typing-live-stats small{color:#776287;display:block;font-size:11px}.typing-live-stats strong{color:#7024c7;display:block;font-size:25px;margin-top:6px}.typing-live-stats strong small{display:inline;font-size:12px}.typing-next{background:#e6d0ff;border-radius:8px;color:#6516bd;display:inline-block;font-family:monospace;min-width:40px;padding:4px 9px;text-align:center}.typing-text{background:#fbf8ff;border:1px solid #ece0f9;border-radius:18px;color:#877793;font-family:Consolas,Courier New,monospace;font-size:26px;letter-spacing:.8px;line-height:1.85;overflow-wrap:anywhere;padding:22px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:pre-wrap}.typing-text span.correct{background:#e0f4e7;color:#176f3b}.typing-text span.incorrect{background:#ffe1e8;color:#a51b3f;text-decoration:underline;text-decoration-thickness:2px}.typing-text span.cursor{background:#eadbff;box-shadow:inset 0 -3px #8b32e7;color:#412365}.typing-input-label{color:#5c4079;display:block;font-size:13px;font-weight:650;margin:15px 0 8px}.typing-capture{background:#fff;border:2px solid #d7b9f5;border-radius:13px;color:#3b175e;display:block;font-size:18px;min-height:70px;padding:12px;resize:vertical;width:100%}.typing-capture:focus{border-color:#8c35e5;outline:3px solid #e6d2ff}.typing-capture[readonly]{background:#f3eff8}.typing-capture:disabled{background:#f6f2fa}.typing-progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#eee3fb;border:0;border-radius:8px;display:block;height:8px;margin:15px 0;overflow:hidden;width:100%}.typing-progress::-webkit-progress-bar{background:#eee3fb}.typing-progress::-webkit-progress-value{background:#9044e9;border-radius:8px}.typing-progress::-moz-progress-bar{background:#9044e9}.typing-finished{background:linear-gradient(120deg,#f8fff9,#f7f1ff)!important;border-color:#c8e8cc!important}.typing-finished>.v-icon{margin-bottom:12px}.typing-error-keys{display:flex;flex-wrap:wrap;gap:12px}.typing-error-keys>span{align-items:center;background:#f5edff;border-radius:12px;display:flex;font-size:13px;gap:9px;padding:7px 12px}.typing-error-keys kbd{background:#fff;border-radius:6px;color:#7427bc;display:inline-block;font-weight:750;padding:5px 9px}@media(max-width:1200px){.typing-lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.typing-live-stats{gap:9px}.typing-live-stats article{padding:12px}}@media(max-width:760px){.typing-tool-card{display:block}.typing-tool-icon{height:90px;margin-bottom:20px;width:90px}.typing-lesson-grid{gap:10px;grid-template-columns:1fr 1fr}.typing-lesson-card{padding:13px}.typing-lesson-card h3{font-size:15px}.typing-live-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.typing-live-stats strong,.typing-text{font-size:22px}.typing-text{padding:15px}}.typing-catalog-heading{align-items:center;display:flex;gap:15px;justify-content:space-between;margin:25px 0 16px}.typing-catalog-heading h2{color:#30204c;font-size:23px}.typing-catalog-heading p{color:#887296;font-size:12px}.typing-catalog-grid{display:grid;gap:16px;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:30px}.typing-catalog-card{background:#ffffffd9;border:1px solid #e8dff0;border-radius:17px;box-shadow:0 5px 10px #61388c0b;color:#645674;display:flex;flex-direction:column;min-height:166px;overflow:hidden;text-decoration:none;transition:border-color .15s,transform .15s}.typing-catalog-card:hover{border-color:#9a67d2;transform:translateY(-3px)}.typing-catalog-card.completed{border-color:#b8dec3}.typing-catalog-top{align-items:center;display:flex;gap:4px;justify-content:space-between;padding:12px 13px 0}.typing-catalog-top>strong{color:#726087;font-size:22px;font-weight:800}.typing-catalog-art{align-items:center;color:#9e93a6;display:flex;flex:1;flex-direction:column;gap:0;justify-content:center;min-height:85px;position:relative}.typing-catalog-art>.v-icon{color:#9e93a6;filter:drop-shadow(0 3px 0 #eee5f6)}.typing-key-pair{font-family:Consolas,monospace;font-size:21px;font-weight:800;letter-spacing:2px;line-height:1;max-width:100%;overflow:hidden}.typing-catalog-card h3{background:#ffffffb8;border-top:1px solid #ede6f2;font-size:12px;font-weight:600;line-height:1.5;padding:11px 8px;text-align:center}.typing-assigned{background:#f0dfff;border-radius:8px;color:#8b3bcb;font-size:9px;padding:3px 5px}.typing-back{color:#8a56b5;display:inline-block;font-size:12px;margin-bottom:12px;text-decoration:none}.typing-lesson-page{margin:auto;max-width:1100px}.typing-compact{background:#ffffffc9;border:1px solid #ede4f5;border-radius:25px;box-shadow:0 7px 22px #68408307;min-height:590px;padding:22px 32px}.typing-session-heading{align-items:start;display:flex;gap:15px;justify-content:space-between;margin-bottom:15px}.typing-session-heading h1{color:#3c2d4b;font-size:23px;letter-spacing:-.5px;line-height:1.4}.typing-session-heading .typing-phase-label{font-size:10px;margin-bottom:5px;padding:4px 8px}.typing-session-heading>.school-link{font-size:12px;padding-top:10px;white-space:nowrap}.typing-compact-instruction{color:#8b7e94;font-size:12px;line-height:1.7;margin:5px auto 10px;max-width:660px;text-align:center}.typing-compact-next{color:#8b7b94;font-size:19px;font-weight:400;margin:16px 0 15px;text-align:center}.typing-compact-next strong{color:#715b83;font-weight:600}.typing-compact-next kbd{align-items:center;background:#8a43e1;border-radius:8px;box-shadow:0 3px #6a2db5;color:#fff;display:inline-flex;font-family:Consolas,monospace;font-size:20px;height:36px;justify-content:center;margin:0 5px;min-width:35px;padding:0 10px}.typing-compact-stats{align-items:center;color:#94859f;display:flex;font-size:11px;gap:13px;margin:0 auto 9px;max-width:760px}.typing-compact-stats i{background:#c6b8d1;border-radius:50%;height:3px;width:3px}.typing-compact-status{color:#a091ad;margin-left:auto}.typing-compact .typing-text{background:#fbf9fd;border-color:#eee8f4;font-size:23px;line-height:1.8;margin:auto;max-height:170px;max-width:760px;min-height:85px;overflow:auto;padding:16px 18px}.typing-compact .typing-input-label{color:#a293ad;font-size:10px;font-weight:400;margin:10px auto 5px;max-width:760px}.typing-compact .typing-capture{border-radius:9px;border-width:1px;font-size:15px;height:37px;margin:auto;max-width:760px;min-height:37px;padding:5px 10px;resize:none}.typing-compact .typing-capture:focus{outline:2px solid #e9dcf7}.typing-compact-controls{align-items:center;display:flex;gap:20px;margin:9px auto 12px;max-width:760px}.typing-compact-controls .school-link{font-size:10px}.typing-compact-controls>span{color:#ad9eb7;font-size:10px;margin-left:auto}.typing-compact .typing-progress{background:#f0eaf5;height:7px;margin:9px auto 0;max-width:650px}.typing-session-message{color:#976f9d;font-size:11px;line-height:1.6;margin:10px 0;text-align:center}.typing-result-screen{margin:auto;max-width:760px;padding:25px 0 35px;text-align:center}.typing-result-medal{background:#eee1fb;border-radius:50%;color:#8a35db;display:grid;height:80px;margin:0 auto 18px;place-items:center;width:80px}.typing-result-screen h2{color:#43235e;font-size:32px;font-weight:800;margin:10px 0}.typing-result-screen>p{color:#917e9b;font-size:14px;line-height:1.8}.typing-result-screen>.eyebrow{color:#b099c0;font-size:10px}.typing-result-metrics{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin:28px 0}.typing-result-metrics article{background:#faf6fe;border:1px solid #eee3f7;border-radius:17px;padding:23px 10px}.typing-result-metrics strong{color:#7d3cb6;display:block;font-size:29px}.typing-result-metrics span{color:#a18ba9;display:block;font-size:11px;margin-top:6px}.typing-result-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:22px 0 20px}.typing-primary-action,.typing-secondary-action{border:1px solid #b992db;border-radius:13px;font-size:14px;font-weight:650;padding:12px 24px}.typing-primary-action{background:linear-gradient(110deg,#9a58e4,#7f2dcc);color:#fff}.typing-secondary-action{background:#fff;color:#945bb8}.typing-primary-action kbd{border:1px solid #ffffff77;border-radius:5px;font-size:10px;margin-left:10px;padding:3px 5px}.typing-primary-action:disabled,.typing-secondary-action:disabled{cursor:wait;opacity:.5}.typing-result-save{font-size:12px!important;min-height:24px}.typing-result-screen>small{color:#b19dbb;font-size:10px}.typing-result-actions button:focus-visible{outline:3px solid #c8a4ef;outline-offset:4px}@media(max-width:1400px){.typing-catalog-grid{gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1100px){.typing-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.typing-compact{padding:20px}.typing-compact-next{font-size:17px}}@media(max-width:760px){.typing-catalog-grid{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.typing-catalog-card{min-height:140px}.typing-catalog-top>strong{font-size:19px}.typing-catalog-art{min-height:70px}.typing-catalog-card h3{font-size:11px}.typing-catalog-heading{align-items:start;flex-direction:column;gap:6px}.typing-catalog-heading h2{font-size:20px}.typing-compact{border-radius:19px;min-height:0;padding:15px}.typing-session-heading h1{font-size:20px}.typing-compact-next{font-size:15px;line-height:1.8}.typing-compact-next kbd{font-size:18px;height:30px}.typing-compact-instruction{font-size:11px}.typing-compact-controls>span{display:none}.typing-compact .typing-text{font-size:20px;max-height:150px}.typing-compact-stats{flex-wrap:wrap;font-size:10px;gap:9px}.typing-result-screen h2{font-size:25px}.typing-result-screen>p{font-size:12px}.typing-result-metrics{grid-template-columns:1fr 1fr}.typing-result-metrics strong{font-size:25px}.typing-primary-action,.typing-secondary-action{font-size:13px;padding:11px 17px}}@media(max-width:420px){.typing-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.typing-practice-screen{background:radial-gradient(ellipse at 68% 0,#f1e8ff 0,transparent 58%),#fbf9ff!important;color:#18284f}.typing-practice-screen .typing-compact{align-items:start;-moz-column-gap:0;column-gap:0;display:grid;grid-template-columns:minmax(0,1fr)}.typing-practice-screen .typing-compact-controls,.typing-practice-screen .typing-compact-instruction,.typing-practice-screen .typing-compact>.my-3,.typing-practice-screen .typing-compact>.typing-keyboard-panel,.typing-practice-screen .typing-result-screen,.typing-practice-screen .typing-session-message,.typing-practice-screen .typing-session-toolbar{grid-column:1/-1}.typing-practice-screen .typing-compact>.my-3{grid-row:5}.typing-practice-screen .typing-session-message{grid-row:6}.typing-practice-screen .typing-compact>.typing-keyboard-panel{grid-row:7}.typing-practice-screen .site-header{background:#ffffffed;border-bottom:1px solid #e8defc;gap:20px;min-height:78px;padding:10px 3.5vw}.typing-practice-screen .page-wrap{max-width:none;padding:0 24px 24px}.typing-practice-layout{display:block}.typing-practice-authenticated{display:grid;gap:24px;grid-template-columns:230px minmax(0,1fr)}.typing-practice-main{margin:0 auto;max-width:1640px;width:100%}.typing-practice-screen .typing-lesson-page{max-width:none}.typing-practice-screen .typing-back{align-items:center;background:#ffffffa8;border:1px solid #ded2ff;border-radius:30px;color:#29264d;display:inline-flex;font-size:14px;font-weight:650;gap:9px;margin:18px 0 15px;padding:12px 23px;transition:background .15s,border-color .15s}.typing-practice-screen .typing-back:hover{background:#fff;border-color:#a78aea}.typing-practice-screen .typing-compact{background:transparent;border:0;border-radius:0;box-shadow:none;min-height:0;padding:0}.typing-session-toolbar{align-items:center;display:grid;gap:20px;grid-template-columns:auto minmax(210px,1fr) minmax(210px,1fr) auto;margin:0 0 14px}.typing-toolbar-back{align-items:center;background:#ffffffa8;border:1px solid #ded2ff;border-radius:28px;color:#29264d;display:inline-flex;font-size:13px;font-weight:650;gap:4px;min-height:48px;padding:0 17px;text-decoration:none;transition:background .15s,border-color .15s;white-space:nowrap}.typing-toolbar-back:hover{background:#fff;border-color:#a78aea}.typing-toolbar-back .v-icon{font-size:23px}.typing-toolbar-lesson{align-items:center;display:flex;gap:16px;min-width:0}.typing-toolbar-icon{background:#edddff;border-radius:13px;color:#7200e5;display:grid;flex:none;height:48px;place-items:center;width:48px}.typing-toolbar-icon .v-icon{font-size:32px}.typing-toolbar-lesson .typing-phase-label{display:none}.typing-session-toolbar h1{color:#1b2850;font-size:20px;font-weight:800;letter-spacing:-.3px;line-height:1.35;margin:0}.typing-toolbar-progress{display:grid;gap:7px;justify-items:center}.typing-toolbar-progress>strong{color:#1c2850;font-size:19px;font-weight:750}.typing-toolbar-progress>strong span{color:#67708f;font-weight:550}.typing-toolbar-progress>progress{background:#e4def4;border:0;border-radius:12px;height:12px;overflow:hidden;width:min(100%,330px)}.typing-toolbar-progress>progress::-webkit-progress-bar{background:#e4def4;border-radius:12px}.typing-toolbar-progress>progress::-webkit-progress-value{background:linear-gradient(90deg,#bd74ff,#7952ee);border-radius:12px}.typing-toolbar-progress>progress::-moz-progress-bar{background:linear-gradient(90deg,#bd74ff,#7952ee);border-radius:12px}.typing-toolbar-actions{align-items:center;display:flex;gap:14px}.typing-toolbar-button{align-items:center;background:#ffffffa8;border:1px solid #ded2ff;border-radius:28px;color:#342b62;display:inline-flex;font-size:13px;font-weight:700;gap:8px;height:52px;justify-content:center;min-width:54px;padding:0 18px;transition:background .15s,border-color .15s}.typing-toolbar-button:hover{background:#fff;border-color:#a78aea}.typing-toolbar-button .v-icon{color:#7125dd;font-size:24px}.typing-toolbar-button.sound{padding:0;width:54px}.typing-toolbar-button:disabled{cursor:wait;opacity:.55}.typing-compact-instruction{color:#716b87;font-size:13px;grid-column:1/-1;margin:0 0 12px;max-width:none;text-align:left}.typing-compact-stats{align-self:start;background:#f8f6ff;border:1px solid #e5dcfb;border-radius:15px;display:grid;gap:0;grid-column:1/-1;grid-row:4;grid-template-columns:repeat(3,minmax(145px,1fr));justify-self:center;margin:0 auto 12px;max-width:680px;overflow:hidden;width:min(100%,680px)}.typing-compact-stats>article{align-items:center;border-right:1px solid #e4def1;display:flex;gap:9px;justify-content:center;min-height:62px;padding:8px 12px}.typing-compact-stats>article:last-child{border:0}.typing-compact-stats>article>.v-icon{color:#781ee7;font-size:23px}.typing-compact-stats>article:last-child>.v-icon{color:#ffbd00}.typing-compact-stats>article span,.typing-compact-stats>article strong{display:block;text-align:center}.typing-compact-stats>article strong{color:#1a2c56;font-size:18px;font-weight:850;line-height:1.2}.typing-compact-stats>article span{color:#655f83;font-size:10px;margin-top:3px}.typing-target-panel{align-content:center;background:#ffffffed;border:1px solid #e6dcfc;border-radius:24px;box-shadow:0 5px 16px #5833a008;display:grid;grid-column:1;grid-row:3;margin:0 0 26px;min-height:172px;padding:23px 34px}.typing-target-text{align-items:center;color:#35466d;display:flex;flex-wrap:wrap;font-family:Consolas,Courier New,monospace;font-size:clamp(34px,5vw,58px);font-weight:750;justify-content:center;letter-spacing:.13em;line-height:1.3;min-height:75px;overflow-wrap:anywhere;white-space:pre-wrap}.typing-target-text span.correct{background:transparent;color:#20a36c}.typing-target-text span.incorrect{background:#ffe4eb;color:#d34465}.typing-target-text span.cursor{background:#eadcff;border-radius:12px;box-shadow:none;color:#7200e5;padding:0 .2em}.typing-target-text span.cursor.word-error-cursor{background:#ffe4eb;border-radius:3px;box-shadow:inset 0 -3px #8a45df;color:#d34465}.typing-target-text.long{font-size:clamp(28px,3vw,40px);letter-spacing:.1em}.typing-target-panel>p{color:#746b8b;font-size:12px;margin:8px 0 0;text-align:center}.typing-target-panel>.typing-next-instruction{color:#554775;font-size:13px;font-weight:650}.typing-target-panel>.typing-target-instruction{color:#8a829b;font-size:11px}.typing-compact .typing-visually-hidden{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}.typing-compact-controls{gap:10px;margin:0 0 12px;max-width:none}.typing-compact-controls .school-link{align-items:center;background:#ffffffb8;border:1px solid #e3d8f6;border-radius:18px;color:#6b37ad;display:inline-flex;font-size:11px;min-height:34px;padding:0 12px;text-decoration:none}.typing-compact-controls .school-link:hover{background:#fff}.typing-compact-controls>span{color:#786f8c;font-size:11px}.typing-compact .typing-progress{display:none}.typing-session-message{background:#fff1f4;border-radius:10px;color:#9e3150;font-size:12px;padding:8px 12px}.typing-compact-controls button:focus-visible,.typing-practice-screen .typing-back:focus-visible,.typing-toolbar-back:focus-visible,.typing-toolbar-button:focus-visible{outline:3px solid #a87bea;outline-offset:3px}.typing-result-screen{padding:42px 18px}@media(max-width:900px){.typing-practice-screen .typing-compact{grid-template-columns:minmax(0,1fr)}.typing-practice-screen .typing-target-panel{grid-column:1;grid-row:3}.typing-practice-screen .typing-compact-stats{grid-column:1;grid-row:4;max-width:680px;width:min(100%,680px)}.typing-session-toolbar{gap:14px;grid-template-columns:auto minmax(0,1fr) auto}.typing-toolbar-lesson{grid-column:2;grid-row:1}.typing-toolbar-progress{grid-column:1/-1;grid-row:2}.typing-toolbar-actions{grid-column:3;grid-row:1}}@media(max-width:760px){.typing-practice-authenticated{display:block}.typing-practice-authenticated>.journey-sidebar{border-radius:18px;margin-bottom:14px;min-height:0;padding:8px;position:static}.typing-practice-authenticated>.journey-sidebar nav{flex-direction:row;gap:4px;overflow-x:auto}.typing-practice-authenticated>.journey-sidebar nav a{font-size:11px;padding:9px;white-space:nowrap}.typing-practice-authenticated>.journey-sidebar nav a .v-icon{font-size:18px!important}.typing-practice-authenticated>.journey-sidebar .journey-island{display:none}}@media(max-width:600px){.typing-practice-screen .site-header{min-height:66px;padding:8px 14px}.typing-practice-screen .page-wrap{padding:0 12px 18px}.typing-session-toolbar{gap:7px;grid-template-columns:auto minmax(0,1fr) auto;margin-bottom:13px}.typing-toolbar-back{font-size:0;gap:0;min-height:40px;padding:0 8px}.typing-toolbar-back .v-icon{font-size:22px}.typing-toolbar-lesson{gap:7px}.typing-toolbar-icon{height:35px;width:35px}.typing-toolbar-icon .v-icon{font-size:23px}.typing-session-toolbar h1{font-size:13px}.typing-toolbar-actions{gap:5px}.typing-toolbar-button{font-size:0;height:38px;min-width:38px;padding:0 8px}.typing-toolbar-button.sound{width:38px}.typing-toolbar-button .v-icon{font-size:20px}.typing-toolbar-progress>strong{font-size:15px}.typing-toolbar-progress>progress{height:8px}.typing-compact-instruction{font-size:10px}.typing-compact-stats{border-radius:14px;margin-bottom:13px}.typing-compact-stats>article{flex-direction:column;gap:6px;min-height:70px;padding:8px 4px}.typing-compact-stats>article>.v-icon{font-size:21px}.typing-compact-stats>article strong{font-size:17px}.typing-compact-stats>article span{font-size:9px;margin-top:3px}.typing-target-panel{border-radius:18px;margin-bottom:14px;min-height:124px;padding:14px 10px}.typing-target-text{font-size:clamp(25px,8vw,40px);letter-spacing:.08em;min-height:56px}.typing-target-text.long{font-size:clamp(24px,6.8vw,30px)}.typing-target-panel>p{font-size:10px}.typing-compact-controls{flex-wrap:wrap;margin-bottom:8px}.typing-compact-controls .school-link{font-size:10px;min-height:31px;padding:0 9px}.typing-compact-controls>span{font-size:9px;margin-left:0;width:100%}.typing-result-screen h2{font-size:23px}}@media(max-width:380px){.typing-toolbar-back{padding:0 5px}.typing-toolbar-lesson{gap:6px}.typing-session-toolbar h1{font-size:12px}}.typing-result-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1f173b80;display:grid;inset:0;overflow-y:auto;padding:24px;place-items:center;position:fixed;z-index:1200}.typing-result-backdrop .typing-result-screen{background:#fff;border:1px solid #e8dcfa;border-radius:26px;box-shadow:0 24px 80px #21133b40;max-height:calc(100vh - 48px);overflow-y:auto;padding:34px 28px;width:min(760px,100%)}@media(max-width:600px){.typing-result-backdrop{padding:12px}.typing-result-backdrop .typing-result-screen{border-radius:20px;max-height:calc(100vh - 24px);padding:24px 16px}.typing-result-screen h2{font-size:24px}.typing-result-metrics{gap:8px;margin:18px 0}.typing-result-metrics article{padding:15px 8px}.typing-result-metrics strong{font-size:24px}}.typing-course-catalog{color:#263454;display:grid;gap:20px 28px;grid-template-columns:minmax(245px,.72fr) minmax(0,1.8fr);margin:22px 0 38px}.typing-section-picker{align-content:start;display:grid;gap:9px}.typing-section-picker>button{align-items:center;background:#fff;border:1px solid #e5e2f1;border-radius:15px;color:#45516f;display:flex;gap:12px;min-height:76px;padding:12px;text-align:left;transition:border-color .15s,background .15s,box-shadow .15s;width:100%}.typing-section-picker>button:hover{background:#fcfaff;border-color:#c9b4ef}.typing-section-picker>button.active{background:#f4efff;border-color:#a88be8;box-shadow:0 3px 12px #7950c20d}.typing-section-icon{background:#f0ebfa;border-radius:12px;color:#7552bb;display:grid;flex:none;font-size:22px;height:42px;place-items:center;width:42px}.typing-section-picker>button.active .typing-section-icon{background:#e5d9ff;color:#6735bf}.typing-section-copy{display:grid;flex:1;gap:5px;min-width:0}.typing-section-copy strong{color:#303b5d;font-size:13px;font-weight:750}.typing-section-copy small{color:#8a8ca2;font-size:10px}.typing-section-summary-track,.typing-section-track{background:#eae8f2;border-radius:8px;display:block;height:5px;overflow:hidden}.typing-section-summary-track i,.typing-section-track i{background:#8c69dc;border-radius:inherit;display:block;height:100%}.typing-section-chevron{color:#aaa7ba;font-size:20px}.typing-section-picker>button.active .typing-section-chevron{color:#7045c0}.typing-course-heading{align-items:center;background:linear-gradient(120deg,#f6f1ff,#fff 75%);border:1px solid #e5def5;border-radius:19px;display:flex;gap:18px;justify-content:space-between;min-width:0;padding:22px 24px}.typing-course-eyebrow{color:#8c68c6;font-size:10px;font-weight:800;letter-spacing:.1em}.typing-course-heading h2{color:#263454;font-size:25px;font-weight:850;letter-spacing:-.5px;margin:7px 0 5px}.typing-course-heading p{color:#777e98;font-size:12px;line-height:1.7;margin:0;max-width:600px}.typing-continue-button{align-items:center;background:#7448ca;border-radius:12px;box-shadow:0 3px #5b34a5;color:#fff;display:inline-flex;flex:none;font-size:12px;font-weight:750;gap:7px;justify-content:center;min-height:42px;padding:0 16px;text-decoration:none;transition:transform .15s,box-shadow .15s}.typing-continue-button:hover{box-shadow:0 4px #5b34a5;transform:translateY(-1px)}.typing-section-summary{align-items:center;color:#737c96;display:flex;flex-wrap:wrap;font-size:11px;gap:18px;grid-column:2;padding:0 3px}.typing-section-summary>span{align-items:center;display:inline-flex;gap:6px;white-space:nowrap}.typing-section-summary>span .v-icon{color:#8661ca}.typing-section-summary-track{flex:1;height:6px;min-width:80px}.typing-lesson-list{display:grid;gap:7px;grid-column:2}.typing-lesson-row{align-items:center;background:#fff;border:1px solid #e8e8f0;border-radius:12px;color:#35415f;display:grid;gap:11px;grid-template-columns:32px 24px minmax(0,1fr) minmax(85px,auto) minmax(90px,auto) 18px;min-height:65px;padding:9px 13px;text-decoration:none;transition:border-color .15s,background .15s,transform .15s}.typing-lesson-row:hover{background:#fcfaff;border-color:#c7b2ed;transform:translate(2px)}.typing-lesson-row.completed{background:#fbfefc;border-color:#d7eadf}.typing-lesson-number{color:#a2a5b6;font-family:Consolas,monospace;font-size:12px;font-weight:750}.typing-lesson-status{color:#c1c2cf;display:grid;place-items:center}.typing-lesson-status .v-icon{font-size:19px}.typing-lesson-detail{display:grid;gap:4px;min-width:0}.typing-lesson-detail strong{color:#34405f;font-size:12px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typing-lesson-detail small{color:#9296a9}.typing-lesson-detail small,.typing-lesson-keys{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typing-lesson-keys{background:#f5f3fa;border-radius:7px;color:#77718f;font-family:Consolas,monospace;max-width:160px;padding:6px 8px;text-align:center}.typing-lesson-result{color:#32835c;font-size:11px;font-weight:800;white-space:nowrap}.typing-lesson-result small{color:#9296a9;font-size:10px;font-weight:500}.typing-lesson-assigned{background:#f1eaff;border-radius:8px;color:#774bb8;font-size:10px;justify-self:end;padding:5px 8px;white-space:nowrap}.typing-lesson-open{color:#aaa7bb;font-size:19px}.typing-course-footnote{align-items:center;color:#898ca1;display:flex;font-size:11px;gap:7px;grid-column:2;line-height:1.6;margin:0}.typing-course-footnote .v-icon{color:#9468d0;flex:none}.typing-next-instruction.error{color:#c04460!important;font-weight:750!important}@media(max-width:900px){.typing-course-catalog{gap:16px;grid-template-columns:1fr}.typing-section-picker{gap:7px;grid-template-columns:repeat(5,minmax(0,1fr))}.typing-section-picker>button{align-content:start;display:grid;gap:7px;justify-items:center;min-height:105px;padding:10px 6px}.typing-section-icon{height:36px;width:36px}.typing-section-copy{text-align:center;width:100%}.typing-section-copy strong{font-size:10px;line-height:1.4}.typing-section-copy small{font-size:9px}.typing-section-chevron{display:none}.typing-course-footnote,.typing-lesson-list{grid-column:1}}@media(max-width:600px){.typing-course-catalog{gap:13px;margin:15px 0 25px}.typing-section-picker{gap:5px;grid-template-columns:repeat(5,minmax(0,1fr))}.typing-section-picker>button{border-radius:11px;min-height:93px;padding:8px 3px}.typing-section-icon{border-radius:9px;font-size:18px;height:31px;width:31px}.typing-section-copy{gap:4px}.typing-section-copy strong{font-size:9px}.typing-section-copy small{font-size:8px}.typing-section-track{height:4px}.typing-lesson-row{gap:7px;grid-template-columns:22px 20px minmax(0,1fr) 18px;min-height:59px;padding:8px}.typing-lesson-detail strong{font-size:11px}.typing-lesson-detail small{font-size:9px}.typing-lesson-assigned,.typing-lesson-keys,.typing-lesson-result{display:none}.typing-lesson-open{font-size:17px}.typing-course-footnote{align-items:flex-start;font-size:10px}}