:root{--bg:#16181d;--panel:#1e2128;--panel-2:#23262e;--line:#2e323c;--text:#e9e7e2;--muted:#9a9da6;--faint:#8a8d96;--amber:#e8a33d;--amber-ink:#241a08;--ok:#63b984;--sans:system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--measure:66ch;--gutter:clamp(1.25rem, 4vw, 2.5rem)}*{margin:0;padding:0;box-sizing:border-box}html{color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:1.0625rem;line-height:1.6;-webkit-text-size-adjust:100%;min-height:100vh;display:flex;flex-direction:column}main{flex:1}.skip{position:absolute;left:-100vw;top:0;background:var(--amber);color:var(--amber-ink);padding:.5rem 1rem;border-radius:0 0 6px 0;font-weight:650}.skip:focus{left:0;z-index:10}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}a{color:var(--amber);text-decoration-color:color-mix(in srgb,var(--amber) 45%,transparent)}a:hover{text-decoration-color:var(--amber)}:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:2px}code,pre,.mono{font-family:var(--mono)}code{font-size:.9em}.wrap{max-width:62rem;margin:0 auto;padding:0 var(--gutter)}.site-header{border-bottom:1px solid var(--line)}.site-header .wrap{display:flex;align-items:baseline;gap:1.5rem;padding-top:1.1rem;padding-bottom:1.1rem}.wordmark{font-family:var(--mono);font-size:1.05rem;font-weight:700;color:var(--text);text-decoration:none;letter-spacing:.01em}.wordmark .mark{color:var(--amber)}.site-nav{margin-left:auto;display:flex;gap:1.25rem}.site-nav a{color:var(--muted);text-decoration:none;font-size:.95rem}.site-nav a:hover,.site-nav a:focus-visible{color:var(--text)}.hero{padding:clamp(3rem,9vw,5.5rem)0 clamp(2.5rem,6vw,4rem)}.hero h1{font-size:clamp(1.7rem,4.2vw,2.6rem);line-height:1.15;letter-spacing:-.015em;font-weight:750;max-width:24ch;text-wrap:balance}.hero .lede{margin-top:1.1rem;color:var(--muted);max-width:var(--measure);font-size:1.125rem}.hero .lede strong{color:var(--text)}.diagram{margin-top:2.2rem;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:1.4rem 1.6rem 1.1rem;display:inline-block;max-width:100%;overflow-x:auto}.diagram .name{font-family:var(--mono);font-size:clamp(1rem,3vw,1.45rem);white-space:nowrap;padding-bottom:2.1em}.diagram .seg{position:relative;border-bottom:2px solid;padding-bottom:.35rem}.diagram .t{color:var(--amber);border-color:var(--amber)}.diagram .h{color:var(--ok);border-color:var(--ok)}.diagram .x{color:var(--faint)}.diagram .lbl{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:.65rem;font-size:.72em;white-space:nowrap;border:0;padding:0}section{padding:clamp(2rem,5vw,3.25rem)0}section+section{border-top:1px solid var(--line)}h2{font-size:1.35rem;letter-spacing:-.01em;margin-bottom:1.4rem}.kicker{font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:var(--amber);display:block;margin-bottom:.6rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:1.3rem 1.4rem}.card h3{font-size:1.02rem;margin-bottom:.5rem}.card p{color:var(--muted);font-size:.95rem}.card p code{color:var(--text)}.card .more{display:inline-block;margin-top:.7rem;font-size:.9rem}.snippet{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:1.1rem 1.4rem;overflow-x:auto}.snippet code,.snippet pre{font-size:.95rem;line-height:1.7}.snippet .prompt{color:var(--faint);user-select:none}.snippet .arr{color:var(--faint)}.snippet .new{color:var(--amber)}.aside{color:var(--faint);font-size:.9rem;margin-top:.8rem}.download-row{margin-top:1.6rem}.btn{display:inline-flex;align-items:baseline;gap:.6rem;background:var(--amber);color:var(--amber-ink);font-weight:650;padding:.65rem 1.2rem;border-radius:8px;text-decoration:none}.btn:hover{background:color-mix(in srgb,var(--amber) 85%,white);text-decoration:none}.btn-sub{font-weight:500;font-size:.85em;opacity:.75}.example-rows{display:grid;gap:.15rem}.prose{max-width:var(--measure)}.prose p+p{margin-top:1rem}.page-body{margin-top:1.2rem}.error-page .prose{margin-top:1rem}.prose ul{margin:1rem 0 1rem 1.25rem}.prose li+li{margin-top:.5rem}.prose h2{margin-top:2.2rem}.prose h2:first-child{margin-top:0}.section-intro{margin-bottom:1.4rem;color:var(--muted)}.shots{display:grid;gap:1.25rem}.shot{max-width:100%}.shot img{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:10px}.shot figcaption{color:var(--faint);font-size:.88rem;margin-top:.55rem;max-width:var(--measure)}.split{display:grid;gap:1.5rem;align-items:start}@media(min-width:46rem){.split{grid-template-columns:minmax(0,7fr)minmax(0,5fr)}}.feature-list{margin:1.5rem 0 0 1.2rem;max-width:var(--measure)}.feature-list li{margin-bottom:.6rem;color:var(--muted)}.feature-list li strong{color:var(--text)}.lrc-diagram{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:1.4rem;font-family:var(--mono);font-size:.85rem;line-height:1.9}.lrc-diagram .panes{display:grid;grid-template-columns:1fr;gap:.6rem;justify-items:stretch}.lrc-diagram .pane{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:.9rem 1rem;min-width:0;overflow-x:auto}.lrc-diagram .pane p{white-space:nowrap;color:var(--muted)}.lrc-diagram .pane p.pane-title{color:var(--text);font-weight:700}.lrc-diagram .indent{padding-left:1ch}.lrc-diagram .indent2{padding-left:2ch}.lrc-diagram .indent3{padding-left:3ch}.lrc-diagram .pane p.accent{color:var(--amber)}.lrc-diagram .pane p.dim{color:var(--faint)}.lrc-diagram .small{font-size:.78rem}.lrc-diagram .spaced{margin-top:.8rem}.lrc-diagram .flow{color:var(--amber);font-size:1.3rem;justify-self:center;transform:rotate(90deg)}.lrc-diagram figcaption{color:var(--faint);font-family:var(--sans);font-size:.88rem;margin-top:.6rem}.site-footer{border-top:1px solid var(--line);margin-top:2rem}.site-footer .wrap{padding-top:1.4rem;padding-bottom:2.2rem;display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;color:var(--faint);font-size:.88rem}.site-footer a{color:var(--muted)}.error-page{padding:6rem 0;text-align:left}.error-page .mono{color:var(--faint)}@media(prefers-reduced-motion:no-preference){a,.site-nav a{transition:color 120ms ease,text-decoration-color 120ms ease}}