:root{--bg:#0a0c0b;--panel:#0f1211;--line:#1d2320;--text:#d6ddd9;--dim:#7b8681;--faint:#4a5450;--accent:#5eea9a;--warn:#f5b454;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}code{font-family:var(--mono);color:var(--accent);font-size:.92em}main,.nav,.foot{max-width:880px;margin:0 auto;padding:0 24px}.nav{height:64px;font-family:var(--mono);justify-content:space-between;align-items:center;display:flex}.logo{font-size:18px;font-weight:700}.nav nav{color:var(--dim);gap:24px;font-size:14px;display:flex}.hero{text-align:center;padding:72px 0 40px}.kicker{font-family:var(--mono);color:var(--dim);margin:0 0 20px;font-size:13px}h1{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(40px,7vw,72px);line-height:1.05}h1 em{color:var(--accent);font-style:normal}.lede{text-wrap:balance;max-width:600px;color:var(--dim);margin:24px auto 36px;font-size:18px}.install{text-align:left;max-width:520px;margin:0 auto}.install-tabs,.term-tabs,.term-groups{scrollbar-width:thin;flex-wrap:nowrap;gap:4px;display:flex;overflow-x:auto}.install-tabs button,.term-tabs button,.term-groups button{font:13px var(--mono);color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;padding:6px 10px}.install-tabs button:hover,.term-tabs button:hover,.term-groups button:hover{color:var(--text)}.install-tabs button.on,.term-tabs button.on{color:var(--bg);background:var(--accent)}.install-cmd{background:var(--panel);border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:8px;padding:14px 16px;display:flex}.install-cmd pre{font:14px/1.7 var(--mono);margin:0;overflow-x:auto}.prompt{color:var(--faint)}.copy{font:12px var(--mono);color:var(--dim);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px}.copy:hover{color:var(--accent);border-color:var(--accent)}.demo{padding:32px 0 16px}.terminal{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 30px 80px -30px #5eea9a2e}.term-bar{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:12px 16px;display:flex}.dots{gap:6px;display:flex}.dots i{background:var(--line);border-radius:50%;width:11px;height:11px}.term-title{font:12px var(--mono);color:var(--faint)}.term-groups{border-bottom:1px solid var(--line);gap:2px;padding:10px 12px 0}.term-groups button{border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:8px 12px 10px;font-size:13.5px;font-weight:600}.term-groups button.on{color:var(--accent);border-bottom-color:var(--accent)}.term-tabs{padding:10px 12px 0}.term-gist{font:12px var(--mono);color:var(--faint);margin:10px 22px 0}.term-gist:before{content:"# "}.term-body{min-height:390px;font:13.5px/1.75 var(--mono);padding:18px 20px 22px}.tl{gap:10px;animation:.25s ease-out in;display:flex}.tl-glyph{color:var(--faint);flex:0 0 1ch}.tl-text{white-space:pre-wrap;overflow-wrap:anywhere}.tl-user{color:#fff;margin-top:10px}.tl-user:first-child{margin-top:0}.tl-user .tl-glyph{color:var(--accent)}.tl-agent .tl-glyph{color:var(--text)}.tl-tool .tl-glyph{color:var(--accent)}.tl-tool .tl-text{color:var(--text);font-weight:600}.tl-out,.tl-hook{color:var(--dim);padding-left:20px}.tl-hook,.tl-hook .tl-glyph{color:var(--warn)}.cursor{color:var(--accent);animation:1s step-end infinite blink}.caption{text-align:center;font:12px var(--mono);color:var(--faint);margin:12px 0 0}h2{font:600 13px var(--mono);text-transform:lowercase;color:var(--accent);letter-spacing:.02em;margin:0 0 20px}h2:before{content:"// ";color:var(--faint)}section.how,section.self,section.not,section.vocab{padding:64px 0 0}.pieces{background:var(--line);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(5,1fr);gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.pieces li{background:var(--bg);padding:18px 16px}.piece-name{font:700 18px var(--mono);display:block}.piece-what{font:12px var(--mono);color:var(--faint);margin-top:2px;display:block}.pieces p{color:var(--dim);margin:12px 0 0;font-size:14px}.self p{max-width:720px;color:var(--dim);margin:0}.self .self-loop{margin-bottom:16px;font-size:14px;line-height:2}.self-loop i{color:var(--faint);font-style:normal}.self a{color:var(--accent)}.not p{max-width:720px;color:var(--dim);margin:0;font-size:20px;line-height:1.5}.not strong{color:var(--text)}.vocab-group+.vocab-group{margin-top:28px}.vocab h3{font:12px var(--mono);color:var(--faint);margin:0 0 10px}.vocab h3:before{content:":: ";color:var(--accent)}.vocab dl{grid-template-columns:1fr 1fr;gap:14px 32px;margin:0;display:grid}.vocab dt{font:600 14px var(--mono);color:var(--text)}.vocab dd{color:var(--dim);margin:2px 0 0;font-size:14px}.foot{border-top:1px solid var(--line);font:13px var(--mono);color:var(--dim);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:96px;padding-top:32px;padding-bottom:48px;display:flex}.foot p{margin:0}.foot .links{color:var(--faint)}@keyframes in{0%{opacity:0;transform:translateY(3px)}}@keyframes blink{50%{opacity:0}}@media (width<=860px){.pieces{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.pieces,.vocab dl{grid-template-columns:1fr}.term-gist{margin:10px 16px 0}.term-body{min-height:470px;font-size:12.5px}}@media (prefers-reduced-motion:reduce){.tl,.cursor{animation:none}}.debt-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:8px 0 56px;display:grid}.stat{border:1px solid var(--line);background:var(--panel);flex-direction:column;gap:4px;padding:20px;display:flex}.stat-n{font:700 30px/1 var(--mono);color:var(--accent)}.stat-l{font:12px var(--mono);color:var(--faint)}.debt-cols{grid-template-columns:1fr 1fr;gap:40px;display:grid}.debt-table{border-collapse:collapse;width:100%;font-size:14px}.debt-table td{border-bottom:1px solid var(--line);color:var(--dim);overflow-wrap:anywhere;padding:7px 10px 7px 0}.debt-table td:first-child{color:var(--text);font-family:var(--mono);font-size:13px}.debt-table .num{text-align:right;font-family:var(--mono)}.debt-note{color:var(--faint);font-size:13px}.debt-empty{text-align:center;color:var(--dim);font:14px var(--mono);padding:48px 0}@media (width<=680px){.debt-grid,.debt-cols{grid-template-columns:1fr 1fr}}@media (width<=480px){.debt-grid,.debt-cols{grid-template-columns:1fr}}
