:root{--bg: #0d1117;--bg-raised: #131a23;--bg-sunken: #090d12;--border: #212b36;--border-strong: #5e6d7e;--text: #dee6f2;--text-dim: #8ea1b6;--text-faint: #78899c;--accent: #7ee787;--accent-dim: #2ea043;--danger: #ff7b72;--warn: #e3b341;--violet: #b392f0;--violet-bright: #c6adf4;--syn-keyword: #6cb6ff;--syn-string: #79d0c2;--syn-number: #f0b98d;--syn-func: #e6a8d7;--ink-on-accent: #04160a;--ink-on-violet: #10061f;--wash-accent: rgba(126, 231, 135, .06);--wash-accent-strong: rgba(126, 231, 135, .1);--fill-accent-soft: rgba(46, 160, 67, .08);--fill-accent: rgba(46, 160, 67, .14);--fill-danger: rgba(255, 123, 114, .12);--ring-normal: 0 0 0 3px rgba(46, 160, 67, .12);--ring-insert: 0 0 0 3px rgba(227, 179, 65, .12);--ring-visual: 0 0 0 3px rgba(179, 146, 240, .12);--focus-ring: 2px solid var(--accent);--focus-offset: 2px;--mono: ui-monospace, "SF Mono", "JetBrains Mono", "Fira Code", Menlo, Consolas, monospace;--sans: ui-sans-serif, system-ui, "Inter", "Segoe UI", Helvetica, Arial, sans-serif;--radius: 10px;--radius-cell: 2px;--radius-xs: 4px;--radius-s: 6px;--radius-pill: 999px;--dur-fast: .15s;--label-size: .72rem;--label-track: .14em;--spacing-xs: .25rem;--spacing-s: .5rem;--spacing-m: 1rem;--spacing-l: 2rem;--spacing-xl: 4rem;--scroll-thumb: rgba(142, 161, 182, .25);--scroll-thumb-hover: rgba(126, 231, 135, .45);--collapse: .22s;--dur-settle: .24s;--ease-out: cubic-bezier(.16, 1, .3, 1);--rise: 6px}@media(prefers-reduced-motion:reduce){:root{--collapse: 0s;--rise: 0px}.banner.is-fading{transition:none}.landing-hero .caret{animation:none}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased;caret-color:var(--accent)}code,kbd{font-family:var(--mono)}html{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent;scrollbar-gutter:stable}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb);background-clip:content-box;border:3px solid transparent;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-thumb-hover)}::-webkit-scrollbar-corner{background:transparent}a{color:inherit;text-decoration:none}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.sidebar-link:focus-visible,.chapter-toggle:focus-visible,.sidebar-toggle:focus-visible,.trainer-main:focus-visible{outline-offset:-2px}.editor-overlay:focus-visible{outline-offset:-5px}::selection{background:var(--accent-dim);color:var(--ink-on-accent)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.skip-link{position:fixed;top:var(--spacing-s);left:var(--spacing-s);z-index:20;transform:translateY(-250%);padding:var(--spacing-s) 1.15rem;border:1px solid var(--accent-dim);border-radius:var(--radius);background:var(--accent-dim);color:var(--ink-on-accent);font:inherit;font-size:.95rem;font-weight:600;cursor:pointer}.skip-link:focus{transform:none}@keyframes rise-in{0%{opacity:0;transform:translateY(var(--rise))}}.button{display:inline-block;padding:var(--spacing-s) 1.15rem;border-radius:var(--radius);border:1px solid var(--border-strong);background:transparent;color:var(--text);font:inherit;font-size:.95rem;cursor:pointer;transition:background var(--dur-fast) ease,border-color var(--dur-fast) ease,transform .1s ease}.button:hover{border-color:var(--accent-dim);background:var(--fill-accent-soft)}.button:active{transform:translateY(1px)}.button.primary{background:var(--accent-dim);border-color:var(--accent-dim);color:var(--ink-on-accent);font-weight:600}.button.primary:hover{background:var(--accent);border-color:var(--accent)}.button-key{margin-left:.55rem;padding:.05rem .35rem;border:1px solid currentcolor;border-radius:calc(var(--radius) / 2);font-size:.8em;opacity:.55}.eyebrow{margin:0 0 var(--spacing-xs)}.lede{color:var(--text-dim);max-width:62ch}.card,.landing-features article,.checklist,.stat-tiles article,.challenge-gate,.banner,.row-link{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised)}.chip,.checklist li code,.key-hints code,.zen-history code,.cheatsheet-table code{font-family:var(--mono);border:1px solid var(--border);border-radius:var(--radius-s);padding:var(--spacing-xs) .35rem}.micro-label,.eyebrow,.sidebar-heading,.chapter-toggle,.sidebar-toggle,.zen-history-label,.vimrc-label,.stat-label,.stats-table th,.cheatsheet-table th,.heatmap-legend,.theme-picker-title{text-transform:uppercase;font-size:var(--label-size);letter-spacing:var(--label-track);color:var(--text-dim)}.stack,.landing-chapters ol,.checklist ul,.challenge-list,.placeholder-outline{list-style:none;margin:0;padding:0;display:grid;gap:var(--spacing-s)}.row-link{display:grid;grid-template-columns:var(--lead, 200px) 1fr auto;gap:var(--spacing-m);align-items:center;padding:var(--spacing-m) 1rem;transition:border-color var(--dur-fast) ease}.row-link:hover{border-color:var(--accent-dim)}.row-link span{color:var(--text-dim);font-size:.9rem}.row-link em{font-style:normal;font-family:var(--mono);font-size:.8rem;color:var(--text-dim)}.row-link.is-planned{border-style:dashed}.row-link.is-planned em{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--warn)}.landing{max-width:1040px;margin:0 auto;padding:var(--spacing-xl) 1.5rem var(--spacing-xl)}.landing-brand{font-size:1.4rem;margin-bottom:var(--spacing-m)}.landing-hero h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.1;margin:0 0 var(--spacing-m);letter-spacing:-.02em}.landing-hero .caret{display:inline-block;width:.55ch;background:var(--accent);animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.landing-cta{display:grid;gap:var(--spacing-l);margin-top:var(--spacing-l)}.cta-group h2{margin:0 0 var(--spacing-s);font-weight:600}.cta-row{display:flex;gap:var(--spacing-s);flex-wrap:wrap}.button.is-planned{border-style:dashed;color:var(--text-dim)}.button.is-planned:hover{color:var(--text)}.button .soon-badge{margin-left:.5rem}.landing-note{margin:var(--spacing-m) 0 0;max-width:62ch;font-size:.88rem;color:var(--text-dim)}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-m);margin:var(--spacing-xl) 0}.landing-features article{border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-m) 1.25rem;background:var(--bg-raised)}.landing-features h3{margin:0 0 var(--spacing-s);font-size:1rem}.landing-features p{margin:0;color:var(--text-dim);font-size:.92rem}.landing-chapters h2{font-size:1.1rem;margin-bottom:var(--spacing-m)}.landing-footer{margin-top:var(--spacing-xl);color:var(--text-dim);font-size:.85rem;border-top:1px solid var(--border);padding-top:var(--spacing-l)}.trainer-shell{display:grid;grid-template-columns:272px 1fr;min-height:100%}.sidebar{display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--bg-sunken);padding:var(--spacing-l) 1rem 0;height:100vh;height:100dvh;position:sticky;top:0;overflow:hidden}.sidebar-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-s);margin-bottom:var(--spacing-l)}.brand{display:flex;align-items:baseline;gap:.4rem;font-family:var(--mono);font-size:1.05rem}.sidebar-brand{display:flex;padding:0 .5rem}.sidebar-body{display:flex;flex-direction:column;flex:1;min-height:0}.sidebar-toggle{display:none;align-items:center;gap:.5rem;font-family:inherit;background:none;border:0;border-radius:var(--radius-s);padding:var(--spacing-s) .6rem;cursor:pointer;transition:background var(--dur-fast) ease,color var(--dur-fast) ease}.sidebar.is-open .sidebar-toggle .chapter-caret{transform:rotate(90deg)}.brand-mark{color:var(--accent)}.brand-text{color:var(--text-dim)}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar-link{display:flex;align-items:center;gap:.6rem;padding:var(--spacing-s) .6rem;border-radius:var(--radius-s);color:var(--text-dim);font-size:.92rem;border-left:2px solid transparent;transition:background var(--dur-fast) ease,color var(--dur-fast) ease,border-color var(--dur-fast) ease}.sidebar-link:hover{background:var(--wash-accent);color:var(--text)}.sidebar-link.is-active{background:var(--wash-accent-strong);color:var(--accent);border-left-color:var(--accent)}.sidebar-link.lesson code{font-size:.88rem;min-width:0;overflow-wrap:anywhere}.lesson-tick{margin-left:auto;color:var(--accent);font-size:.85rem;line-height:1}.sidebar-icon{font-size:.85rem;opacity:.8}.sidebar-top{flex:none;padding-bottom:var(--spacing-m);margin-bottom:var(--spacing-m);border-bottom:1px solid var(--border)}.sidebar-chapters{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;margin-top:var(--spacing-l)}.chapter-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:var(--spacing-m)}.sidebar-chapters:after{content:"";position:absolute;left:0;right:10px;bottom:0;height:var(--spacing-l);background:linear-gradient(to top,var(--bg-sunken),transparent);pointer-events:none}.sidebar-heading{flex:none;color:var(--text);margin:0 0 var(--spacing-m);padding:0 .6rem}.sidebar-chapter{margin-bottom:var(--spacing-xs)}.chapter-panel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows var(--collapse) var(--ease-out),visibility var(--collapse)}.chapter-panel>ul{overflow:hidden;min-height:0;padding-bottom:var(--spacing-s)}.sidebar-chapter.is-open .chapter-panel{grid-template-rows:1fr;visibility:visible}.sidebar-chapter-title{margin:0;font-size:inherit;font-weight:inherit}.chapter-toggle{display:flex;align-items:center;gap:.5rem;width:100%;font:inherit;background:none;border:0;border-radius:var(--radius-s);padding:var(--spacing-s) .6rem;margin-bottom:var(--spacing-xs);text-align:left;cursor:pointer;transition:background var(--dur-fast) ease,color var(--dur-fast) ease}.chapter-toggle:hover,.sidebar-toggle:hover{background:var(--wash-accent);color:var(--text)}.sidebar-chapter.is-open .chapter-toggle{color:var(--text)}.chapter-index{font-family:var(--mono);color:var(--violet)}.chapter-name{flex:1}.chapter-caret{font-size:.65rem;color:var(--text-dim);transition:transform var(--collapse) var(--ease-out)}.sidebar-chapter.is-open .chapter-caret{transform:rotate(90deg)}.trainer-main{padding:var(--spacing-l) 2.5rem var(--spacing-xl);overflow-x:hidden}.page{max-width:860px;margin:0 auto}.page-header h1{margin:0 0 var(--spacing-s);font-size:1.9rem;letter-spacing:-.01em}.page-header code{color:var(--accent)}.runner-task{margin:var(--spacing-l) 0 var(--spacing-m)}.runner-task .brief{color:var(--text-dim);margin:0}.editor-panel{margin-top:var(--spacing-l)}.editor-stage{position:relative}.test-passed{position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:var(--radius);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:pass-settle .28s var(--ease-out);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-m);pointer-events:none}.editor-panel .test-passed{border-top-left-radius:0}@keyframes pass-settle{0%{opacity:0}}.test-passed-title{margin:0;color:var(--accent);font-size:1.5rem;letter-spacing:.04em;text-shadow:0 2px 10px var(--bg-sunken)}.test-passed-actions{display:flex;align-items:center;gap:var(--spacing-m);animation:rise-in .34s var(--ease-out) .08s backwards}.next-lesson,.keep-going{pointer-events:auto;text-decoration:none;box-shadow:0 8px 28px #00000073}.keep-going{background:var(--bg-raised)}.editor-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:0 .3rem}.tab-strip{display:flex;gap:.25rem}.tab{font:inherit;font-size:.85rem;color:var(--text-dim);background:var(--bg-raised);border:1px solid var(--border-strong);border-bottom:none;border-radius:9px 9px 0 0;padding:var(--spacing-s) 1.15rem;margin-bottom:-1px;cursor:pointer;transition:background var(--dur-fast) ease,color var(--dur-fast) ease}.tab:hover{color:var(--text)}.tab.is-active{background:var(--bg-sunken);color:var(--accent);padding-bottom:calc(var(--spacing-s) + 2px)}.button.danger{padding:var(--spacing-xs) .85rem;font-size:.85rem;color:var(--danger);border-color:var(--danger)}.button.danger:hover{color:var(--danger);border-color:var(--danger);background:var(--fill-danger)}.reset{margin-bottom:var(--spacing-s)}.editor-shell{position:relative}.editor-panel .editor{border-top-left-radius:0}.editor{font-family:var(--mono);font-size:1rem;line-height:1.7;background:var(--bg-sunken);border:1px solid var(--border-strong);border-radius:var(--radius);padding:var(--spacing-m) 1rem var(--spacing-m) .5rem;min-height:12rem;outline:none;white-space:pre;overflow-x:auto;transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.editor.is-active{border-color:var(--accent-dim);box-shadow:var(--ring-normal)}.editor.is-active.mode-insert{border-color:var(--warn);box-shadow:var(--ring-insert)}.editor.is-active.mode-visual,.editor.is-active.mode-visual-line,.editor.is-active.mode-visual-block{border-color:var(--violet);box-shadow:var(--ring-visual)}.editor-stage.is-passed .editor,.editor-stage.is-passed .editor.is-active{border-color:var(--border-strong);box-shadow:none}.editor-line{display:flex;gap:1rem}.line-number{width:2.5rem;text-align:right;color:var(--text-faint);-webkit-user-select:none;user-select:none;flex:none}.line-text{flex:1;position:relative}.editor-line.is-cursor-line{background:var(--wash-accent)}.line-number.is-absolute{text-align:left;color:var(--text-dim)}.editor.no-gutter{padding-left:1rem}.editor.is-wrapped{white-space:pre-wrap;overflow-x:hidden;overflow-wrap:anywhere}.editor{-moz-tab-size:var(--tab-size, 8);tab-size:var(--tab-size, 8)}.color-column{position:absolute;top:0;bottom:0;left:calc((var(--color-column, 0) - 1) * 1ch);width:1ch;background:#5e6d7e38;pointer-events:none}.list-eol{color:var(--text-faint)}.hint-row-delete{background:#ff7b721a;box-shadow:inset 2px 0 0 var(--danger);border-radius:var(--radius-cell)}.hint-row-delete+.hint-row-delete{border-start-start-radius:0;border-start-end-radius:0}.hint-row-delete:has(+.hint-row-delete){border-end-start-radius:0;border-end-end-radius:0}.hint-insert-above .line-text:before,.hint-insert-below .line-text:after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--warn);border-radius:var(--radius-pill);opacity:.7}.hint-insert-above .line-text:before{top:-1px}.hint-insert-below .line-text:after{bottom:-1px}.syn-comment{color:var(--text-faint)}.syn-keyword{color:var(--syn-keyword)}.syn-string{color:var(--syn-string)}.syn-number{color:var(--syn-number)}.syn-func{color:var(--syn-func)}.hint-edit,.hint-delete{--hint-cap-left: inset 1px 0 0 var(--hint-ink);--hint-cap-right: inset -1px 0 0 var(--hint-ink);box-shadow:inset 0 1px 0 var(--hint-ink),inset 0 -1px 0 var(--hint-ink),var(--hint-cap-left),var(--hint-cap-right);border-radius:var(--radius-cell)}.hint-edit{--hint-ink: var(--warn);background:#e3b34124}.hint-delete{--hint-ink: var(--danger);background:#ff7b7224}.hint-edit+.hint-edit,.hint-delete+.hint-delete{--hint-cap-left: inset 0 0 0 transparent;border-start-start-radius:0;border-end-start-radius:0}.hint-edit:has(+.hint-edit),.hint-delete:has(+.hint-delete){--hint-cap-right: inset 0 0 0 transparent;border-start-end-radius:0;border-end-end-radius:0}.cursor{background:var(--accent);color:var(--ink-on-accent);border-radius:var(--radius-cell)}.cursor-insert{background:transparent;color:inherit;box-shadow:inset 2px 0 0 var(--warn)}.cursor-visual,.cursor-visual-line,.cursor-visual-block{background:var(--violet-bright);color:var(--ink-on-violet)}.goal-target{background:#7ee7871f;box-shadow:inset 0 0 0 1px var(--accent-dim);border-radius:var(--radius-cell);animation:goal-arrive .18s var(--ease-out)}@keyframes goal-arrive{0%{background:transparent;box-shadow:inset 0 0 0 1px transparent}}.selected{background:#b392f08f;color:var(--text)}.editor-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-s);padding:0 1.5rem;background:#090d12b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px dashed var(--border);border-radius:var(--radius);color:var(--text);font:inherit;cursor:pointer;text-align:center;animation:overlay-settle .18s var(--ease-out)}@keyframes overlay-settle{0%{opacity:0}}.editor-overlay.is-keyless{border-style:solid}.editor-overlay.is-keyless .overlay-title{color:var(--warn);font-family:var(--sans)}.overlay-title{font-family:var(--mono);color:var(--accent)}.overlay-hint{max-width:46ch;font-size:.82rem;color:var(--text-dim)}.banner{margin-top:var(--spacing-m);padding:var(--spacing-m) 1rem;font-size:.92rem;color:var(--text-dim);display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:none}.banner.is-fading{opacity:0;transition:opacity .5s ease}.key-limit{font-family:var(--mono);font-size:1.25rem;line-height:1;color:var(--text);flex:none}.key-limit .slash{color:var(--text-dim);margin:0 .1rem}.banner-passed{border-color:var(--accent-dim);background:var(--fill-accent);color:var(--accent)}.banner-roaming{border-color:var(--accent-dim);background:var(--fill-accent-soft);color:var(--text-dim)}.banner-roaming .key-limit .slash{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin-left:.35rem}.banner-roaming .key-limit{margin-left:auto}.free-play-next{flex:none;padding:var(--spacing-xs) .85rem;font-size:.85rem;text-decoration:none;animation:rise-in var(--dur-settle) var(--ease-out)}.banner-failed{border-color:var(--danger);background:var(--fill-danger);color:var(--danger)}.command-line{margin-top:var(--spacing-m);border-top:1px solid var(--border);padding-top:var(--spacing-m)}.command-row{display:flex;align-items:center;gap:1rem;--key-landing: var(--accent)}.command-row.mode-insert{--key-landing: var(--warn)}.command-row.mode-visual,.command-row.mode-visual-line,.command-row.mode-visual-block{--key-landing: var(--violet)}.key-landing{animation:key-landing .22s var(--ease-out)}@keyframes key-landing{0%{color:var(--key-landing)}}.mode-badge{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;padding:var(--spacing-xs) .5rem;border-radius:var(--radius-s);border:1px solid var(--border);color:var(--text-dim);flex:none;min-width:5.25rem;text-align:center;transition:color var(--dur-fast) ease,border-color var(--dur-fast) ease}.mode-badge.mode-insert{color:var(--warn);border-color:var(--warn)}.mode-badge.mode-visual,.mode-badge.mode-visual-line,.mode-badge.mode-visual-block{color:var(--violet);border-color:var(--violet)}.typed{font-family:var(--mono);font-size:2rem;line-height:1.55;letter-spacing:.06em;font-variant-ligatures:none;flex:1;min-height:3.1rem;min-width:0;position:relative;white-space:pre;overflow:hidden;transition:opacity .12s ease}.typed.is-fading{opacity:0;transition:opacity 2s linear}.typed-probe{position:absolute;top:0;left:0;visibility:hidden;white-space:pre;pointer-events:none}.solution-row{margin-top:var(--spacing-s)}.mode-badge.solution-badge{color:var(--accent);border-color:var(--accent-dim)}.solution-toggle{display:flex;flex:1;min-width:0;padding:0;border:0;border-radius:var(--radius-s);background:none;color:inherit;font:inherit;text-align:left;cursor:help}.typed.solution-value{color:var(--accent);filter:blur(8px);transition:filter var(--dur-fast) ease}.solution-toggle:hover .typed.solution-value,.solution-toggle:focus-visible .typed.solution-value,.solution-toggle.is-revealed .typed.solution-value{filter:none}.checklist{margin-top:var(--spacing-m);padding:var(--spacing-m) 1.15rem}.checklist-title{margin:0 0 var(--spacing-m);font-size:.8rem;color:var(--text-dim)}.checklist li{display:flex;align-items:baseline;gap:.6rem;font-size:.88rem;color:var(--text-dim);transition:color var(--dur-settle) var(--ease-out)}.checklist li code{color:var(--text-dim);transition:color var(--dur-settle) var(--ease-out),border-color var(--dur-settle) var(--ease-out)}.checklist li.done{color:var(--text)}.checklist li.done code{color:var(--accent);border-color:var(--accent-dim)}.checkbox{flex:none;width:1.15rem;height:1.15rem;line-height:1.05rem;text-align:center;border:1px solid var(--border-strong);border-radius:var(--radius-xs);font-size:.8rem;align-self:center;color:transparent;transition:color var(--dur-settle) var(--ease-out),background var(--dur-settle) var(--ease-out),border-color var(--dur-settle) var(--ease-out)}.checklist li.done .checkbox{color:var(--accent);border-color:var(--accent-dim);background:var(--fill-accent)}.to-test{margin-top:var(--spacing-m);animation:rise-in var(--dur-settle) var(--ease-out)}.runner-actions{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-l);margin-top:var(--spacing-l);flex-wrap:wrap}.key-hints{list-style:none;margin:0;padding:0;display:flex;gap:var(--spacing-m);flex-wrap:wrap;justify-content:flex-end}.key-hints li{display:flex;gap:.4rem;align-items:baseline;font-size:.82rem;color:var(--text-dim)}.key-hints code{color:var(--accent)}.lesson-page{display:flex;flex-direction:column;min-height:calc(100vh - var(--spacing-l) - var(--spacing-xl));min-height:calc(100dvh - var(--spacing-l) - var(--spacing-xl))}.lesson-page .runner{margin-bottom:var(--spacing-xl)}.lesson-nav{display:flex;justify-content:space-between;margin-top:auto;padding-top:var(--spacing-m);border-top:1px solid var(--border);font-size:.9rem;color:var(--text-dim)}.lesson-nav a{transition:color var(--dur-fast) ease}.lesson-nav a:hover{color:var(--accent)}.zen-page{max-width:1100px}.zen-page .editor{font-size:1.15rem;max-height:60vh;overflow:auto}.zen-history{margin-top:var(--spacing-l)}.zen-history ul{list-style:none;margin:var(--spacing-s) 0 0;padding:0;display:flex;gap:var(--spacing-s);flex-wrap:wrap}.zen-history code{color:var(--accent);font-size:.85rem}.vimrc-panel{background:var(--bg-sunken);border:1px solid var(--border-strong);border-radius:var(--radius);border-top-left-radius:0;padding:var(--spacing-m);display:flex;flex-direction:column;gap:var(--spacing-m)}.vimrc-chips{display:flex;flex-direction:column;gap:var(--spacing-s)}.vimrc-chip-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.vimrc-chip{font:inherit;font-family:var(--mono);font-size:.8rem;text-align:left;color:var(--text-dim);background:none;border:1px solid var(--border-strong);border-radius:var(--radius-s);padding:var(--spacing-xs) .6rem;cursor:pointer;transition:background var(--dur-fast) ease,color var(--dur-fast) ease,border-color var(--dur-fast) ease}.vimrc-chip:hover{color:var(--text);background:var(--fill-accent-soft)}.vimrc-chip.is-on{color:var(--accent);border-color:var(--accent-dim);background:var(--fill-accent)}.vimrc-columns{display:grid;grid-template-columns:10.5rem minmax(0,1fr) minmax(0,17rem);gap:var(--spacing-m);align-items:start}.vimrc-chips,.vimrc-source,.vimrc-report{min-width:0}.vimrc-source,.vimrc-report{display:flex;flex-direction:column;gap:var(--spacing-s)}.vimrc-field{position:relative;--vimrc-text: .9rem;--vimrc-line: 1.7;--vimrc-pad: var(--spacing-s)}.vimrc-field textarea{display:block;width:100%;font-family:var(--mono);font-size:var(--vimrc-text);line-height:var(--vimrc-line);color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-s);padding:var(--vimrc-pad) .7rem;min-height:24rem;resize:vertical;-moz-tab-size:2;tab-size:2;white-space:pre;overflow-wrap:normal}.vimrc-field textarea:focus-visible{border-color:var(--accent-dim);box-shadow:var(--ring-normal);outline:none}.vimrc-flash-layer{position:absolute;top:1px;right:1px;bottom:1px;left:1px;overflow:hidden;border-radius:var(--radius-s);pointer-events:none}.vimrc-flash-scroll{position:absolute;top:0;right:0;bottom:0;left:0}.vimrc-flash{position:absolute;left:0;right:0;top:calc(var(--vimrc-pad) + var(--flash-line) * var(--vimrc-text) * var(--vimrc-line));height:calc(var(--vimrc-text) * var(--vimrc-line));background:var(--fill-accent);animation:vimrc-flash 1.1s var(--ease-out) forwards}@keyframes vimrc-flash{to{background:transparent}}.vimrc-tally{margin:0;font-family:var(--mono);font-size:.8rem;color:var(--text-faint)}.vimrc-empty{margin:0;color:var(--text-dim);font-size:.9rem}.vimrc-notes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:21rem;overflow-y:auto}.vimrc-note{display:grid;grid-template-columns:1.6rem minmax(0,1fr);gap:var(--spacing-xs) var(--spacing-s);align-items:baseline;font-size:.85rem;padding:var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) 0;border-left:2px solid transparent;padding-left:var(--spacing-s)}.vimrc-note-line{font-family:var(--mono);font-size:.75rem;color:var(--text-faint);text-align:right;-webkit-user-select:none;user-select:none}.vimrc-note code{font-family:var(--mono);color:var(--text);overflow-wrap:anywhere}.vimrc-note-detail{grid-column:2;color:var(--text-dim)}.vimrc-note-level{font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;margin-right:var(--spacing-xs)}.vimrc-note.is-applied{border-left-color:var(--accent-dim)}.vimrc-note.is-applied .vimrc-note-level{color:var(--accent)}.vimrc-note.is-inert{border-left-color:var(--border)}.vimrc-note.is-inert code{color:var(--text-dim)}.vimrc-note.is-inert .vimrc-note-level{color:var(--text-faint)}.vimrc-note.is-error{border-left-color:var(--danger)}.vimrc-note.is-error .vimrc-note-level{color:var(--danger)}.vimrc-supported{border-top:1px solid var(--border);padding-top:var(--spacing-s);font-size:.85rem;color:var(--text-dim)}.vimrc-supported summary{cursor:pointer;color:var(--text-dim);padding:var(--spacing-xs) 0}.vimrc-supported summary:hover{color:var(--text)}.vimrc-supported dl{margin:var(--spacing-s) 0 0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--spacing-s)}.vimrc-supported dt{color:var(--text-faint);text-transform:uppercase;font-size:var(--label-size);letter-spacing:var(--label-track);padding-top:.15rem}.vimrc-supported dd{margin:0;line-height:1.6}.vimrc-supported code{font-family:var(--mono);color:var(--accent);font-size:.85em}.stats-note{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-m);flex-wrap:wrap}.stats-note .lede{margin:0}.stats-note .button.danger{flex:none}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-m);margin:var(--spacing-l) 0}.stat-tiles article{padding:var(--spacing-m);display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-value{font-family:var(--mono);font-size:1.6rem;color:var(--accent)}.stats-table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-l);font-size:.9rem}.stats-table th{text-align:left;border-bottom:1px solid var(--border);padding:var(--spacing-s) .6rem}.stats-table td{padding:var(--spacing-s) .6rem;border-bottom:1px solid rgba(33,43,54,.6);font-family:var(--mono);color:var(--text-dim)}.stats-table td:first-child{font-family:var(--sans)}.stats-table td:first-child a{display:block;margin:calc(var(--spacing-xs) * -1) -.4rem;padding:var(--spacing-xs) .4rem;border-radius:var(--radius-s);transition:background var(--dur-fast) ease,color var(--dur-fast) ease}.stats-table td:first-child a:hover{background:var(--wash-accent);color:var(--text)}.stats-table tr.is-cleared code{color:var(--accent)}.stats-chapter{margin-left:.6rem;font-size:.75rem;color:var(--text-faint)}.heatmap{margin-bottom:var(--spacing-l)}.heatmap-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-m);flex-wrap:wrap;margin-bottom:var(--spacing-s)}.heatmap-head h2{margin:0;font-size:1.05rem}.heatmap-note{margin:0;font-size:.82rem;color:var(--text-dim)}.keyboard{--keycap-height: 3rem;display:flex;flex-direction:column;gap:.3rem;padding:var(--spacing-s);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-sunken)}.keyboard-row{display:flex;gap:.3rem}.keycap{position:relative;flex-basis:0;min-width:0;height:var(--keycap-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.05rem;border:1px solid var(--border);border-radius:var(--radius-s);background-clip:padding-box;font-family:var(--mono);font-size:.78rem;color:var(--text-dim);cursor:default}.keycap.is-hot{border-color:#7ee78759;color:var(--text)}.keycap.is-dead{color:var(--text-faint);font-size:.66rem;font-family:var(--sans)}.keycap:focus-visible{outline-offset:1px}.keycap-shift{font-size:.62rem;color:var(--text-faint);line-height:1}.keycap-label{line-height:1}.keycap-tip{position:absolute;bottom:calc(100% + .4rem);left:50%;transform:translate(-50%,calc(var(--rise) / 2));z-index:5;display:none;opacity:0;flex-direction:column;gap:.15rem;padding:var(--spacing-xs) var(--spacing-s);border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-raised);box-shadow:0 6px 18px #00000073;white-space:nowrap;font-family:var(--sans);font-size:.75rem;color:var(--text-dim);pointer-events:none;transition:opacity .12s ease,transform .12s var(--ease-out),display .12s;transition-behavior:allow-discrete}.keycap:hover .keycap-tip,.keycap:focus-visible .keycap-tip{display:flex;opacity:1;transform:translate(-50%)}@starting-style{.keycap:hover .keycap-tip,.keycap:focus-visible .keycap-tip{opacity:0;transform:translate(-50%,calc(var(--rise) / 2))}}.keycap-tip-key{font-family:var(--mono);color:var(--accent)}.keycap-tip-count{color:var(--text)}.keycap-tip-parts{display:flex;gap:.5rem;color:var(--text-dim);font-size:.7rem}.keycap-tip-parts code{color:var(--accent)}.heatmap-legend{display:flex;align-items:center;gap:var(--spacing-s);margin-top:var(--spacing-s)}.heatmap-ramp{width:84px;height:8px;border-radius:var(--radius-pill);border:1px solid var(--border);background:linear-gradient(90deg,#7ee7870d,#7ee787db)}.heatmap-max{margin-left:auto;text-transform:none;letter-spacing:0}.heatmap-max code{font-size:inherit;color:var(--text)}@media(max-width:640px){.keyboard{--keycap-height: 2.6rem;overflow-x:auto}.keyboard-row{min-width:560px}.keyboard-row:first-child .keycap-tip{bottom:auto;top:calc(100% + .4rem)}}.challenge-list{--lead: 180px;margin:var(--spacing-l) 0 0}.challenge-hud{display:flex;gap:1.25rem;align-items:center;font-family:var(--mono);font-size:.85rem;color:var(--text-dim);margin-top:var(--spacing-m)}.clock{font-size:1.4rem;color:var(--accent)}.clock.is-low{color:var(--danger)}.challenge-gate{margin-top:var(--spacing-l);padding:var(--spacing-l);text-align:center}.challenge-gate h2{margin-top:0}@media(max-width:900px){.vimrc-columns{grid-template-columns:minmax(0,1fr)}.vimrc-chip-list{flex-direction:row;flex-wrap:wrap}.vimrc-field textarea{min-height:16rem}.vimrc-notes{max-height:14rem}.trainer-shell{display:block}.sidebar{height:auto;overflow:visible;padding:var(--spacing-s) 1rem;border-right:none;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.sidebar-bar{margin-bottom:0}.sidebar-toggle{display:flex}.sidebar-body{display:none}.sidebar.is-open .sidebar-body{display:block;margin-top:var(--spacing-m);max-height:70vh;max-height:70dvh;overflow-y:auto;overscroll-behavior:contain}.sidebar-chapters{margin-top:var(--spacing-m)}.chapter-scroll{overflow:visible;scrollbar-gutter:auto;padding-bottom:0}.sidebar-chapters:after{display:none}.trainer-main{padding:var(--spacing-l) 1.25rem var(--spacing-xl)}.lesson-page{min-height:0}.row-link{grid-template-columns:1fr}.key-hints{justify-content:flex-start}}.error-page .lede{margin-bottom:var(--spacing-l)}.error-detail{margin:0 0 var(--spacing-l);padding:var(--spacing-m) 1rem;border:1px solid var(--danger);border-radius:var(--radius);background:var(--bg-raised);color:var(--danger);font-family:var(--mono);font-size:.88rem;white-space:pre-wrap;overflow-wrap:anywhere}.error-actions{display:flex;gap:var(--spacing-m);flex-wrap:wrap}.error-hint{margin:var(--spacing-l) 0 0;max-width:62ch;font-size:.85rem;color:var(--text-dim)}.cheatsheet-search{display:flex;align-items:center;gap:var(--spacing-m);margin-top:var(--spacing-m)}.cheatsheet-search input{flex:1;min-width:0;padding:var(--spacing-s) .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-sunken);color:var(--text);font-family:var(--mono);font-size:.9rem}.cheatsheet-search input::placeholder{color:var(--text-faint);font-family:var(--sans)}.cheatsheet-search input:focus-visible{border-color:var(--accent-dim);box-shadow:var(--ring-normal)}.cheatsheet-count{margin:0;flex:none;font-family:var(--mono);font-size:.8rem;color:var(--text-dim)}.cheatsheet-section{margin-top:var(--spacing-l)}.cheatsheet-section h2{margin:0 0 var(--spacing-xs);font-size:1.15rem}.cheatsheet-note{margin:0 0 var(--spacing-m);max-width:62ch;color:var(--text-dim);font-size:.9rem}.cheatsheet-table{width:100%;border-collapse:collapse;font-size:.9rem;table-layout:fixed}.cheatsheet-table th:first-child,.cheatsheet-keys{width:24%}.cheatsheet-table th:last-child,.cheatsheet-example{width:22%}.cheatsheet-table th{text-align:left;border-bottom:1px solid var(--border);padding:var(--spacing-s) .6rem}.cheatsheet-table td{padding:var(--spacing-s) .6rem;border-bottom:1px solid rgba(33,43,54,.6);vertical-align:baseline;color:var(--text-dim)}.cheatsheet-keys code{color:var(--text)}.cheatsheet-example code{color:var(--accent);border-color:var(--accent-dim)}.cheatsheet-table code{overflow-wrap:anywhere}.cheatsheet-empty{margin-top:var(--spacing-l);color:var(--text-dim)}.soon-badge{margin-left:auto;font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--warn);border:1px solid rgba(227,179,65,.4);border-radius:var(--radius-xs);padding:var(--spacing-xs) .3rem;line-height:1.5}.page-header h1 .soon-badge{margin-left:.75rem;vertical-align:middle}.sidebar-guides{border-bottom:1px solid var(--border)}.placeholder-outline{counter-reset:outline;margin:var(--spacing-l) 0 0}.placeholder-outline li{counter-increment:outline;border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg-raised);padding:var(--spacing-m) 1.15rem}.placeholder-outline h2{margin:0 0 var(--spacing-xs);font-size:1rem}.placeholder-outline h2:before{content:counter(outline,decimal-leading-zero);font-family:var(--mono);color:var(--violet);margin-right:.6rem;font-size:.8rem}.placeholder-outline p{margin:0 0 var(--spacing-m);color:var(--text-dim);font-size:.9rem}.placeholder-bars{display:grid;gap:var(--spacing-s)}.placeholder-bars span{height:.45rem;border-radius:var(--radius-pill);background:linear-gradient(90deg,#8ea1b629,#8ea1b60a)}.placeholder-bars span:nth-child(2){width:82%}.placeholder-bars span:nth-child(3){width:54%}.theme-picker{flex:none;padding:var(--spacing-m) .6rem var(--spacing-m);border-top:1px solid var(--border)}.theme-picker-title{display:flex;align-items:center;gap:.5rem;margin:0 0 var(--spacing-s);font-weight:500}.theme-swatches{display:flex;gap:.45rem}.theme-swatch{width:1.5rem;height:1.5rem;border-radius:var(--radius-s);border:1px solid var(--border);padding:0;cursor:not-allowed;opacity:.55}.theme-swatch.is-active{border-color:var(--accent);opacity:1}@media(pointer:coarse){.button,.tab,.sidebar-link,.chapter-toggle,.sidebar-toggle{min-height:44px}.button{display:inline-flex;align-items:center;justify-content:center}.tab.is-active{min-height:46px}.button.danger{padding-inline:1rem}.lesson-nav a,.stats-table a{display:inline-flex;align-items:center;min-height:44px}.keyboard{--keycap-height: 2.75rem}}@media(hover:none){.keycap:focus{outline:var(--focus-ring);outline-offset:1px}.keycap:focus .keycap-tip{display:flex;opacity:1;transform:translate(-50%)}@starting-style{.keycap:focus .keycap-tip{opacity:0;transform:translate(-50%,calc(var(--rise) / 2))}}}@media(max-width:640px){.hero-break{display:none}.landing-hero h1{text-wrap:balance}.stats-table thead{display:none}.stats-table,.stats-table tbody{display:block}.stats-table tr{display:grid;grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));gap:var(--spacing-s);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);padding:var(--spacing-m) 1rem;margin-bottom:var(--spacing-s)}.stats-table td{display:flex;flex-direction:column;gap:var(--spacing-xs);border:0;padding:0}.stats-table td:first-child{grid-column:1 / -1}.cheatsheet-table thead{display:none}.cheatsheet-table,.cheatsheet-table tbody,.cheatsheet-table tr,.cheatsheet-table td{display:block}.cheatsheet-table tr{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);padding:var(--spacing-m) 1rem;margin-bottom:var(--spacing-s)}.cheatsheet-table td{width:auto;border:0;padding:0}.cheatsheet-table td+td{margin-top:var(--spacing-s)}.cheatsheet-table td[data-label]:before{content:attr(data-label);display:block;margin-bottom:var(--spacing-xs);font-family:var(--sans);text-transform:uppercase;font-size:var(--label-size);letter-spacing:var(--label-track);color:var(--text-dim)}.cheatsheet-table td[data-label=Description]{color:var(--text)}.cheatsheet-search{flex-direction:column;align-items:stretch;gap:var(--spacing-s)}.stats-table td[data-label]{color:var(--text)}.stats-table td[data-label]:before{content:attr(data-label);font-family:var(--sans);text-transform:uppercase;font-size:var(--label-size);letter-spacing:var(--label-track);color:var(--text-dim)}.zen-page .editor{font-size:1rem;max-height:70vh}}@media(min-width:1600px){.trainer-shell{max-width:1600px;margin:0 auto;border-inline:1px solid var(--border)}}@media print{:root{--bg: #ffffff;--bg-raised: #ffffff;--bg-sunken: #ffffff;--border: #b9c1ca;--border-strong: #4d5866;--text: #000000;--text-dim: #333f4c;--text-faint: #4d5866;--accent: #0a5c20;--accent-dim: #0a5c20;--danger: #96110a;--warn: #6f5000;--violet: #402383;--violet-bright: #402383;--ink-on-accent: #ffffff;--ink-on-violet: #ffffff;--syn-keyword: #000000;--syn-string: #000000;--syn-number: #000000;--syn-func: #000000;--wash-accent: transparent;--wash-accent-strong: transparent;--fill-accent-soft: transparent;--fill-accent: transparent;--fill-danger: transparent;--ring-normal: none;--ring-insert: none;--ring-visual: none;--rise: 0px}body{background:#fff;color:#000}.sidebar,.skip-link,.editor-toolbar,.editor-overlay,.test-passed,.runner-actions,.lesson-nav,.to-test,.landing-cta,.theme-picker,.button{display:none}.trainer-shell{display:block;max-width:none;border-inline:0}.trainer-main{padding:0;overflow:visible}.page,.landing{max-width:none;padding:0}.lesson-page,.editor{min-height:0}.zen-page .editor{max-height:none;overflow:visible}.editor,.editor.is-active,.editor-panel .editor,.vimrc-panel{box-shadow:none;border-color:#4d5866;border-top-left-radius:var(--radius)}.vimrc-field textarea,.vimrc-notes{height:auto;max-height:none;min-height:0;overflow:visible}.cursor,.cursor-insert,.cursor-visual,.cursor-visual-line,.cursor-visual-block,.goal-target,.hint-row-delete,.selected{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px #000;animation:none}.hint-edit,.hint-delete{--hint-ink: #000000;background:transparent;color:inherit}.keycap,.heatmap-ramp{-webkit-print-color-adjust:exact;print-color-adjust:exact}.keycap-tip{display:none}.card,.row-link,.landing-features article,.stat-tiles article,.checklist,.banner,.keyboard,.editor,.stats-table tr,.placeholder-outline li{break-inside:avoid}}