:root,[data-theme=light]{color-scheme:light;--bg: #fafafa;--surface: #ffffff;--text: #111111;--muted: #666666;--accent: #c2410c;--accent-muted: rgba(194, 65, 12, .12);--border: #e5e5e5;--chip-bg: #f4f4f5;--tree-line: #d4d4d8;--shadow: rgba(0, 0, 0, .04)}[data-theme=dark]{color-scheme:dark;--bg: #0a0a0a;--surface: #141414;--text: #f5f5f5;--muted: #999999;--accent: #fb923c;--accent-muted: rgba(251, 146, 60, .12);--border: #262626;--chip-bg: #1a1a1a;--tree-line: #3f3f46;--shadow: rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100dvh;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.6;color:var(--text);background:var(--bg);transition:background-color .2s ease,color .2s ease}#app{min-height:100dvh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInOnly{0%{opacity:0}to{opacity:1}}@keyframes pipelineNodeIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes pipelineRailIn{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.animate-pipeline-node{animation:pipelineNodeIn var(--pipeline-node-duration, .55s) ease forwards;opacity:0;transform:scale(.6)}.animate-pipeline-rail{animation:pipelineRailIn var(--pipeline-rail-duration, .65s) ease forwards;animation-delay:var(--pipeline-rail-delay, 1.1s);opacity:0;transform:scaleX(0)}@media(prefers-reduced-motion:reduce){.animate-pipeline-node,.animate-pipeline-rail{opacity:1;transform:none}}@keyframes drawLine{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes liftIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade-in{animation:fadeIn .7s ease forwards;opacity:0}.animate-fade-in-only{animation:fadeInOnly .6s ease forwards;opacity:0}.animate-lift-in{animation:liftIn .65s ease forwards;opacity:0}.stagger-1{animation-delay:80ms}.stagger-2{animation-delay:.16s}.stagger-3{animation-delay:.24s}.stagger-4{animation-delay:.32s}.stagger-5{animation-delay:.4s}.stagger-6{animation-delay:.48s}.stagger-7{animation-delay:.56s}.stagger-8{animation-delay:.64s}.stagger-9{animation-delay:.72s}.stagger-10{animation-delay:.8s}.header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;max-width:960px;margin:0 auto;width:100%}.header__logo{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:1.3125rem;letter-spacing:-.02em;color:var(--text);text-decoration:none}.header__logo:hover{text-decoration:none;color:var(--accent)}.header__logo:focus:not(:focus-visible){outline:none}.header__controls{display:flex;align-items:center;gap:.5rem}.header__toggle-group{position:relative;display:inline-flex;padding:2px;border:1px solid var(--border);border-radius:5px}.header__toggle-indicator{position:absolute;top:2px;bottom:2px;left:0;background:var(--accent-muted);border-radius:3px;pointer-events:none;z-index:0;will-change:transform,width}.header__toggle-indicator--animate{transition:transform .22s cubic-bezier(.4,0,.2,1),width .22s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.header__toggle-indicator--animate{transition:none}}.header__toggle{position:relative;z-index:1;flex:0 0 auto;padding:.3125rem .5rem;font-size:.6875rem;font-weight:500;letter-spacing:.04em;color:var(--muted);min-width:2.25rem;min-height:2rem;appearance:none;-webkit-appearance:none;background:transparent;transition:color .22s ease}.header__toggle--active{color:var(--accent)}.header__toggle:hover:not(.header__toggle--active){color:var(--text)}.header__icon-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:5px;color:var(--muted);transition:color .2s,background-color .2s}.header__icon-btn:hover{color:var(--text);background:var(--accent-muted)}.main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:0 1.25rem 1.5rem}.footer{padding:1.25rem 1.25rem 1.75rem;text-align:center;border-top:1px solid var(--border);margin-top:auto}.footer__socials{display:flex;justify-content:center;gap:.375rem;margin-bottom:.625rem}.footer__icon-link{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--muted);border-radius:5px;transition:color .2s,background-color .2s}.footer__icon-link svg{display:block;width:15px;height:15px}.footer__icon-link:hover{color:var(--text);background:var(--accent-muted);text-decoration:none}.footer__credit{margin:0 0 .375rem;font-size:.8125rem;color:var(--muted)}.footer__credit a{color:var(--text);font-weight:500}.footer__links{margin:0;font-size:.75rem;color:var(--muted)}.step-meta{max-width:720px;margin-bottom:1.5rem}.step-meta__counter{font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:500;color:var(--accent);margin:0 0 .375rem;letter-spacing:.04em}.step-meta__title{font-family:Space Grotesk,sans-serif;font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:600;letter-spacing:-.025em;margin:0 0 .625rem;line-height:1.25}.step-meta__body{margin:0;font-size:.875rem;color:var(--muted);line-height:1.65;max-width:36rem}.stage{margin-bottom:1.5rem}.stage__inner{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem;box-shadow:0 1px 2px var(--shadow);overflow-x:auto}.source-lines{font-family:JetBrains Mono,monospace;font-size:.8125rem;line-height:1.8}.source-line{display:flex;gap:1rem;padding:.125rem 0;border-radius:4px;transition:opacity .3s}.source-line--highlight{background:var(--accent-muted)}.source-line--highlight .source-line__text{color:var(--accent)}.source-line--dimmed{opacity:.35}.source-line__num{flex-shrink:0;width:1.5rem;text-align:right;color:var(--muted);-webkit-user-select:none;user-select:none}.source-line__text{color:var(--text);white-space:pre-wrap;word-break:break-word}.token-chip{display:inline-flex;flex-direction:column;gap:.125rem;padding:.375rem .625rem;background:var(--chip-bg);border:1px solid var(--border);border-radius:6px;font-family:JetBrains Mono,monospace;font-size:.75rem}.token-chip--active{border-color:var(--accent);background:var(--accent-muted)}.token-chip__label{color:var(--accent);font-weight:500}.token-chip__detail{color:var(--muted);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-node{font-family:JetBrains Mono,monospace;font-size:.8125rem}.tree-node__row{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;border-left:2px solid var(--tree-line);margin-left:.5rem}.tree-node__type{color:var(--accent);font-weight:500}.tree-node__meta{color:var(--muted);font-size:.75rem}.tree-node__children{margin-left:.25rem}.html-snippet{font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1.7;background:var(--chip-bg);border:1px solid var(--border);border-radius:6px;padding:1rem;overflow-x:auto;margin:0;color:var(--text);white-space:pre-wrap;word-break:break-word}.preview-pane{margin-top:1rem}.preview-pane__label{font-size:.75rem;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}.preview-pane__content{padding:1rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);font-size:.9375rem;line-height:1.6}.preview-pane__content h1{font-family:Space Grotesk,sans-serif;font-size:1.25rem;margin:0 0 .75rem}.preview-pane__content p{margin:0 0 .75rem}.preview-pane__content ul{margin:0 0 .75rem;padding-left:1.25rem}.preview-pane__content a{color:var(--accent)}.pseudo-code{max-width:720px;margin-bottom:1.5rem}.pseudo-code__label{font-size:.6875rem;color:var(--muted);margin-bottom:.375rem;font-style:italic}.pseudo-code__block{font-family:JetBrains Mono,monospace;font-size:.8125rem;line-height:1.7;background:var(--chip-bg);border:1px solid var(--border);border-radius:6px;padding:1rem;margin:0;overflow-x:auto;color:var(--text);white-space:pre}.step-nav{display:flex;align-items:center;justify-content:center;gap:.625rem;padding-top:.5rem}.step-nav__arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;padding:0;border:none;border-radius:5px;color:var(--muted);background:transparent;transition:color .2s,background-color .2s}.step-nav__arrow:hover:not(:disabled){color:var(--accent);background:var(--accent-muted)}.step-nav__arrow:disabled{opacity:.25;cursor:not-allowed}.step-nav__dots{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem}.step-nav__dot{width:5px;height:5px;min-width:5px;min-height:5px;padding:0;border-radius:50%;background:var(--border);transition:width .2s ease,height .2s ease,background-color .2s ease}.step-nav__dot:hover:not(.step-nav__dot--active){background:var(--muted)}.step-nav__dot--active{width:8px;height:8px;min-width:8px;min-height:8px;background:var(--accent)}.welcome-step{text-align:center;padding:1.25rem 0}.welcome-step__tagline{font-family:JetBrains Mono,monospace;font-size:.875rem;color:var(--muted);margin:0 0 1.5rem}.welcome-step__pipeline{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem}.welcome-step__stage{font-family:Space Grotesk,sans-serif;font-weight:500;font-size:.9375rem;color:var(--text)}.welcome-step__arrow{margin:0 .25rem;color:var(--muted)}.pipeline-step{padding:1.25rem .25rem}.pipeline-step__track{--pipeline-count: 5;position:relative;display:grid;grid-template-columns:repeat(var(--pipeline-count),1fr);width:100%}.pipeline-step__rail{position:absolute;top:6px;left:calc(100% / var(--pipeline-count) / 2);width:calc(100% - 100% / var(--pipeline-count));height:2px;background:var(--muted);opacity:.4;transform-origin:left center;z-index:0;pointer-events:none}.pipeline-step__cell{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.75rem}.pipeline-step__dot{width:14px;height:14px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);box-shadow:inset 0 0 0 3px var(--accent);flex-shrink:0;transform-origin:center}.pipeline-step__label{font-family:Space Grotesk,sans-serif;font-size:.8125rem;font-weight:500;color:var(--text);text-align:center;line-height:1.2}@media(max-width:520px){.pipeline-step__label{font-size:.6875rem}.pipeline-step__dot{width:12px;height:12px;box-shadow:inset 0 0 0 2px var(--accent)}.pipeline-step__rail{top:6px}}.block-lex-step,.block-parse-step{display:flex;flex-direction:column}.block-lex-step{gap:1rem}.block-parse-step{gap:1.5rem}.block-parse-step__label{margin:0;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.block-lex-step__tokens,.block-parse-step__tokens{display:flex;flex-wrap:wrap;gap:.5rem}.block-parse-step__arrow{text-align:center;color:var(--muted);font-size:1.25rem;line-height:1}.block-stack{display:flex;flex-direction:column;gap:.625rem;width:100%}.block-stack__card{border:1px solid var(--border);border-radius:8px;padding:.75rem .875rem;background:var(--chip-bg)}.block-stack__card--list{padding-bottom:.625rem}.block-stack__tag{display:inline-block;font-family:JetBrains Mono,monospace;font-size:.6875rem;font-weight:500;color:var(--accent);margin-bottom:.5rem}.block-stack__preview{margin:0;font-family:JetBrains Mono,monospace;font-size:.8125rem;line-height:1.5;color:var(--text);word-break:break-word}.block-stack__preview--heading{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;letter-spacing:-.02em}.block-stack__list{margin:0;padding-left:1.125rem;font-family:JetBrains Mono,monospace;font-size:.8125rem;line-height:1.6;color:var(--text)}.two-layers-step{display:flex;flex-direction:column;gap:1.5rem}.two-layers-step__zoom{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;border:2px solid var(--accent);border-radius:8px;background:var(--accent-muted)}.two-layers-step__badge{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.two-layers-step__line{display:block;margin:0;font-family:JetBrains Mono,monospace;font-size:.875rem;color:var(--text);word-break:break-word}.inline-lex-step{display:flex;flex-direction:column;gap:1rem}.inline-lex-step__label{margin:0;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.inline-lex-step__source{padding:1rem;background:var(--chip-bg);border-radius:6px}.inline-lex-step__line{display:flex;flex-wrap:wrap;align-items:stretch;margin:0;font-family:JetBrains Mono,monospace;font-size:.875rem;line-height:1.75;color:var(--text)}.inline-lex-step__segment{box-shadow:inset 0 -2px 0 transparent}.inline-lex-step__segment--lit{background:var(--chip-bg);box-shadow:inset 0 -2px 0 var(--border)}.inline-lex-step__segment--delimiter.inline-lex-step__segment--lit{background:var(--accent-muted);box-shadow:inset 0 -2px 0 var(--accent)}.animate-inline-segment{animation:inlineSegmentIn .4s ease forwards}@keyframes inlineSegmentIn{0%{background:transparent;box-shadow:inset 0 -2px 0 transparent}to{background:var(--chip-bg);box-shadow:inset 0 -2px 0 var(--border)}}.inline-lex-step__segment--delimiter.animate-inline-segment{animation-name:inlineDelimiterSegmentIn}@keyframes inlineDelimiterSegmentIn{0%{background:transparent;box-shadow:inset 0 -2px 0 transparent}to{background:var(--accent-muted);box-shadow:inset 0 -2px 0 var(--accent)}}.inline-lex-step__tokens{display:flex;flex-wrap:wrap;gap:.5rem}.inline-parse-step{display:flex;flex-direction:column;gap:1.5rem}.inline-parse-step__label{margin:0;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.inline-parse-step__tokens{display:flex;flex-wrap:wrap;gap:.5rem}.inline-parse-step__arrow{text-align:center;color:var(--muted);font-size:1.25rem;line-height:1}.inline-flow{border:1px solid var(--border);border-radius:8px;padding:1rem 1.125rem;background:var(--chip-bg)}.inline-flow__line{display:flex;flex-wrap:wrap;align-items:flex-start;gap:0;font-family:JetBrains Mono,monospace;font-size:.875rem;line-height:1.5}.inline-flow__segment{display:inline-flex;flex-direction:column;align-items:flex-start;padding:.375rem .5rem .25rem;border-radius:6px;border:1px solid transparent}.inline-flow__segment--strong,.inline-flow__segment--emphasis{border-color:var(--accent);background:var(--accent-muted)}.inline-flow__segment--code{border-color:var(--border);background:var(--surface)}.inline-flow__tag{display:block;height:.75rem;line-height:.75rem;font-size:.625rem;font-weight:500;letter-spacing:.04em;color:var(--accent);margin-bottom:.25rem}.inline-flow__segment--text .inline-flow__tag{color:var(--muted)}.inline-flow__content{display:block;min-height:1.3125rem;line-height:1.3125rem;color:var(--text);white-space:pre-wrap}.inline-flow__content--strong{font-weight:700}.inline-flow__content--emphasis{font-style:italic}.inline-flow__content--code{font-size:.8125rem}.ast-step{display:flex;flex-direction:column;gap:1.25rem}.ast-step__insight{margin:0;padding:.625rem .875rem;font-size:.8125rem;line-height:1.6;color:var(--text);background:var(--accent-muted);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:8px}.ast-step__insight code{font-family:JetBrains Mono,monospace;font-size:.8125rem;padding:.0625rem .25rem;border-radius:3px;background:var(--surface)}.ast-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:stretch}@media(max-width:720px){.ast-compare{grid-template-columns:1fr;gap:.5rem}}.ast-compare__panel{min-width:0;padding:.875rem;border:1px solid var(--border);border-radius:8px;background:var(--chip-bg)}.ast-compare__panel--ast{background:var(--surface);border-color:color-mix(in srgb,var(--accent) 30%,var(--border));box-shadow:0 1px 3px var(--shadow)}.ast-compare__header{display:flex;flex-direction:column;gap:.125rem;margin-bottom:.75rem;padding-bottom:.625rem;border-bottom:1px solid var(--border)}.ast-compare__title{font-family:Space Grotesk,sans-serif;font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text)}.ast-compare__panel--ast .ast-compare__title{color:var(--accent)}.ast-compare__subtitle{font-size:.6875rem;color:var(--muted)}.ast-compare__bridge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:0 .125rem}@media(max-width:720px){.ast-compare__bridge{flex-direction:row;padding:.25rem 0}.ast-compare__bridge-arrow{transform:rotate(90deg)}}.ast-compare__bridge-label{font-family:JetBrains Mono,monospace;font-size:.625rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.ast-compare__bridge-arrow{font-size:1.125rem;line-height:1;color:var(--accent)}.ast-compare__panel .source-lines{font-size:.75rem}.ast-compare__panel .source-line{gap:.625rem}.ast-outline{margin:0;padding:0;list-style:none;font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1.45}.ast-outline__children{margin:.25rem 0 .375rem;padding:0 0 0 .875rem;list-style:none;border-left:2px solid var(--tree-line)}.ast-outline__item{margin:0;padding:.1875rem 0}.ast-outline__item--block>.ast-outline__row .ast-outline__type--block{font-weight:600}.ast-outline__row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.375rem .5rem}.ast-outline__type{color:var(--accent);font-weight:500}.ast-outline__type--root{font-weight:600;font-size:.8125rem}.ast-outline__type--block{color:var(--text)}.ast-outline__meta{font-size:.6875rem;color:var(--muted)}.ast-outline__shorthand{font-size:.625rem;color:var(--muted)}.ast-outline__value{color:var(--text);word-break:break-word}.codegen-step{display:flex;flex-direction:column}.codegen-walk{display:flex;flex-direction:column;gap:1rem}.codegen-walk__steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.625rem;position:relative}.codegen-walk__steps:before{content:"";position:absolute;left:.9375rem;top:1.5rem;bottom:1.5rem;width:2px;background:var(--tree-line);border-radius:1px}.codegen-walk__step{display:grid;grid-template-columns:1.875rem 1fr auto minmax(0,1.1fr);gap:.625rem .75rem;align-items:start;padding:.75rem .875rem .75rem 0}@media(max-width:720px){.codegen-walk__step{grid-template-columns:1.875rem 1fr;grid-template-rows:auto auto;padding-left:0}.codegen-walk__emit{display:none}.codegen-walk__output{grid-column:2}}.codegen-walk__index{display:flex;align-items:center;justify-content:center;width:1.875rem;height:1.875rem;border-radius:50%;font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:600;color:var(--accent);background:var(--surface);border:2px solid var(--accent);position:relative;z-index:1}.codegen-walk__node{display:flex;flex-direction:column;gap:.25rem;min-width:0;padding:.625rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--chip-bg)}.codegen-walk__node-label{font-family:JetBrains Mono,monospace;font-size:.8125rem;font-weight:600;color:var(--accent)}.codegen-walk__pattern{font-family:JetBrains Mono,monospace;font-size:.6875rem;line-height:1.5;color:var(--text);word-break:break-word;white-space:pre-wrap}.codegen-walk__detail{font-family:JetBrains Mono,monospace;font-size:.625rem;color:var(--muted)}.codegen-walk__emit{display:flex;align-items:center;align-self:center;padding-top:.25rem}.codegen-walk__emit-arrow{font-size:1rem;line-height:1;color:var(--accent)}.codegen-walk__output{display:flex;flex-direction:column;gap:.25rem;min-width:0;padding:.625rem .75rem;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:8px;background:var(--surface);box-shadow:0 1px 2px var(--shadow)}.codegen-walk__output-label{font-size:.5625rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.codegen-walk__buffer{padding:.875rem 1rem;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:8px;background:var(--accent-muted)}.codegen-walk__buffer-header{display:flex;flex-direction:column;gap:.125rem;margin-bottom:.625rem;padding-bottom:.625rem;border-bottom:1px dashed color-mix(in srgb,var(--accent) 30%,var(--border))}.codegen-walk__buffer-title{font-family:Space Grotesk,sans-serif;font-size:.875rem;font-weight:600;color:var(--accent)}.codegen-walk__buffer-subtitle{font-size:.75rem;color:var(--muted)}.html-emit{display:block;font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1.55;color:var(--text);word-break:break-word;white-space:pre-wrap}.html-emit--compact{font-size:.6875rem;line-height:1.5}.html-emit--formatted{padding:.75rem;border-radius:6px;background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 15%,var(--border))}.html-emit__tag{color:var(--accent)}.html-emit__text{color:var(--text)}.output-step{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.output-step{flex-direction:row;align-items:flex-start}.output-step .html-snippet,.output-step .preview-pane{flex:1;margin-top:0}}@media(max-width:480px){.step-nav__dots{gap:.3125rem}}