.pane.svelte-ohfhb7{display:flex;flex-direction:column;background:#0d1117;border:1px solid #30363d;border-radius:8px;overflow:hidden}.pane-header.svelte-ohfhb7{padding:10px 16px;background:#161b22;border-bottom:1px solid #30363d;font-size:12px;font-weight:500;color:#8b949e;text-transform:uppercase;letter-spacing:.5px}.pane-content.svelte-ohfhb7{flex:1;overflow:auto;padding:16px}pre.svelte-ohfhb7{margin:0;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.6}code.svelte-ohfhb7{display:block}.line.svelte-ohfhb7{display:block;padding:2px 8px;border-radius:4px;transition:background .15s ease}.line-number.svelte-ohfhb7{display:inline-block;width:3ch;margin-right:16px;color:#484f58;text-align:right;-webkit-user-select:none;user-select:none}.line.current.svelte-ohfhb7{background:#1f6feb22;border-left:2px solid #1f6feb;margin-left:-2px}.line.current.svelte-ohfhb7 .line-number:where(.svelte-ohfhb7){color:#1f6feb}.line.completed.svelte-ohfhb7{color:#484f58}.pane.svelte-1e4nvq3{display:flex;flex-direction:column;background:#0d1117;border:1px solid #30363d;border-radius:8px;overflow:hidden}.pane-header.svelte-1e4nvq3{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#161b22;border-bottom:1px solid #30363d;font-size:12px;font-weight:500;color:#8b949e;text-transform:uppercase;letter-spacing:.5px}.line-indicator.svelte-1e4nvq3{font-size:11px;color:#58a6ff;text-transform:none}.pane-content.svelte-1e4nvq3{flex:1;display:flex;flex-direction:column;padding:16px;gap:16px;overflow:hidden}.hint-section.svelte-1e4nvq3,.input-section.svelte-1e4nvq3{display:flex;flex-direction:column;gap:8px}.hint-label.svelte-1e4nvq3,.input-label.svelte-1e4nvq3{font-size:11px;color:#8b949e;text-transform:uppercase;letter-spacing:.5px}.hint-line.svelte-1e4nvq3{background:#161b22;border:1px solid #30363d;border-radius:6px;padding:12px 16px;min-height:44px}.hint-line.svelte-1e4nvq3 pre:where(.svelte-1e4nvq3){margin:0;font-family:JetBrains Mono,monospace;font-size:14px;color:#58a6ff;white-space:pre;overflow-x:auto;font-variant-ligatures:none}.current-line-display.svelte-1e4nvq3{background:#161b22;border:1px solid #30363d;border-radius:6px;padding:12px 16px;min-height:44px;font-family:JetBrains Mono,monospace;font-size:14px;white-space:pre;overflow-x:auto;font-variant-ligatures:none}.current-line-display.svelte-1e4nvq3 .correct:where(.svelte-1e4nvq3){color:#3fb950}.current-line-display.svelte-1e4nvq3 .incorrect:where(.svelte-1e4nvq3){color:#f85149;background:#f8514922;border-radius:2px}.cursor.svelte-1e4nvq3{color:#58a6ff;animation:svelte-1e4nvq3-blink 1s infinite}@keyframes svelte-1e4nvq3-blink{0%,50%{opacity:1}51%,to{opacity:0}}textarea.svelte-1e4nvq3{position:absolute;opacity:0;pointer-events:all;width:100%;height:100%;top:0;left:0}.pane.svelte-1e4nvq3{position:relative}.complete-message.svelte-1e4nvq3{padding:12px 16px;background:#238636;border-radius:6px;color:#fff;font-size:14px;text-align:center}.pane.svelte-ktcmex{display:flex;flex-direction:column;background:#0d1117;border:1px solid #30363d;border-radius:8px;overflow:hidden}.pane-header.svelte-ktcmex{padding:10px 16px;background:#161b22;border-bottom:1px solid #30363d;font-size:12px;font-weight:500;color:#8b949e;text-transform:uppercase;letter-spacing:.5px}.pane-content.svelte-ktcmex{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.stats.svelte-ktcmex{display:flex;gap:16px;padding:12px;background:#161b22;border-radius:8px;flex-wrap:wrap}.stat.svelte-ktcmex{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:60px}.stat-value.svelte-ktcmex{font-size:20px;font-weight:600}.stat-value.good.svelte-ktcmex{color:#3fb950}.stat-value.ok.svelte-ktcmex{color:#d29922}.stat-value.bad.svelte-ktcmex{color:#f85149}.stat-value.correct.svelte-ktcmex{color:#3fb950}.stat-value.incorrect.svelte-ktcmex{color:#f85149}.stat-value.total.svelte-ktcmex{color:#8b949e}.stat-label.svelte-ktcmex{font-size:11px;color:#8b949e;text-transform:uppercase}.typo-section.svelte-ktcmex{flex:1;display:flex;flex-direction:column;gap:12px}.section-header.svelte-ktcmex{font-size:12px;font-weight:500;color:#8b949e;text-transform:uppercase;letter-spacing:.5px}.typo-list.svelte-ktcmex{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.typo-row.svelte-ktcmex{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#161b22;border-radius:6px;font-family:JetBrains Mono,monospace}.typo-keys.svelte-ktcmex{display:flex;align-items:center;gap:8px}.expected-key.svelte-ktcmex{padding:4px 8px;background:#238636;color:#fff;border-radius:4px;font-size:14px;min-width:24px;text-align:center}.arrow.svelte-ktcmex{color:#484f58;font-size:12px}.typed-key.svelte-ktcmex{padding:4px 8px;background:#f85149;color:#fff;border-radius:4px;font-size:14px;min-width:24px;text-align:center}.typo-count.svelte-ktcmex{font-size:16px;font-weight:600;color:#f85149;min-width:32px;text-align:right}.perfect-message.svelte-ktcmex{padding:24px;background:#238636;border-radius:8px;color:#fff;font-size:16px;text-align:center}.placeholder.svelte-ktcmex{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#484f58;gap:8px}.placeholder.svelte-ktcmex p:where(.svelte-ktcmex){margin:0}.placeholder.svelte-ktcmex .hint:where(.svelte-ktcmex){font-size:13px;color:#30363d}*{margin:0;padding:0;box-sizing:border-box}body{font-family:JetBrains Mono,monospace;background:#010409;color:#c9d1d9}.app.svelte-1uha8ag{height:100vh;display:flex;flex-direction:column;overflow:hidden}header.svelte-1uha8ag{display:flex;align-items:center;gap:24px;padding:16px 24px;background:#0d1117;border-bottom:1px solid #21262d}h1.svelte-1uha8ag{font-size:16px;font-weight:600;color:#f0f6fc}.controls.svelte-1uha8ag{display:flex;gap:12px;flex:1}select.svelte-1uha8ag{font-family:inherit;font-size:13px;padding:8px 12px;background:#21262d;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;cursor:pointer;min-width:150px}select.svelte-1uha8ag:hover{background:#30363d}select.svelte-1uha8ag:focus{outline:none;border-color:#58a6ff}.actions.svelte-1uha8ag{display:flex;gap:8px}button.svelte-1uha8ag{font-family:inherit;font-size:13px;font-weight:500;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .15s ease}button.secondary.svelte-1uha8ag{background:#21262d;border:1px solid #30363d;color:#c9d1d9}button.secondary.svelte-1uha8ag:hover{background:#30363d}button.primary.svelte-1uha8ag{background:#238636;border:1px solid #238636;color:#fff}button.primary.svelte-1uha8ag:hover{background:#2ea043}button.svelte-1uha8ag:disabled{opacity:.5;cursor:not-allowed}main.svelte-1uha8ag{flex:1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:16px;overflow:hidden}@media(max-width:1200px){main.svelte-1uha8ag{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}main.svelte-1uha8ag>:nth-child(3){grid-column:span 2}}@media(max-width:768px){main.svelte-1uha8ag{grid-template-columns:1fr;grid-template-rows:auto}main.svelte-1uha8ag>:nth-child(3){grid-column:span 1}}