:root{--bg:#000000;--ink:#ffffff;--muted:#9a9a9a;--hair:#2a2a2a;--soft:#161616;--sans:-apple-system,BlinkMacSystemFont,"Inter","SF Pro Text",system-ui,"Helvetica Neue",Arial,sans-serif;--barH:76px;--gutter:40px;--kcol:170px;--kgap:28px}*{box-sizing:border-box}body,html{background:var(--bg)}body{color:var(--ink);font:15px/1.55 var(--sans);margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:deeppink;color:#ffffff;transition:background .2s ease,color .2s ease}::-moz-selection{background:deeppink;color:#ffffff;-moz-transition:background .2s ease,color .2s ease;transition:background .2s ease,color .2s ease}#root{max-width:1040px;margin:0 auto;padding:56px var(--gutter) calc(var(--barH) + 64px)}a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:#444}.pane{display:none}.pane.on{display:block}.title{margin:0 0 16px;font-size:56px;font-weight:500;letter-spacing:-1.5px;line-height:1;color:var(--ink);max-width:880px}.sub-title{margin:0 0 80px;font-size:20px;color:var(--muted);font-weight:400;line-height:1.4;max-width:600px}.lede{margin:0 0 32px;font-size:15px;color:var(--ink)}.rows+.lede{margin-top:48px;column-count:3;column-gap:32px;font-size:14px;line-height:1.75}.rows+.lede p{page-break-inside:avoid;break-inside:avoid;margin:0 0 14px}.rows+.lede p>b:first-child{display:block;margin-bottom:4px}.lede p{margin:0 0 14px;font-style:italic}.lede p:last-child{margin-bottom:0}.lede p>b{font-style:normal}.lede b,.lede p>b{font-weight:500}.lede:first-of-type{max-width:70ch;margin-bottom:56px}.lede:first-of-type p{font-size:18px;line-height:1.55}.caption{margin:8px 0 0;font-size:13px;color:var(--muted);line-height:1.5}.rows{display:grid;grid-template-columns:var(--kcol) 1fr;grid-row-gap:22px;row-gap:22px;grid-column-gap:var(--kgap);column-gap:var(--kgap);font-size:15px;align-items:start}.rows .k{font-weight:400;padding-top:1px}.rows .k,.rows .v{color:var(--ink)}.rows .v.muted{color:var(--muted)}.rows .v p{margin:0 0 6px}.rows .v p:last-child{margin-bottom:0}.rows .v ol,.rows .v ul{margin:0;padding:0;list-style:none}.rows .v li{padding:2px 0}.rows .v ol{counter-reset:step}.rows .v ol li{counter-increment:step;padding-left:52px;position:relative;min-height:32px;padding-top:6px;padding-bottom:6px}.rows .v ol li:before{content:counter(step);position:absolute;left:0;top:4px;color:var(--ink);font-size:26px;font-weight:500;line-height:1;letter-spacing:-1px}.rows .v ul.bare li{color:var(--muted);padding-left:22px;position:relative}.rows .v ul.bare li:before{content:"✗";position:absolute;left:0;color:var(--ink)}.prompt{margin:8px 0 0;padding:14px 72px 14px 16px;background:var(--soft);border-radius:8px;font:13px/1.6 ui-monospace,SF Mono,Menlo,monospace;color:var(--ink);white-space:pre-wrap;position:relative}.prompt .copy-btn{position:absolute;top:10px;right:10px;font:11px/1 var(--sans);padding:4px 10px;background:var(--bg);color:var(--ink);border:1px solid var(--hair);border-radius:999px;cursor:pointer;letter-spacing:.5px;opacity:.55;transition:opacity .15s,background .15s,color .15s,border-color .15s}.prompt:hover .copy-btn{opacity:1}.prompt .copy-btn:hover{background:var(--soft);border-color:var(--ink)}.prompt .copy-btn.copied{background:var(--ink);color:var(--bg);border-color:var(--ink);opacity:1}.loops{width:100%;border-collapse:collapse;font-size:15px}.loops td{padding:12px 0;border-bottom:1px solid var(--hair);vertical-align:top}.loops tr:last-child td{border-bottom:none}.loops td.from{width:40%;padding-right:16px;color:var(--ink)}.loops td.trig{color:var(--muted);padding-right:16px}.loops td.act{white-space:nowrap;text-align:right;color:var(--ink)}.princ{display:grid;grid-gap:32px;gap:32px}.princ>section h3{margin:0 0 10px;font-size:15px;font-weight:500;color:var(--ink)}.princ>section ul{margin:0;padding:0;list-style:none;font-size:15px;color:var(--muted)}.princ>section li{padding:3px 0}.princ>section li b{color:var(--ink);font-weight:400}.pipe{display:flex;flex-wrap:wrap;gap:6px 6px;font-size:13px;color:var(--muted);margin-top:8px}.pipe,.pipe .step{align-items:center}.pipe .step{border:1px solid var(--ink);color:var(--ink);padding:4px 12px;border-radius:999px;background:transparent;font:inherit;cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-flex}.pipe .step:hover{background:var(--soft);color:var(--ink)}.pipe .step.static{cursor:default}.pipe .arr,.text-flow{color:var(--muted)}.text-flow{font-size:14px;line-height:1.85;margin:0}.text-flow b{color:var(--ink);font-weight:500;margin-right:4px}.text-flow .arr{color:var(--muted);margin:0 6px;font-style:normal}.tabbar{position:fixed;left:0;right:0;bottom:0;background:var(--bg);padding:14px 0 18px;z-index:70}.tabbar-inner{max-width:1040px;margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:12px}.tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;min-width:0;flex:1 1 auto}.tabs,.tabs-right{display:flex;align-items:center;gap:6px}.tabs-right{flex:0 0 auto}.tabs::-webkit-scrollbar{display:none}.tabs>:last-child{-webkit-margin-end:4px;margin-inline-end:4px}.tab{font:inherit;font-size:14px;font-weight:400;padding:7px 16px;border:1px solid var(--ink);background:var(--bg);border-radius:999px;cursor:pointer;white-space:nowrap;flex:0 0 auto;text-decoration:none;display:inline-flex;align-items:center;transition:background .12s,color .12s,border-color .12s}.tab,.tab:hover{color:var(--ink)}.tab:hover{background:var(--soft)}.tab.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.tab.muted{border-color:var(--hair);color:var(--muted)}.tab.muted:hover{color:var(--ink);border-color:var(--ink);background:var(--bg)}.tab.muted.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.arr{font-size:13px;color:var(--muted);flex:0 0 auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 2px}.divider{width:1px;height:22px;background:var(--hair);flex:0 0 auto;margin:0 6px}@media (max-width:760px){:root{--kcol:1fr;--gutter:24px;--kgap:0}#root{padding:36px var(--gutter) calc(var(--barH) + 56px)}.rows{grid-template-columns:1fr;row-gap:16px}.rows .k{color:var(--muted);font-size:13px;padding-top:0;margin-bottom:-10px}}