:root{--mk-radius-xs: 4px;--mk-radius-sm: 8px;--mk-radius-md: 12px;--mk-radius-lg: 16px;--mk-radius-xl: 24px;--mk-radius-full: 9999px;--mk-blur-nav: 12px;--mk-blur-panel: 16px;--mk-blur-overlay: 20px;--mk-dur-fast: .12s;--mk-dur-base: .2s;--mk-ease-out: cubic-bezier(.2, 0, 0, 1);--mk-fs-0: .75rem;--mk-fs-1: .875rem;--mk-fs-2: 1rem;--mk-fs-3: 1.25rem;--mk-fs-4: 1.5625rem;--mk-fs-5: 1.953rem;--mk-fs-6: 2.441rem;--mk-font-display: "JetBrains Mono", monospace;--mk-font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mk-font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace}:root,[data-theme=dark]{color-scheme:dark;--mk-bg-page: #0b1220;--mk-bg-raised: #111a2c;--mk-bg-sunken: #081020;--mk-bg-overlay-solid: #131c2f;--mk-text-primary: #e8edf6;--mk-text-secondary: #9da9bc;--mk-text-muted: #7c8aa0;--mk-accent: #4cc9f0;--mk-accent-strong: #22b8e6;--mk-accent-soft: rgba(76, 201, 240, .14);--mk-accent-contrast: #04121b;--mk-caret: #4cc9f0;--mk-success: #34d399;--mk-success-soft: rgba(52, 211, 153, .12);--mk-danger: #f87171;--mk-danger-soft: rgba(248, 113, 113, .12);--mk-warning: #fbbf24;--mk-warning-soft: rgba(251, 191, 36, .12);--mk-border: rgba(232, 237, 246, .09);--mk-border-strong: rgba(232, 237, 246, .18);--mk-ring: #4cc9f0;--mk-data-1: #4cc9f0;--mk-data-2: #34d399;--mk-data-3: #fbbf24;--mk-data-4: #9da9bc;--mk-glass-bg: rgba(11, 18, 32, .8);--mk-glass-blur: var(--mk-blur-nav);--mk-overlay-glass: rgba(17, 26, 44, .85);--mk-overlay-blur: var(--mk-blur-overlay);--mk-scrim: rgba(4, 8, 16, .55);--mk-page-wash: linear-gradient(180deg, #0d1526 0%, #0b1220 45%, #091019 100%);--mk-shadow-e1: 0 1px 2px rgba(0, 0, 0, .3);--mk-shadow-e4: 0 16px 48px rgba(0, 0, 0, .45);--mk-border-w: 1px;--mk-ring-w: 2px}[data-theme=light]{color-scheme:light;--mk-bg-page: #f3f5f8;--mk-bg-raised: #ffffff;--mk-bg-sunken: #e9edf3;--mk-bg-overlay-solid: #ffffff;--mk-text-primary: #16202e;--mk-text-secondary: #3e4c63;--mk-text-muted: #566379;--mk-accent: #0b6e92;--mk-accent-strong: #095b79;--mk-accent-soft: rgba(11, 110, 146, .1);--mk-accent-contrast: #ffffff;--mk-caret: #0b6e92;--mk-success: #15803d;--mk-success-soft: rgba(21, 128, 61, .1);--mk-danger: #b91c1c;--mk-danger-soft: rgba(185, 28, 28, .08);--mk-warning: #a16207;--mk-warning-soft: rgba(161, 98, 7, .1);--mk-border: rgba(22, 32, 46, .1);--mk-border-strong: rgba(22, 32, 46, .2);--mk-ring: #0b6e92;--mk-data-1: #0b6e92;--mk-data-2: #15803d;--mk-data-3: #a16207;--mk-data-4: #3e4c63;--mk-glass-bg: rgba(243, 245, 248, .82);--mk-glass-blur: var(--mk-blur-nav);--mk-overlay-glass: rgba(255, 255, 255, .86);--mk-overlay-blur: var(--mk-blur-overlay);--mk-scrim: rgba(22, 32, 46, .35);--mk-page-wash: linear-gradient(180deg, #f7f9fb 0%, #f3f5f8 45%, #edf0f5 100%);--mk-shadow-e1: 0 1px 2px rgba(22, 32, 46, .06);--mk-shadow-e4: 0 16px 48px rgba(22, 32, 46, .16);--mk-border-w: 1px;--mk-ring-w: 2px}[data-theme=hc]{color-scheme:dark;--mk-bg-page: #000000;--mk-bg-raised: #0a0a0c;--mk-bg-sunken: #000000;--mk-bg-overlay-solid: #0a0a0c;--mk-text-primary: #ffffff;--mk-text-secondary: #e0e0e0;--mk-text-muted: #c0c0c0;--mk-accent: #7fdbff;--mk-accent-strong: #7fdbff;--mk-accent-soft: #0e2733;--mk-accent-contrast: #000000;--mk-caret: #7fdbff;--mk-success: #7ce7ac;--mk-success-soft: #06281b;--mk-danger: #ff9c9c;--mk-danger-soft: #2e0d0d;--mk-warning: #ffd37f;--mk-warning-soft: #2e2306;--mk-border: #9a9a9a;--mk-border-strong: #c0c0c0;--mk-ring: #ffffff;--mk-data-1: #7fdbff;--mk-data-2: #7ce7ac;--mk-data-3: #ffd37f;--mk-data-4: #e0e0e0;--mk-glass-bg: #000000;--mk-glass-blur: 0px;--mk-overlay-glass: #0a0a0c;--mk-overlay-blur: 0px;--mk-scrim: rgba(0, 0, 0, .8);--mk-page-wash: none;--mk-shadow-e1: none;--mk-shadow-e4: none;--mk-border-w: 2px;--mk-ring-w: 3px}[data-transparency=reduced]{--mk-glass-bg: var(--mk-bg-raised);--mk-glass-blur: 0px;--mk-overlay-glass: var(--mk-bg-overlay-solid);--mk-overlay-blur: 0px;--mk-page-wash: none}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.nav{background:var(--mk-bg-raised)}.modal{background:var(--mk-bg-overlay-solid)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--mk-font-ui);font-size:var(--mk-fs-2);line-height:1.6;background-color:var(--mk-bg-page);background-image:var(--mk-page-wash);background-repeat:no-repeat;background-size:100% 100%;color:var(--mk-text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:var(--mk-ring-w) solid var(--mk-ring);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}html[data-motion=reduced]{scroll-behavior:auto}[data-motion=reduced] *,[data-motion=reduced] *:before,[data-motion=reduced] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@keyframes mk-blink{50%{opacity:0}}@keyframes mk-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes mk-rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.nav{position:sticky;top:0;z-index:50;background:var(--mk-glass-bg);-webkit-backdrop-filter:blur(var(--mk-glass-blur));backdrop-filter:blur(var(--mk-glass-blur));border-bottom:var(--mk-border-w) solid var(--mk-border)}.nav-inner{max-width:1100px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.nav-brand{text-decoration:none;color:var(--mk-text-primary)}.wordmark{font-family:var(--mk-font-mono);font-weight:700;font-size:var(--mk-fs-3);letter-spacing:-.03em;white-space:nowrap}.wordmark .caret-glyph{color:var(--mk-caret)}.nav-menu-toggle{display:none;align-items:center;gap:6px;padding:6px 12px;font-family:var(--mk-font-mono);font-size:var(--mk-fs-0);font-weight:600;color:var(--mk-text-secondary);border:var(--mk-border-w) solid var(--mk-border);border-radius:var(--mk-radius-sm);background:var(--mk-bg-raised)}.nav-menu-toggle:hover{color:var(--mk-text-primary);border-color:var(--mk-border-strong)}.nav-menu{display:flex;align-items:center;gap:12px;flex:1 1 auto;flex-wrap:wrap}.nav-spacer{flex:1 1 auto}.nav-links{display:flex;gap:4px;flex-wrap:wrap}.nav-link{text-decoration:none;font-weight:500;font-size:var(--mk-fs-1);color:var(--mk-text-secondary);padding:6px 12px;border-radius:var(--mk-radius-sm);transition:background-color var(--mk-dur-fast) var(--mk-ease-out),color var(--mk-dur-fast) var(--mk-ease-out)}.nav-link:hover{background:var(--mk-bg-raised);color:var(--mk-text-primary)}.nav-link.active{color:var(--mk-text-primary);box-shadow:inset 0 -2px 0 var(--mk-border-strong)}.nav-links-secondary{display:none}.theme-switch,.pref-switch{display:inline-flex;border:var(--mk-border-w) solid var(--mk-border);border-radius:var(--mk-radius-sm);overflow:hidden;background:var(--mk-bg-raised)}.theme-switch button,.pref-switch button{padding:6px 12px;font-size:var(--mk-fs-0);font-weight:600;color:var(--mk-text-secondary);transition:background-color var(--mk-dur-fast) var(--mk-ease-out),color var(--mk-dur-fast) var(--mk-ease-out)}.theme-switch button+button,.pref-switch button+button{border-left:var(--mk-border-w) solid var(--mk-border)}.theme-switch button:hover,.pref-switch button:hover{color:var(--mk-text-primary)}.theme-switch button[aria-pressed=true],.pref-switch button[aria-pressed=true]{background:var(--mk-accent-soft);color:var(--mk-text-primary);box-shadow:inset 0 -2px 0 var(--mk-ring)}.zen-toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;font-size:var(--mk-fs-0);font-weight:600;font-family:var(--mk-font-mono);color:var(--mk-text-secondary);border:var(--mk-border-w) solid var(--mk-border);border-radius:var(--mk-radius-sm);background:var(--mk-bg-raised);transition:border-color var(--mk-dur-fast) var(--mk-ease-out),color var(--mk-dur-fast) var(--mk-ease-out)}.zen-toggle:hover{border-color:var(--mk-border-strong);color:var(--mk-text-primary)}.zen-toggle[aria-pressed=true]{background:var(--mk-accent-soft);color:var(--mk-text-primary)}.kbd{border:var(--mk-border-w) solid var(--mk-border);border-radius:var(--mk-radius-xs);padding:0 5px;font-size:.6875rem}.hero{text-align:center;padding:36px 16px 8px;max-width:760px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--mk-bg-raised);border:var(--mk-border-w) solid var(--mk-border);border-radius:var(--mk-radius-xs);font-family:var(--mk-font-mono);font-size:.6875rem;font-weight:500;color:var(--mk-text-muted);letter-spacing:.04em;margin-bottom:14px}.hero h1{font-family:var(--mk-font-mono);font-size:clamp(1.5rem,4.5vw,var(--mk-fs-5));font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:10px}.hero h1 .accent{color:inherit}.hero p{font-size:var(--mk-fs-1);color:var(--mk-text-secondary);max-width:560px;margin:0 auto 20px;line-height:1.6}.hero-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--mk-bg-raised);color:var(--mk-text-primary);border:var(--mk-border-w) solid var(--mk-border-strong);border-radius:var(--mk-radius-sm);font-family:var(--mk-font-ui);font-size:var(--mk-fs-1);font-weight:600;cursor:pointer;transition:border-color var(--mk-dur-fast) var(--mk-ease-out);box-shadow:var(--mk-shadow-e1)}.hero-cta:hover{border-color:var(--mk-text-muted)}.hero-cta svg{width:16px;height:16px}a.hero-cta{text-decoration:none}.container{max-width:760px;margin:0 auto;padding:0 16px 40px}.stats-panel{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}.stat-item{text-align:center;padding:14px 8px;background:var(--mk-bg-raised);border:var(--mk-border-w) solid var(--mk-border);border-radius:var(--mk-radius-md);box-shadow:var(--mk-shadow-e1)}.stat-value{display:block;font-family:var(--mk-font-mono);font-weight:500;font-variant-numeric:tabular-nums;font-size:clamp(1.25rem,4vw,1.75rem);line-height:1.15;color:var(--mk-text-primary);margin-bottom:2px}.stat-label{font-family:var(--mk-font-mono);font-size:var(--mk-fs-0);color:var(--mk-text-muted);text-transform:lowercase;letter-spacing:.04em}.game-area{background:var(--mk-bg-raised);border:var(--mk-border-w) solid var(--mk-border);border-radius:var(--mk-radius-lg);padding:24px;box-shadow:var(--mk-shadow-e1);margin-bottom:24px}.settings-bar{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px;padding-bottom:18px;border-bottom:var(--mk-border-w) solid var(--mk-border);align-items:flex-end}.setting-group{display:flex;flex-direction:column;gap:6px}.setting-label{font-family:var(--mk-font-mono);font-size:var(--mk-fs-0);color:var(--mk-text-muted);text-transform:lowercase;letter-spacing:.04em}select,.btn-option{padding:8px 14px;border-radius:var(--mk-radius-sm);border:var(--mk-border-w) solid var(--mk-border);background:var(--mk-bg-raised);color:var(--mk-text-primary);font-family:var(--mk-font-ui);font-size:var(--mk-fs-1);font-weight:500;cursor:pointer;transition:border-color var(--mk-dur-fast) var(--mk-ease-out),background-color var(--mk-dur-fast) var(--mk-ease-out)}select:hover,.btn-option:hover{border-color:var(--mk-border-strong)}select:focus,.btn-option:focus{outline:var(--mk-ring-w) solid var(--mk-ring);outline-offset:1px}.btn-option{display:inline-flex;align-items:center;gap:6px;color:var(--mk-text-secondary)}.btn-option.active{background:var(--mk-accent-soft);color:var(--mk-text-primary);border-color:var(--mk-border-strong);box-shadow:inset 0 -2px 0 var(--mk-border-strong)}.weak-toggle{display:flex;align-items:center;gap:8px;font-size:var(--mk-fs-1);color:var(--mk-text-secondary);cursor:pointer;padding:8px 0}.weak-toggle input{accent-color:var(--mk-accent-strong);width:16px;height:16px;cursor:pointer}.weak-key-info{text-align:center;padding:10px 16px;margin-bottom:16px;border-radius:var(--mk-radius-md);font-size:var(--mk-fs-1);font-weight:500;color:var(--mk-text-secondary);background:var(--mk-bg-sunken);border:var(--mk-border-w) dashed var(--mk-border-strong)}.word-display{font-family:var(--mk-font-mono);font-size:clamp(16px,4.5vw,22px);font-weight:500;text-align:center;padding:clamp(20px,4vw,32px) 20px;margin-bottom:20px;background:var(--mk-bg-sunken);border:2px solid var(--mk-border-strong);border-radius:var(--mk-radius-md);min-height:120px;display:flex;align-items:center;justify-content:center;line-height:1.9;letter-spacing:.01em;transition:border-color var(--mk-dur-fast) var(--mk-ease-out)}.word-display.coding{font-size:clamp(14px,3vw,18px);text-align:left;justify-content:flex-start;white-space:pre-wrap;word-break:break-all}.word-display.correct{border-color:var(--mk-success)}.word-display.incorrect{border-color:var(--mk-danger)}.word-text{overflow-wrap:break-word}.char{display:inline;color:var(--mk-text-muted)}.char.correct{color:var(--mk-text-primary)}.char.incorrect{color:var(--mk-danger);text-decoration:underline wavy;text-underline-offset:4px}.char.current{position:relative}.char.current:before{content:"";position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:2px;height:1.25em;background:var(--mk-caret);animation:mk-blink 1.1s steps(1) infinite}.input-wrapper{position:relative;margin-bottom:20px}#wordInput{width:100%;padding:14px 18px;font-size:var(--mk-fs-2);font-family:var(--mk-font-mono);border:2px solid var(--mk-border-strong);border-radius:var(--mk-radius-md);background:var(--mk-bg-sunken);color:var(--mk-text-primary);caret-color:var(--mk-caret);transition:border-color var(--mk-dur-fast) var(--mk-ease-out)}#wordInput::placeholder{color:var(--mk-text-muted)}#wordInput:focus{outline:none;border-color:var(--mk-ring)}#wordInput:disabled{cursor:not-allowed;opacity:.55}.btn-group{display:flex;gap:12px;flex-wrap:wrap}.btn{padding:12px 24px;font-size:var(--mk-fs-1);font-weight:600;font-family:var(--mk-font-ui);border:var(--mk-border-w) solid var(--mk-border);border-radius:var(--mk-radius-sm);background:var(--mk-bg-raised);color:var(--mk-text-secondary);cursor:pointer;transition:border-color var(--mk-dur-fast) var(--mk-ease-out),color var(--mk-dur-fast) var(--mk-ease-out);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover:not(:disabled){border-color:var(--mk-border-strong);color:var(--mk-text-primary)}.btn-primary{border-color:var(--mk-border-strong);color:var(--mk-text-primary);box-shadow:var(--mk-shadow-e1)}.btn-primary:hover:not(:disabled){border-color:var(--mk-text-muted)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn svg{width:16px;height:16px}.timer-display{text-align:center;font-family:var(--mk-font-mono);font-size:var(--mk-fs-3);font-weight:500;color:var(--mk-text-secondary);margin-bottom:16px;display:none;font-variant-numeric:tabular-nums}.timer-display.show{display:block}.timer-display.warning{color:var(--mk-warning);animation:mk-blink 1s steps(1) infinite}#message{text-align:center;padding:12px 18px;border-radius:var(--mk-radius-md);font-size:var(--mk-fs-1);font-weight:500;margin-bottom:16px;display:none}#message.show{display:block;animation:mk-fade-in var(--mk-dur-base) var(--mk-ease-out)}#message.success{background:var(--mk-success-soft);color:var(--mk-success);border:var(--mk-border-w) solid var(--mk-success)}#message.error{background:var(--mk-danger-soft);color:var(--mk-danger);border:var(--mk-border-w) solid var(--mk-danger)}#message.info{background:var(--mk-bg-raised);color:var(--mk-text-secondary);border:var(--mk-border-w) solid var(--mk-border-strong)}.modal-overlay{position:fixed;inset:0;background:var(--mk-scrim);display:none;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(var(--mk-overlay-blur));backdrop-filter:blur(var(--mk-overlay-blur))}.modal-overlay.show{display:flex;animation:mk-fade-in var(--mk-dur-base) var(--mk-ease-out)}.modal{background:var(--mk-overlay-glass);-webkit-backdrop-filter:blur(var(--mk-overlay-blur));backdrop-filter:blur(var(--mk-overlay-blur));border-radius:var(--mk-radius-lg);padding:32px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--mk-shadow-e4);border:var(--mk-border-w) solid var(--mk-border-strong);animation:mk-rise-in var(--mk-dur-base) var(--mk-ease-out)}.modal-header{text-align:center;margin-bottom:24px}.modal-header h2{font-family:var(--mk-font-mono);font-size:var(--mk-fs-4);font-weight:500;color:var(--mk-text-primary);margin-bottom:6px;letter-spacing:-.02em}.modal-header p{color:var(--mk-text-secondary);font-size:var(--mk-fs-1)}.modal-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.modal-stat-wide{grid-column:1 / -1}.modal-stat{text-align:center;padding:16px;background:var(--mk-bg-raised);border:var(--mk-border-w) solid var(--mk-border);border-radius:var(--mk-radius-md);box-shadow:var(--mk-shadow-e1)}.modal-stat-value{display:block;font-family:var(--mk-font-mono);font-weight:500;font-size:clamp(1.5625rem,5vw,2.125rem);line-height:1.15;color:var(--mk-text-primary);font-variant-numeric:tabular-nums}.modal-stat-label{font-family:var(--mk-font-mono);font-size:var(--mk-fs-0);color:var(--mk-text-muted);text-transform:lowercase;letter-spacing:.04em}.modal-personal-best{text-align:center;padding:12px;background:var(--mk-success-soft);border:var(--mk-border-w) solid var(--mk-success);border-radius:var(--mk-radius-md);margin-bottom:20px;font-family:var(--mk-font-mono);font-weight:500;font-size:var(--mk-fs-1);color:var(--mk-success);display:none}.modal-personal-best.show{display:block}.history-section{margin-top:24px;display:none}.history-section.show{display:block}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap;gap:10px}.history-header h3{font-family:var(--mk-font-mono);font-size:var(--mk-fs-2);font-weight:500;letter-spacing:.02em}.history-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.history-list{background:var(--mk-bg-raised);border-radius:var(--mk-radius-md);overflow:hidden;border:var(--mk-border-w) solid var(--mk-border);box-shadow:var(--mk-shadow-e1)}.history-item{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr auto;gap:8px;padding:12px 16px;border-bottom:var(--mk-border-w) solid var(--mk-border);align-items:center;font-size:var(--mk-fs-1);font-variant-numeric:tabular-nums;color:var(--mk-text-secondary);transition:background-color var(--mk-dur-fast) var(--mk-ease-out)}.history-item:last-child{border-bottom:none}.history-item:hover{background:var(--mk-bg-sunken)}.history-show-more{display:block;width:100%;padding:12px 16px;background:none;border:none;border-top:var(--mk-border-w) solid var(--mk-border);color:var(--mk-text-secondary);font-size:var(--mk-fs-1);font-weight:600;cursor:pointer;transition:background-color var(--mk-dur-fast) var(--mk-ease-out)}.history-show-more:hover{background:var(--mk-bg-sunken);color:var(--mk-text-primary)}.history-label{color:var(--mk-text-muted);font-family:var(--mk-font-mono);font-size:var(--mk-fs-0);text-transform:lowercase;letter-spacing:.04em;padding:10px 16px;background:var(--mk-bg-sunken)}.progress-dashboard{display:none;margin-top:24px}.progress-dashboard.show{display:block}.dash-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.dash-header h3{font-family:var(--mk-font-mono);font-size:var(--mk-fs-2);font-weight:500;letter-spacing:.02em}.dash-sub{font-family:var(--mk-font-mono);font-size:var(--mk-fs-0);color:var(--mk-text-muted)}.spark{width:100%;height:48px;display:block;margin-top:8px}.dash-hint{font-size:var(--mk-fs-0);color:var(--mk-text-muted);margin-top:8px}.dash-records{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-top:12px}.dash-record{text-align:center;padding:12px 8px;border-radius:var(--mk-radius-sm);background:var(--mk-bg-raised);border:var(--mk-border-w) solid var(--mk-border)}.dash-value{display:block;font-family:var(--mk-font-mono);font-size:var(--mk-fs-3);font-weight:500;font-variant-numeric:tabular-nums;color:var(--mk-text-primary)}.dash-label{font-family:var(--mk-font-mono);font-size:var(--mk-fs-0);color:var(--mk-text-muted);text-transform:lowercase;letter-spacing:.04em}.heatmap-block{margin-top:24px}.heatmap-block h3{font-family:var(--mk-font-mono);font-size:var(--mk-fs-2);font-weight:500;letter-spacing:.02em;margin-bottom:4px}.keyboard-heatmap{display:flex;flex-direction:column;gap:6px;margin-top:12px}.heatmap-row{display:flex;gap:6px;justify-content:center}.heatmap-key{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--mk-radius-xs);font-size:var(--mk-fs-0);font-weight:700;font-family:var(--mk-font-mono);background:var(--mk-bg-raised);border:var(--mk-border-w) solid var(--mk-border);color:var(--mk-text-muted);cursor:default;-webkit-user-select:none;user-select:none}.heatmap-space{width:190px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.heatmap-empty{opacity:.55}.heatmap-hint{margin-top:10px;font-size:var(--mk-fs-0);color:var(--mk-text-muted);text-align:center}.content-section{max-width:760px;margin:0 auto;padding:0 16px}.section-card{background:var(--mk-bg-raised);border-radius:var(--mk-radius-md);padding:28px;margin-bottom:20px;border:var(--mk-border-w) solid var(--mk-border);box-shadow:var(--mk-shadow-e1)}.section-card h2{font-family:var(--mk-font-mono);font-size:var(--mk-fs-3);font-weight:500;margin-bottom:16px;letter-spacing:-.01em}.section-card h3{font-size:var(--mk-fs-2);font-weight:600;margin-bottom:8px;color:var(--mk-text-primary)}.section-card p,.section-card li{color:var(--mk-text-secondary);font-size:var(--mk-fs-1);line-height:1.7}.section-card ul{padding-left:20px;margin-bottom:16px}.section-card li{margin-bottom:6px}.section-card a{color:var(--mk-text-primary);font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--mk-border-strong)}.section-card a:hover{text-decoration-color:var(--mk-text-primary)}.benchmark-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.benchmark-item{padding:16px;background:var(--mk-bg-page);border-radius:var(--mk-radius-md);text-align:center;border:var(--mk-border-w) solid var(--mk-border)}.benchmark-speed{font-family:var(--mk-font-mono);font-size:var(--mk-fs-4);font-weight:500;color:var(--mk-text-primary);font-variant-numeric:tabular-nums}.benchmark-label{font-size:var(--mk-fs-0);color:var(--mk-text-secondary);font-weight:500;margin-top:6px;line-height:1.5}.faq-item{padding:18px 0;border-bottom:var(--mk-border-w) solid var(--mk-border)}.faq-item:last-child{border-bottom:none}.faq-q{font-weight:600;font-size:var(--mk-fs-2);margin-bottom:8px;color:var(--mk-text-primary)}.faq-a{color:var(--mk-text-secondary);font-size:var(--mk-fs-1);line-height:1.7}.footer{border-top:var(--mk-border-w) solid var(--mk-border);padding:32px 20px;margin-top:40px}.footer-inner{max-width:960px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}.footer-brand{display:flex;align-items:center;gap:8px;font-family:var(--mk-font-mono);font-weight:700;font-size:var(--mk-fs-1);color:var(--mk-text-secondary)}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-link{font-size:var(--mk-fs-0);color:var(--mk-text-muted);text-decoration:none;font-weight:500;transition:color var(--mk-dur-fast) var(--mk-ease-out)}.footer-link:hover{color:var(--mk-text-primary)}.footer-copy{font-size:var(--mk-fs-0);color:var(--mk-text-muted);width:100%;text-align:center;margin-top:16px}.footer-copy a{color:inherit}.footer-pages{width:100%;display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center;padding-top:4px}[data-focus=zen] .nav,[data-focus=zen] .hero,[data-focus=zen] .stats-panel,[data-focus=zen] .settings-bar,[data-focus=zen] .weak-key-info,[data-focus=zen] .history-section,[data-focus=zen] .section-card,[data-focus=zen] .footer{display:none}[data-focus=zen] .container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:16px}[data-focus=zen] .game-area{margin-bottom:0}.zen-exit{display:none;position:fixed;right:16px;bottom:16px;z-index:60;font-family:var(--mk-font-mono);font-size:var(--mk-fs-0);color:var(--mk-text-muted);background:var(--mk-bg-raised);border:var(--mk-border-w) solid var(--mk-border);border-radius:var(--mk-radius-sm);padding:8px 12px}.zen-exit:hover{color:var(--mk-text-primary);border-color:var(--mk-border-strong)}[data-focus=zen] .zen-exit{display:block}.prose p{margin-bottom:12px}.prose p:last-child{margin-bottom:0}.prose h3{margin-top:20px}.code-sample{font-family:var(--mk-font-mono);font-size:var(--mk-fs-1);line-height:1.8;color:var(--mk-text-primary);background:var(--mk-bg-sunken);border:var(--mk-border-w) solid var(--mk-border);border-radius:var(--mk-radius-md);padding:14px 18px;margin:14px 0;overflow-x:auto;white-space:pre}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:var(--mk-fs-1)}.data-table th,.data-table td{text-align:left;padding:10px 12px;border-bottom:var(--mk-border-w) solid var(--mk-border);color:var(--mk-text-secondary);line-height:1.5}.data-table th{color:var(--mk-text-muted);font-family:var(--mk-font-mono);font-weight:500;font-size:var(--mk-fs-0);text-transform:lowercase;letter-spacing:.04em}.data-table td strong{color:var(--mk-text-primary)}.related-links{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px}.related-links a{color:var(--mk-text-primary);font-weight:500;font-size:var(--mk-fs-1);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--mk-border-strong)}.related-links a:hover{text-decoration-color:var(--mk-text-primary)}.page-section{display:none}.page-section.active{display:block}@media(max-width:768px){.benchmark-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.nav-inner{padding:10px 14px;gap:10px}.nav-menu-toggle{display:inline-flex;margin-left:auto}.nav-menu{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:12px;padding:12px 0 6px;border-top:var(--mk-border-w) solid var(--mk-border)}.nav-menu.open{display:flex}.nav-links{flex-direction:column;gap:2px}.nav-links-secondary{display:flex;padding-top:8px;border-top:var(--mk-border-w) solid var(--mk-border)}.nav-spacer{display:none}.theme-switch,.pref-switch{align-self:flex-start}.hero{padding:28px 16px 4px}.container{padding:0 16px 24px}.game-area{padding:18px 14px;border-radius:var(--mk-radius-md)}.word-display{padding:24px 14px;min-height:100px}.stats-panel{grid-template-columns:repeat(2,1fr);gap:8px}.stat-item:last-child{grid-column:1 / -1}.btn-group{flex-direction:column}.btn{width:100%}.modal{padding:24px}.history-item{grid-template-columns:1fr 1fr;gap:6px}.history-item>*:nth-child(n+3){display:none}.history-actions{width:100%}.section-card{padding:20px}.benchmark-grid{grid-template-columns:repeat(2,1fr)}.heatmap-row{gap:4px}.heatmap-key{width:min(7.2vw,26px);height:min(7.2vw,26px);font-size:10px}.heatmap-space{width:min(41vw,130px)}}@media print{.nav,.btn,.settings-bar,#wordInput,.footer,.hero-cta,.zen-exit{display:none}.game-area{box-shadow:none;border:1px solid #ddd}}