@font-face{font-family:Lilex;src:url(/apps/vim-on-zed/fonts/Lilex.woff2)format("woff2-variations"),url(/apps/vim-on-zed/fonts/Lilex.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}:root{--bg:#fafafa;--bg-tier-1:#f0f0f0;--bg-tier-2:#e5e5e6;--primary:#383a42;--muted:#a0a1a7;--muted-readable:#696c77;--hairline:#d3d3d4;--pill-bg:#eaeaeb;--success:#50a14f;--error:#e45649;--font-prompt:"Lilex",ui-monospace,"SF Mono",Menlo,monospace;--font-key:"Lilex",ui-monospace,"SF Mono",Menlo,monospace;--space-xs:8px;--space-sm:16px;--space-md:32px;--space-lg:64px;--space-xl:128px;--rail-width:80px;--statusbar-height:28px}@media (prefers-color-scheme:dark){:root{--bg:#282c34;--bg-tier-1:#21252b;--bg-tier-2:#1c1f24;--primary:#abb2bf;--muted:#5c6370;--muted-readable:#8a92a3;--hairline:#3e4451;--pill-bg:#2c313a;--success:#98c379;--error:#e06c75}}:root[data-theme=light]{--bg:#fafafa;--bg-tier-1:#f0f0f0;--bg-tier-2:#e5e5e6;--primary:#383a42;--muted:#a0a1a7;--muted-readable:#696c77;--hairline:#d3d3d4;--pill-bg:#eaeaeb;--success:#50a14f;--error:#e45649}:root[data-theme=dark]{--bg:#282c34;--bg-tier-1:#21252b;--bg-tier-2:#1c1f24;--primary:#abb2bf;--muted:#5c6370;--muted-readable:#8a92a3;--hairline:#3e4451;--pill-bg:#2c313a;--success:#98c379;--error:#e06c75}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--primary);font-family:var(--font-prompt);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:18px;line-height:1.5}a{color:inherit}#root{height:100%}.app{grid-template-columns:var(--rail-width)1fr;grid-template-rows:1fr var(--statusbar-height);height:100vh;grid-template-areas:"rail stage""statusbar statusbar";height:100dvh;display:grid;position:relative}.rail{border-right:1px solid var(--hairline);flex-direction:column;grid-area:rail;min-height:0;display:flex;position:relative}.stage{grid-area:stage}.statusbar{border-top:1px solid var(--hairline);height:var(--statusbar-height);grid-area:statusbar}.rail::-webkit-scrollbar{background:0 0;width:0}.rail__home{height:48px;color:var(--muted);border-bottom:1px solid var(--hairline);flex:none;justify-content:center;align-items:center;text-decoration:none;transition:color .15s,background .15s;display:flex}.rail__home:hover{color:var(--primary);background:var(--bg-tier-1)}.rail__brand{border-top:1px solid var(--hairline);flex:none;height:130px;position:relative}.rail__brand-text{writing-mode:vertical-rl;font-family:var(--font-key);letter-spacing:.25em;color:var(--muted);-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:11px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(180deg)}.rail__list{padding:var(--space-md)0 var(--space-md)0;flex-direction:column;flex:auto;gap:6px;min-height:0;margin:0;list-style:none;display:flex;overflow:hidden auto}.rail__item{flex-direction:column;align-items:center;display:flex;position:relative}.rail__btn{width:100%;color:var(--muted);font-family:var(--font-key);letter-spacing:.05em;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:11px;transition:color .15s;display:flex}.rail__btn:hover{color:var(--primary)}.rail__item--done .rail__btn{color:color-mix(in srgb,var(--muted)70%,var(--primary)30%)}.rail__item--active .rail__btn{color:var(--primary)}.rail__divider{margin-top:var(--space-sm);padding-top:var(--space-xs);font-family:var(--font-key);letter-spacing:.2em;color:var(--muted);text-align:center;border-top:1px solid var(--hairline);font-size:9px;font-weight:600}.rail__divider:first-child{border-top:none;margin-top:0;padding-top:0}.rail__divider span{padding:2px 0;display:inline-block}.rail__item--active:before{content:"";background:var(--primary);width:2px;position:absolute;top:4px;bottom:4px;left:0}.rail__icon{justify-content:center;align-items:center;display:inline-flex}.rail__num{letter-spacing:.1em}.icon{display:block}.topnav{top:var(--space-md);left:calc(var(--rail-width) + var(--space-md));right:var(--space-md);align-items:center;gap:var(--space-md);font-family:var(--font-key);letter-spacing:.15em;color:var(--muted);z-index:5;font-size:11px;display:flex;position:absolute}.topnav__spacer{flex:auto}.topnav__item{cursor:pointer;-webkit-user-select:none;user-select:none;font:inherit;letter-spacing:inherit;color:var(--muted);background:0 0;border:none;padding:2px 0}.topnav__item:hover{color:var(--primary)}.topnav__item--active{color:var(--primary);border-bottom:1px solid var(--primary);padding-bottom:2px}.stage{padding:var(--space-md);justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.stage__inner{align-items:center;gap:var(--space-lg);text-align:center;flex-direction:column;width:100%;max-width:760px;display:flex}.stage__inner--split{gap:var(--space-xl);text-align:left;grid-template-columns:1fr 1fr;align-items:start;max-width:1240px;min-height:480px;display:grid}.stage__left{gap:var(--space-md);flex-direction:column;align-self:start;display:flex}.stage__left .stage__instruction{text-align:left;align-items:flex-start}.stage__left .stage__prompt,.stage__left .stage__hint{text-align:left}.stage__left .stage__below{text-align:left;align-items:flex-start}.stage__right{justify-content:center;align-self:center;align-items:center;display:flex}.stage__left .stage__below--complete{align-items:stretch;width:100%;max-width:none}.stage__instruction,.stage__below{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.stage__center{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:720px;display:flex}.stage__center--framed{border:1px solid var(--hairline);padding:var(--space-xl)var(--space-lg);max-width:640px}.stage__title{font-family:var(--font-prompt);letter-spacing:-.02em;border-bottom:1px solid var(--primary);align-items:center;padding-bottom:6px;font-size:32px;font-weight:500;display:inline-flex}.stage__h1{font-family:var(--font-prompt);letter-spacing:-.02em;margin-bottom:var(--space-sm);font-size:28px;font-weight:500}.cursor{background:var(--primary);vertical-align:text-bottom;width:14px;height:28px;margin-left:4px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{background:0 0}}.stage__sub{margin-top:var(--space-md);color:var(--muted);font-size:16px;font-family:var(--font-prompt)}.stage__sub-large{margin-top:var(--space-sm);color:var(--primary);font-size:20px;font-family:var(--font-prompt)}.stage__divider{margin:var(--space-md)auto;border-top:1px solid var(--hairline);width:80px}.stage__prompt{font-family:var(--font-prompt);letter-spacing:-.02em;color:var(--primary);font-size:24px;font-weight:500;line-height:1.35}.stage__prompt--complete{font-size:24px;font-weight:400}.stage__rule{margin:var(--space-sm)auto 0 auto;border-top:1px solid var(--hairline);width:60%}.stage__lesson-meta{margin-top:var(--space-sm);color:var(--muted);font-family:var(--font-key);letter-spacing:.05em;font-size:13px}.stage__hint{margin-top:var(--space-md);color:var(--muted);font-family:var(--font-key);letter-spacing:.03em;font-size:13px}.stage__ghost{font-family:var(--font-prompt);color:var(--muted);opacity:.55;font-size:18px;font-weight:400}.stage__below--complete{text-align:left;align-items:stretch;gap:var(--space-sm);width:100%;max-width:640px}.stage__recap{font-family:var(--font-prompt);color:var(--primary);letter-spacing:-.005em;font-size:18px;line-height:1.55}.stage__action{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--hairline);text-align:center;font-family:var(--font-prompt);color:var(--muted-readable);font-size:18px}.breakdown{gap:8px var(--space-md);padding:var(--space-sm)0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);grid-template-columns:max-content 1fr;display:grid}.breakdown__row{display:contents}.breakdown__keys{white-space:nowrap;align-self:start;font-size:13px}.breakdown__meaning{font-family:var(--font-key);color:var(--muted-readable);font-size:13px;line-height:1.55}.stage__voice{margin-top:var(--space-md);color:var(--muted-readable);font-family:var(--font-key);letter-spacing:.01em;max-width:600px;font-size:14px;font-style:normal;line-height:1.65}.stage__zednote{margin-top:var(--space-sm);color:var(--muted-readable);font-family:var(--font-key);letter-spacing:.01em;max-width:600px;font-size:13px;line-height:1.65}.trail{margin-top:var(--space-md);flex-wrap:wrap;align-items:center;gap:6px;min-height:32px;display:flex}.checklist{margin:var(--space-md)0 0 0;border:1px solid var(--hairline);background:var(--bg-tier-1);font-family:var(--font-prompt);flex-direction:column;padding:0;font-size:14px;line-height:1.4;list-style:none;display:flex}.checklist__item{align-items:center;gap:var(--space-sm);color:var(--muted-readable);border-bottom:1px solid var(--hairline);padding:10px 12px;display:flex}.checklist__item:last-child{border-bottom:none}.checklist__item--active{color:var(--primary);background:var(--bg);font-weight:500}.checklist__item--active .checklist__box{border-color:var(--primary)}.checklist__item--done{color:var(--muted-readable)}.checklist__item--done .checklist__label{text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb,var(--muted-readable)50%,transparent);text-decoration-color:color-mix(in srgb,var(--muted-readable)50%,transparent)}.checklist__item--done .checklist__box{background:var(--success);border-color:var(--success);color:var(--bg)}.checklist__box{border:1px solid var(--hairline);background:var(--bg);flex:none;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.checklist__label{flex:auto}.key{font-family:var(--font-key);letter-spacing:.05em;background:var(--pill-bg);border:1px solid var(--hairline);color:var(--primary);vertical-align:1px;justify-content:center;align-items:center;min-width:22px;height:22px;margin:0 2px;padding:2px 6px;font-size:13px;font-weight:600;display:inline-flex}.key--inline{background:var(--bg-tier-1);height:20px;margin:0 1px;padding:1px 5px;font-size:12px;font-weight:500}.key--trail{margin:0;animation:.16s ease-out pop-in}.key--right{background:color-mix(in srgb,var(--success)18%,var(--bg));border-color:color-mix(in srgb,var(--success)35%,var(--hairline));color:color-mix(in srgb,var(--success)70%,var(--primary))}.key--wrong{background:color-mix(in srgb,var(--error)18%,var(--bg));border-color:color-mix(in srgb,var(--error)35%,var(--hairline));color:color-mix(in srgb,var(--error)70%,var(--primary));animation:.2s ease-out shake}@keyframes pop-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.heart{color:var(--error)}.stage__footer{bottom:var(--space-sm);right:var(--space-md);color:var(--muted);font-size:11px;font-family:var(--font-key);letter-spacing:.05em;position:absolute}.intro{text-align:left;width:100%}.intro__top{margin-bottom:var(--space-sm);justify-content:space-between;align-items:baseline;display:flex}.intro__tier,.intro__counter{font-family:var(--font-key);letter-spacing:.2em;color:var(--muted);font-size:11px}.intro__title{font-family:var(--font-prompt);letter-spacing:-.02em;color:var(--primary);margin:0 0 var(--space-md)0;font-size:32px;font-weight:500;line-height:1.2}.intro--title{flex-direction:column;justify-content:center;min-height:360px;display:flex}.intro__hero{font-family:var(--font-key);letter-spacing:-.02em;color:var(--primary);margin:0 0 var(--space-md)0;border-bottom:1px solid var(--primary);align-self:flex-start;align-items:baseline;padding-bottom:8px;font-size:56px;font-weight:500;line-height:1;display:inline-flex}.intro__sub{font-family:var(--font-prompt);color:var(--muted-readable);margin:0 0 var(--space-sm)0;max-width:520px;font-size:18px;line-height:1.55}.intro__body{font-family:var(--font-prompt);color:var(--primary);font-size:18px;line-height:1.6}.intro__p{margin:0 0 var(--space-md)0}.intro__link{color:var(--primary);text-decoration:underline;-webkit-text-decoration-color:var(--hairline);text-decoration-color:var(--hairline);text-underline-offset:3px;word-break:break-all}.intro__link:hover{-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.intro__action{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--hairline);font-family:var(--font-prompt);color:var(--muted-readable);text-align:center;font-size:16px}.milestone{text-align:left;width:100%}.milestone__count{font-family:var(--font-key);letter-spacing:.2em;color:var(--muted);margin-bottom:var(--space-md);font-size:12px}.milestone__title{font-family:var(--font-prompt);letter-spacing:-.02em;margin:0 0 var(--space-sm)0;color:var(--primary);font-size:28px;font-weight:500}.milestone__body{font-family:var(--font-prompt);color:var(--muted-readable);margin:0 0 var(--space-lg)0;font-size:17px;line-height:1.55}.milestone__action{font-family:var(--font-prompt);color:var(--muted-readable);padding-top:var(--space-md);border-top:1px solid var(--hairline);font-size:16px}.terminal{font-family:var(--font-key);color:var(--primary);background:var(--bg-tier-1);border:1px solid var(--hairline);text-align:left;flex-direction:column;width:100%;max-width:720px;font-size:14px;line-height:1.5;display:flex}.terminal__title{border-bottom:1px solid var(--hairline);background:var(--bg-tier-2);letter-spacing:.05em;color:var(--muted-readable);align-items:center;gap:6px;padding:6px 12px;font-size:11px;display:flex}.terminal__dot{border:1px solid var(--hairline);width:10px;height:10px;display:inline-block}.terminal__dot--red{background:#d77b6e}.terminal__dot--yellow{background:#cfb46b}.terminal__dot--green{background:#87a87b}.terminal__title-text{margin-left:var(--space-sm)}.terminal__rows{padding:var(--space-sm)var(--space-md);flex-direction:column;flex:auto;display:flex}.terminal__rows--vsplit{flex-direction:row;align-items:stretch;padding:0}.terminal__rows--vsplit .terminal__pane{padding:var(--space-sm)var(--space-md);flex-direction:column;flex:50%;display:flex;overflow:hidden}.terminal__split--vertical{background:var(--hairline);flex:none;width:1px}.terminal__rows--hsplit{flex-direction:column;padding:0}.terminal__rows--hsplit .terminal__pane{padding:var(--space-xs)var(--space-md);flex-direction:column;flex:auto;display:flex;overflow:hidden}.terminal__split--horizontal{background:var(--hairline);flex:none;height:1px}.terminal__line{gap:var(--space-sm);white-space:pre;min-height:1.5em;display:flex}.terminal__line--tilde .terminal__text{color:color-mix(in srgb,var(--muted)60%,var(--bg-tier-1))}.terminal__line--active .terminal__lineno{color:var(--primary);font-weight:600}.terminal__lineno{color:var(--muted-readable);-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;flex:none;padding-top:2px;font-size:12px}.terminal__text{white-space:pre;word-break:keep-all;font-family:var(--font-key);flex:auto}.terminal__block{background:var(--primary);color:var(--bg);padding:0 1px}.terminal__block--visual{background:color-mix(in srgb,var(--success)70%,var(--bg));color:var(--bg)}.terminal__caret{background:var(--primary);vertical-align:-2px;width:2px;height:1.2em;margin:0 -1px;animation:1s steps(2,end) infinite blink;display:inline-block}.terminal__caret--cmd{width:8px;margin-left:2px}.terminal__bottom{justify-content:space-between;align-items:center;gap:var(--space-sm);border-top:1px solid var(--hairline);background:var(--bg-tier-2);font-family:var(--font-key);letter-spacing:.05em;min-height:26px;padding:4px 12px;font-size:12px;display:flex}.terminal__bottom--cmdline{background:var(--bg);border-top-color:var(--primary);color:var(--primary);padding:4px 12px;font-size:14px}.terminal__cmdline{font-family:var(--font-key);color:var(--primary);font-size:14px}.terminal__mode{color:var(--primary);letter-spacing:.08em;white-space:nowrap;font-weight:600}.terminal__bottom-mid{text-align:center;color:var(--muted-readable);flex:auto}.terminal__recording{color:var(--error);font-weight:500}.terminal__pos{color:var(--muted-readable);font-variant-numeric:tabular-nums}.statusbar{padding:0 var(--space-sm);font-family:var(--font-key);color:var(--muted);letter-spacing:.02em;justify-content:space-between;align-items:center;font-size:12px;display:flex}.statusbar__left{align-items:center;gap:var(--space-sm);flex:none;display:flex}.statusbar__center{text-align:center;color:var(--muted-readable);font-family:var(--font-key);letter-spacing:.05em;flex:auto;font-size:11px}.statusbar__center .heart{color:var(--error)}.statusbar__mode{color:var(--primary);background:var(--pill-bg);border:1px solid var(--hairline);letter-spacing:.05em;white-space:nowrap;padding:1px 8px;font-weight:600}.statusbar__meta{letter-spacing:.05em}.statusbar__links{gap:0;display:flex}.statusbar__links>*{padding:0 var(--space-sm);color:var(--muted);letter-spacing:.08em;font-size:11px;font-family:var(--font-key);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.statusbar__links>:first-child{padding-left:0}.statusbar__links>:last-child{padding-right:0}.statusbar__links>*+*{border-left:1px solid var(--hairline)}.statusbar__links .icon{width:11px;height:11px}.statusbar__theme{cursor:pointer;background:0 0;border:none}.statusbar__links>.statusbar__theme{border-left:1px solid var(--hairline);border-top:none;border-bottom:none;border-right:none}.statusbar__links a:hover,.statusbar__theme:hover{color:var(--primary)}.overlay{background:color-mix(in srgb,var(--bg)70%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay__panel{background:var(--bg-tier-2);border:1px solid var(--hairline);padding:var(--space-md);width:min(520px,90vw);font-family:var(--font-prompt)}.overlay__header{color:var(--primary);justify-content:space-between;align-items:baseline;font-size:16px;font-weight:500;display:flex}.overlay__scope{font-family:var(--font-key);letter-spacing:.15em;color:var(--muted);font-size:11px}.overlay__rule{margin:var(--space-sm)0;border-top:1px solid var(--hairline)}.overlay__binds{gap:var(--space-xs)var(--space-sm);font-family:var(--font-key);grid-template-columns:auto 1fr;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.overlay__binds li{display:contents}.overlay__desc{color:var(--primary)}.overlay__footer{margin-top:var(--space-sm);text-align:center;color:var(--muted);font-size:13px;font-family:var(--font-key)}.mobile-stub{height:100vh;height:100dvh;padding:var(--space-lg);text-align:center;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;display:flex}.mobile-stub__title{font-family:var(--font-prompt);color:var(--primary);font-size:28px;font-weight:600}.mobile-stub__rule{margin:var(--space-md)auto;border-top:1px solid var(--hairline);width:120px}.mobile-stub__line{font-family:var(--font-prompt);color:var(--primary);margin:var(--space-xs)0;font-size:18px}.mobile-stub__line--muted{color:var(--muted)}