:root{--bg: #0d1117;--bg-raised: #131a23;--bg-sunken: #090d12;--border: #212b36;--text: #d6deeb;--text-dim: #8497ad;--accent: #7ee787;--accent-dim: #2ea043;--danger: #ff7b72;--warn: #e3b341;--violet: #b392f0;--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}*{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}code,kbd{font-family:var(--mono)}a{color:inherit;text-decoration:none}.button{display:inline-block;padding:.6rem 1.15rem;border-radius:var(--radius);border:1px solid var(--border);background:transparent;color:var(--text);font:inherit;font-size:.95rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.button:hover{border-color:var(--accent-dim);background:#2ea04314}.button:active{transform:translateY(1px)}.button.primary{background:var(--accent-dim);border-color:var(--accent-dim);color:#04160a;font-weight:600}.button.primary:hover{background:var(--accent);border-color:var(--accent)}.eyebrow{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--text-dim)}.lede{color:var(--text-dim);max-width:62ch}.landing{max-width:1040px;margin:0 auto;padding:6rem 1.5rem 4rem}.landing-hero h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.1;margin:0 0 1rem;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:flex;gap:.75rem;margin-top:2rem;flex-wrap:wrap}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:4.5rem 0}.landing-features article{border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;background:var(--bg-raised)}.landing-features h3{margin:0 0 .5rem;font-size:1rem}.landing-features p{margin:0;color:var(--text-dim);font-size:.92rem}.landing-chapters h2{font-size:1.1rem;margin-bottom:1rem}.landing-chapters ol{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.landing-chapters a{display:grid;grid-template-columns:200px 1fr auto;gap:1rem;align-items:center;padding:.9rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised)}.landing-chapters a:hover{border-color:var(--accent-dim)}.landing-chapters span{color:var(--text-dim);font-size:.9rem}.landing-chapters em{color:var(--text-dim);font-style:normal;font-size:.8rem;font-family:var(--mono)}.landing-footer{margin-top:4rem;color:var(--text-dim);font-size:.85rem;border-top:1px solid var(--border);padding-top:1.5rem}.trainer-shell{display:grid;grid-template-columns:272px 1fr;min-height:100%}.sidebar{border-right:1px solid var(--border);background:var(--bg-sunken);padding:1.5rem 1rem 3rem;overflow-y:auto;max-height:100vh;position:sticky;top:0}.sidebar-brand{display:flex;align-items:baseline;gap:.4rem;font-family:var(--mono);font-size:1.05rem;margin-bottom:1.5rem;padding:0 .5rem}.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:.4rem .6rem;border-radius:7px;color:var(--text-dim);font-size:.92rem;border-left:2px solid transparent}.sidebar-link:hover{background:#7ee7870f;color:var(--text)}.sidebar-link.is-active{background:#7ee7871a;color:var(--accent);border-left-color:var(--accent)}.sidebar-link.lesson code{font-size:.88rem}.sidebar-icon{font-size:.85rem;opacity:.8}.sidebar-top{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--border)}.sidebar-chapter{margin-bottom:1.4rem}.sidebar-chapter-title{display:flex;gap:.5rem;align-items:center;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim);margin:0 0 .4rem;padding:0 .6rem}.chapter-index{font-family:var(--mono);color:var(--violet)}.trainer-main{padding:2.5rem 2.5rem 5rem;overflow-x:hidden}.page{max-width:860px;margin:0 auto}.page-header h1{margin:0 0 .5rem;font-size:1.9rem;letter-spacing:-.01em}.page-header code{color:var(--accent)}.runner-task{margin:1.75rem 0 1rem}.runner-task .brief{color:var(--text-dim);margin:0 0 .75rem}.runner-task .task{margin:0;display:flex;gap:.6rem;align-items:baseline}.task-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--violet);border:1px solid var(--border);border-radius:5px;padding:.1rem .4rem}.editor-panel{margin-top:1.4rem}.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);border-bottom:none;border-radius:9px 9px 0 0;padding:.45rem 1.15rem;margin-bottom:-1px;cursor:pointer;transition:background .15s ease,color .15s ease}.tab:hover{color:var(--text)}.tab.is-active{background:var(--bg-sunken);color:var(--accent);padding-bottom:.55rem}.button.danger{padding:.35rem .85rem;font-size:.85rem;color:var(--danger);border-color:var(--danger)}.button.danger:hover{color:var(--danger);border-color:var(--danger);background:#ff7b721f}.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);border-radius:var(--radius);padding:1rem 1rem 1rem .5rem;min-height:12rem;outline:none;white-space:pre;overflow-x:auto;transition:border-color .15s ease,box-shadow .15s ease}.editor.is-active{border-color:var(--accent-dim);box-shadow:0 0 0 3px #2ea0431f}.editor.is-active.mode-insert{border-color:var(--warn);box-shadow:0 0 0 3px #e3b3411f}.editor.is-active.mode-visual,.editor.is-active.mode-visual-line,.editor.is-active.mode-visual-block{border-color:var(--violet);box-shadow:0 0 0 3px #b392f01f}.editor-line{display:flex;gap:1rem}.line-number{width:2.5rem;text-align:right;color:#3b4754;-webkit-user-select:none;user-select:none;flex:none}.line-text{flex:1}.cursor{background:var(--accent);color:#04160a;border-radius:2px}.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);color:#10061f}.selected{background:#b392f047}.editor-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;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}.overlay-title{font-family:var(--mono);color:var(--accent)}.overlay-hint{font-size:.82rem;color:var(--text-dim)}.banner{margin-top:.9rem;padding:.7rem 1rem;border-radius:var(--radius);border:1px solid var(--border);font-size:.92rem;color:var(--text-dim);background:var(--bg-raised)}.banner-passed{border-color:var(--accent-dim);background:#2ea04324;color:var(--accent)}.banner-failed{border-color:var(--danger);background:#ff7b721f;color:var(--danger)}.command-line{margin-top:1rem;border-top:1px solid var(--border);padding-top:1rem}.command-row{display:flex;align-items:center;gap:1rem}.mode-badge{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;padding:.2rem .5rem;border-radius:5px;border:1px solid var(--border);color:var(--text-dim);flex:none}.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;letter-spacing:.06em;flex:1;min-height:2.6rem;word-break:break-all}.typed-empty{color:#33404d;font-size:1.1rem}.budget{font-family:var(--mono);font-size:.8rem;color:var(--text-dim);flex:none}.solution{display:flex;align-items:center;gap:.75rem;margin-top:.4rem}.solution-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim)}.solution-value{font-family:var(--mono);font-size:1.15rem;color:var(--accent);filter:blur(5px);cursor:help;transition:filter .15s ease}.solution-value:hover,.solution-value:focus{filter:none}.banner-practice{border-color:var(--violet);background:#b392f01a;color:var(--violet)}.checklist{margin-top:1rem;padding:1rem 1.15rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised)}.checklist-title{margin:0 0 .8rem;font-size:.8rem;color:var(--text-dim)}.checklist ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.checklist li{display:flex;align-items:baseline;gap:.6rem;font-size:.88rem;color:var(--text-dim)}.checklist li code{font-family:var(--mono);color:var(--text-dim);border:1px solid var(--border);border-radius:5px;padding:.05rem .35rem}.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);border-radius:4px;font-size:.8rem;align-self:center}.checklist li.done .checkbox{color:var(--accent);border-color:var(--accent-dim);background:#2ea04324}.to-test{margin-top:1rem}.runner-actions{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-top:1.5rem;flex-wrap:wrap}.key-hints{list-style:none;margin:0;padding:0;display:flex;gap:1rem;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);border:1px solid var(--border);border-radius:5px;padding:.05rem .35rem}.lesson-nav{display:flex;justify-content:space-between;margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--border);font-size:.9rem;color:var(--text-dim)}.lesson-nav a:hover{color:var(--accent)}.zen-meta{display:flex;justify-content:space-between;gap:2rem;margin-top:1.5rem;flex-wrap:wrap}.zen-history-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim)}.zen-history ul{list-style:none;margin:.4rem 0 0;padding:0;display:flex;gap:.4rem;flex-wrap:wrap}.zen-history code{border:1px solid var(--border);border-radius:5px;padding:.1rem .4rem;color:var(--accent);font-size:.85rem}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin:2rem 0}.stat-tiles article{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);padding:1rem;display:flex;flex-direction:column;gap:.25rem}.stat-value{font-family:var(--mono);font-size:1.6rem;color:var(--accent)}.stat-label{font-size:.78rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.stats-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:.9rem}.stats-table th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);border-bottom:1px solid var(--border);padding:.5rem .6rem}.stats-table td{padding:.5rem .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 tr.is-cleared code{color:var(--accent)}.stats-chapter{margin-left:.6rem;font-size:.75rem;color:#4b5a6b}.challenge-list{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:.6rem}.challenge-list a{display:grid;grid-template-columns:180px 1fr auto;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised)}.challenge-list a:hover{border-color:var(--accent-dim)}.challenge-list span{color:var(--text-dim);font-size:.9rem}.challenge-list em{font-style:normal;font-family:var(--mono);font-size:.8rem;color:var(--text-dim)}.challenge-hud{display:flex;gap:1.25rem;align-items:center;font-family:var(--mono);font-size:.85rem;color:var(--text-dim);margin-top:.75rem}.clock{font-size:1.4rem;color:var(--accent)}.clock.is-low{color:var(--danger)}.challenge-gate{margin-top:2rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);padding:2rem;text-align:center}.challenge-gate h2{margin-top:0}@media(max-width:900px){.trainer-shell{grid-template-columns:1fr}.sidebar{position:static;max-height:none;border-right:none;border-bottom:1px solid var(--border)}.trainer-main{padding:1.5rem 1.25rem 4rem}.landing-chapters a,.challenge-list a{grid-template-columns:1fr}}.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:4px;padding:.05rem .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{list-style:none;counter-reset:outline;margin:2rem 0 0;padding:0;display:grid;gap:.6rem}.placeholder-outline li{counter-increment:outline;border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg-raised);padding:1rem 1.15rem}.placeholder-outline h2{margin:0 0 .25rem;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 .9rem;color:var(--text-dim);font-size:.9rem}.placeholder-bars{display:grid;gap:.4rem}.placeholder-bars span{height:.45rem;border-radius:3px;background:linear-gradient(90deg,#8497ad29,#8497ad0a)}.placeholder-bars span:nth-child(2){width:82%}.placeholder-bars span:nth-child(3){width:54%}.theme-picker{margin-top:2rem;padding:.85rem .6rem .75rem;border-top:1px solid var(--border)}.theme-picker-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .6rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim);font-weight:500}.theme-swatches{display:flex;gap:.45rem}.theme-swatch{width:1.5rem;height:1.5rem;border-radius:6px;border:1px solid var(--border);padding:0;cursor:not-allowed;opacity:.55}.theme-swatch.is-active{border-color:var(--accent);opacity:1}.landing-guides{margin-top:3rem}.landing-guides h2{font-size:1.1rem;margin-bottom:1rem}.landing-guides ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.landing-guides a{display:grid;grid-template-columns:200px 1fr auto;gap:1rem;align-items:center;padding:.9rem 1rem;border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg-raised)}.landing-guides a:hover{border-color:var(--accent-dim)}.landing-guides span{color:var(--text-dim);font-size:.9rem}.landing-guides em{font-style:normal;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--warn)}@media(max-width:900px){.landing-guides a{grid-template-columns:1fr}}