.type-space{--type-green:#16a34a;--type-red:#dc2626;--type-card-bg:var(--bg-page);color:var(--text-color);min-height:100vh;min-height:100svh;font-family:var(--font-family-base);background:radial-gradient(circle at 12% 18%, #00c1c11a, transparent 42%), radial-gradient(circle at 88% 12%, #ff732e1a, transparent 40%), radial-gradient(circle at 50% 92%, #3838ff14, transparent 48%), var(--bg-page);flex-direction:column;align-items:center;display:flex;position:relative;overflow-x:hidden}.dark-theme .type-space{background:radial-gradient(circle at 12% 18%, #00ffff14, transparent 42%), radial-gradient(circle at 88% 12%, #ff732e1a, transparent 40%), radial-gradient(circle at 50% 92%, #4da6ff1a, transparent 48%), var(--bg-page)}.type-main{width:100%;max-width:44rem;padding:calc(var(--nav-size) * 1.35) var(--spacing-sm) var(--spacing-lg);z-index:1;flex-direction:column;flex:1 0 auto;align-items:center;display:flex}.type-title{margin:0 0 var(--spacing-xs);font-size:var(--font-size-heading);font-weight:var(--font-weight-bold,700)}.type-subtitle{margin:0 0 var(--spacing-sm);font-size:var(--font-size-small);color:var(--text-color-small);text-align:center;max-width:36rem}.type-controls{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);flex-wrap:wrap;justify-content:center;display:flex}.type-mode-label{font-weight:var(--font-weight-semibold,600);font-size:var(--font-size-base)}.type-mode-hint{font-size:var(--font-size-xs);color:var(--text-color-small);font-style:italic}.type-switch{width:calc(var(--nav-size) * 1.1);height:calc(var(--nav-size) * .62);flex-shrink:0;display:inline-block;position:relative}.type-switch input{opacity:0;width:0;height:0}.type-slider{cursor:pointer;background-color:var(--text-color-small);border-radius:999px;transition:background-color .2s;position:absolute;top:0;bottom:0;left:0;right:0}.type-slider:before{content:"";height:calc(var(--nav-size) * .48);width:calc(var(--nav-size) * .48);left:calc(var(--nav-size) * .07);top:calc(var(--nav-size) * .07);background-color:#fff;border-radius:50%;transition:transform .2s;position:absolute;box-shadow:0 1px 3px #0000004d}.type-switch input:checked+.type-slider{background-color:var(--type-green)}.type-switch input:checked+.type-slider:before{transform:translateX(calc(var(--nav-size) * .48))}.type-switch input:focus-visible+.type-slider{outline:2px solid var(--fg-blue);outline-offset:2px}.type-switch input:disabled+.type-slider{cursor:not-allowed;opacity:.6}.type-stats{gap:var(--spacing-md);margin-bottom:var(--spacing-xs);display:flex}.type-stat{flex-direction:column;align-items:center;min-width:5rem;display:flex}.type-stat-value{font-size:var(--font-size-heading);font-weight:var(--font-weight-bold,700);font-variant-numeric:tabular-nums}.type-stat-label{font-size:var(--font-size-xs);color:var(--text-color-small);text-transform:uppercase;letter-spacing:.08em}.type-progress{width:100%;height:calc(var(--nav-size) * .14);background:var(--text-color-small);opacity:.3;margin-bottom:var(--spacing-sm);border-radius:999px;overflow:hidden}.type-progress-fill{background:var(--fg-blue);border-radius:999px;height:100%;transition:width .1s linear}.type-card{background:var(--type-card-bg);border:1px solid var(--text-color-small);width:100%;padding:var(--spacing-sm);cursor:text;border-radius:12px;box-shadow:0 8px 24px #00000014}.type-text{font-family:SFMono-Regular,Cascadia Code,Consolas,Liberation Mono,Menlo,monospace;font-size:var(--font-size-large);white-space:pre-wrap;word-break:break-word;letter-spacing:.02em;line-height:1.7}.type-char{color:var(--text-color-small);border-radius:2px}.type-char.correct{color:var(--type-green)}.type-char.incorrect{color:var(--type-red);text-decoration:underline;-webkit-text-decoration-color:var(--type-red);text-decoration-color:var(--type-red);background:#dc262626;text-decoration-thickness:2px}.type-char.current{border-left:2px solid var(--fg-blue);background:#00c1c12e;animation:1s step-end infinite type-blink}@keyframes type-blink{50%{border-left-color:#0000}}.type-input{opacity:0;border:0;width:1px;height:1px;padding:0;position:absolute;left:-9999px}.type-results{margin-top:var(--spacing-sm);text-align:center;align-items:center;gap:var(--spacing-xs);flex-direction:column;width:100%;display:flex}.type-results-title{font-size:var(--font-size-large);margin:0}.type-results-grid{gap:var(--spacing-md);justify-content:center;display:flex}.type-result{flex-direction:column;align-items:center;min-width:5rem;display:flex}.type-result-value{font-size:var(--font-size-heading);font-weight:var(--font-weight-bold,700);font-variant-numeric:tabular-nums}.type-result-label{font-size:var(--font-size-xs);color:var(--text-color-small);text-transform:uppercase;letter-spacing:.08em}.type-again{margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold,600);background:linear-gradient(135deg, var(--fg-blue), var(--fg-mint));color:var(--text-color-inv);cursor:pointer;border:none;border-radius:999px;transition:transform .15s,opacity .15s}.type-again:hover{opacity:.92;transform:translateY(-1px)}.type-again:focus-visible{outline:2px solid var(--fg-blue);outline-offset:2px}