:root,[data-theme=light]{--bg: #f7f2e8;--bg-raised: #fffdf8;--bg-term: #fdfaf3;--line: #e3dacb;--line-strong: #cfc3ae;--text: #2b2925;--text-strong: #16150f;--muted: #6e6857;--accent: #0e7355;--accent-dim: #9cc6b6;--accent-wash: rgba(14, 115, 85, .07);--on-accent: #fffdf8;--amber: #96620c;--amber-line: #ddc79a;--red: #ad2318;--red-line: #e0b3ae;--violet: #5b4595;--violet-line: #c9bce4;--violet-wash: rgba(91, 69, 149, .06);--hero-glow-a: rgba(14, 115, 85, .1);--hero-glow-b: rgba(150, 98, 12, .07);--shadow: 0 1px 2px rgba(43, 41, 37, .05), 0 8px 24px rgba(43, 41, 37, .04)}[data-theme=dark]{--bg: #0b0e14;--bg-raised: #11151f;--bg-term: #070910;--line: #1e2534;--line-strong: #33405a;--text: #d6dcea;--text-strong: #e7ecf7;--muted: #78839b;--accent: #5ce6b5;--accent-dim: #2a7f66;--accent-wash: rgba(92, 230, 181, .07);--on-accent: #0b0e14;--amber: #ffcc66;--amber-line: #6b5423;--red: #ff6b6b;--red-line: #6b2b2b;--violet: #b39ddb;--violet-line: #4b3f6b;--violet-wash: rgba(179, 157, 219, .07);--hero-glow-a: rgba(92, 230, 181, .1);--hero-glow-b: rgba(120, 131, 155, .08);--shadow: none}:root{--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.6}code,pre,.term{font-family:var(--mono)}.signin{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 24px;border-bottom:1px solid var(--line);background:var(--bg-term);font-family:var(--mono);font-size:12.5px}.signin-who{color:var(--muted)}.signin-who strong{color:var(--accent);font-weight:600}.signin-exp{color:var(--muted)}.signin-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.signin-btn{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--on-accent);background:var(--accent);border:0;border-radius:7px;padding:6px 14px;cursor:pointer}.signin-btn:hover{filter:brightness(1.08)}.signin-out{background:transparent;color:var(--muted);border:1px solid var(--line-strong)}.signin-out:hover{color:var(--text);border-color:var(--muted);filter:none}.signin-warn{color:var(--amber)}.signin-error{color:var(--red);flex-basis:100%}.theme-toggle{font-family:var(--mono);font-size:12px;color:var(--muted);background:transparent;border:1px solid var(--line-strong);border-radius:7px;padding:6px 12px;cursor:pointer}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.hero{border-bottom:1px solid var(--line);background:radial-gradient(900px 400px at 15% -10%,var(--hero-glow-a),transparent 70%),radial-gradient(700px 350px at 85% 0%,var(--hero-glow-b),transparent 70%)}.hero-inner,main,footer{max-width:980px;margin:0 auto;padding:0 24px}.hero-inner{padding-top:72px;padding-bottom:60px}.kicker{font-family:var(--mono);color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin:0 0 20px}.hero h1{font-size:clamp(34px,6vw,60px);line-height:1.05;letter-spacing:-.02em;margin:0 0 20px;font-weight:650;color:var(--text-strong)}.hero h1 span{color:var(--accent)}.lede{font-size:18px;color:var(--text);max-width:68ch;margin:0 0 14px}.hero-note{font-family:var(--mono);font-size:13px;color:var(--muted);border-left:2px solid var(--accent-dim);padding-left:12px;margin:0 0 32px}.hero-nav{display:flex;flex-wrap:wrap;gap:10px}.hero-nav a{font-family:var(--mono);font-size:13px;color:var(--text);text-decoration:none;border:1px solid var(--line-strong);border-radius:999px;padding:6px 14px;transition:border-color .15s,color .15s}.hero-nav a:hover{border-color:var(--accent);color:var(--accent)}main{padding-top:56px;padding-bottom:40px}.path{border:1px solid var(--line);border-radius:14px;background:var(--bg-raised);margin-bottom:40px;overflow:hidden;box-shadow:var(--shadow);scroll-margin-top:calc(var(--pin-h, 160px) + 16px)}.path-head{display:flex;gap:18px;align-items:flex-start;padding:26px;border-bottom:1px solid var(--line)}.path-badge{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--accent);border:1px solid var(--accent-dim);border-radius:8px;padding:6px 10px;flex-shrink:0}.badge-use{color:var(--amber);border-color:var(--amber-line)}.badge-agent{color:var(--violet);border-color:var(--violet-line)}.path-head h2{margin:0 0 6px;font-size:21px;letter-spacing:-.01em;color:var(--text-strong)}.path-blurb{margin:0 0 8px;color:var(--text);font-size:15px;max-width:70ch}.path-spec{font-family:var(--mono);font-size:12px;color:var(--muted);text-decoration:none}.path-spec:hover{color:var(--accent)}.path-start{margin-left:auto;flex-shrink:0;font-family:var(--mono);font-size:13px;font-weight:600;color:var(--on-accent);background:var(--accent);border:0;border-radius:8px;padding:9px 16px;cursor:pointer}.path-start:hover{filter:brightness(1.08)}.path-start:disabled{background:var(--line);color:var(--muted);cursor:not-allowed;filter:none}.path-body{padding:22px 26px 26px}.step{margin-bottom:22px}.step:last-child{margin-bottom:0}.step-pending{opacity:.4}.step-note{margin:0 0 8px;font-size:14px;color:var(--muted)}.term{background:var(--bg-term);border:1px solid var(--line);border-radius:10px;padding:14px 16px;font-size:13px;overflow:hidden}.term-done{border-color:var(--accent-dim)}.term-error{border-color:var(--red-line)}.term-line{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.term-prompt{color:var(--accent);font-weight:700;flex-shrink:0}.term-cmd{color:var(--text-strong);white-space:pre-wrap;word-break:break-word;flex:1;min-width:0}.term-caret{display:inline-block;width:7px;height:15px;background:var(--accent);animation:blink 1s step-end infinite;vertical-align:text-bottom}@keyframes blink{50%{opacity:0}}.term-run{font-family:var(--mono);font-size:11px;color:var(--accent);background:transparent;border:1px solid var(--accent-dim);border-radius:6px;padding:2px 9px;cursor:pointer;flex-shrink:0}.term-run:hover{background:var(--accent-wash)}.term-spinner{width:11px;height:11px;border:2px solid var(--accent-dim);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.term-ms{font-size:11px;color:var(--muted);flex-shrink:0}.term-out{margin:12px 0 0;padding:12px 0 0;border-top:1px dashed var(--line-strong);color:var(--text);font-size:12.5px;line-height:1.65;white-space:pre-wrap;word-break:break-word;max-height:420px;overflow:auto;-moz-tab-size:4;tab-size:4}.term-out-error{color:var(--red)}.query-editor{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;padding:18px 22px;border:1px dashed var(--accent-dim);border-radius:12px;background:var(--accent-wash)}.query-editor label{font-family:var(--mono);font-size:12px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.query-editor input{font-family:var(--mono);font-size:14px;color:var(--text);background:var(--bg-term);border:1px solid var(--line-strong);border-radius:8px;padding:11px 13px}.query-editor input:focus{outline:none;border-color:var(--accent)}.converge{text-align:center;margin:4px 0 40px;padding:26px;border:1px solid var(--accent-dim);border-radius:14px;background:var(--accent-wash)}.converge p{margin:0 0 10px;font-size:14px;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-family:var(--mono)}.converge code{font-size:15px;color:var(--text-strong);word-break:break-all}.token-box{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--bg-term)}.token-box label{font-family:var(--mono);font-size:12px;color:var(--amber);text-transform:uppercase;letter-spacing:.08em}.token-help{margin:0;font-size:13.5px;color:var(--muted)}.token-help code{color:var(--text)}.token-claims{margin:0;padding:12px;background:var(--bg-raised);border:1px solid var(--line);border-radius:8px;font-size:12px;color:var(--accent);white-space:pre-wrap}.token-expired{margin:0;color:var(--red);font-size:13px}.token-box .path-start{margin-left:0;align-self:flex-start}.agent-controls{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.agent-controls label{font-family:var(--mono);font-size:12px;color:var(--violet);text-transform:uppercase;letter-spacing:.08em}.agent-controls input,.agent-controls select{font-family:var(--mono);font-size:14px;color:var(--text);background:var(--bg-term);border:1px solid var(--line-strong);border-radius:8px;padding:11px 13px}.agent-controls input:focus,.agent-controls select:focus{outline:none;border-color:var(--violet)}.agent-examples{display:flex;flex-wrap:wrap;gap:7px}.agent-examples button{font-family:var(--mono);font-size:11.5px;color:var(--muted);background:transparent;border:1px solid var(--line-strong);border-radius:999px;padding:5px 11px;cursor:pointer}.agent-examples button:hover:not(:disabled){border-color:var(--violet);color:var(--violet)}.agent-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.agent-row select{flex:1;min-width:220px}.agent-row .path-start{margin-left:0;background:var(--violet)}.agent-run{display:flex;flex-direction:column;gap:12px}.agent-meta{font-family:var(--mono);font-size:12px;color:var(--muted)}.agent-thought{display:flex;gap:12px;align-items:baseline;border-left:2px solid var(--violet-line);padding-left:14px}.agent-thought p{margin:0;font-size:14.5px;color:var(--text);font-style:italic}.agent-tool{background:var(--bg-term);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.agent-tool-bad{border-color:var(--red-line)}.agent-tool-head{display:flex;gap:9px;align-items:baseline;flex-wrap:wrap}.agent-tool-head code{font-size:12.5px;color:var(--text-strong);word-break:break-all;flex:1;min-width:0}.agent-arrow{color:var(--violet);flex-shrink:0}.agent-ms{font-family:var(--mono);font-size:11px;color:var(--muted);flex-shrink:0}.agent-tool pre{margin:10px 0 0;padding-top:10px;border-top:1px dashed var(--line-strong);font-size:12px;color:var(--text);white-space:pre-wrap;word-break:break-word;max-height:220px;overflow:auto}.agent-bound{margin:10px 0 0;font-size:13px;color:var(--accent);background:var(--accent-wash);border-radius:8px;padding:9px 11px}.agent-bound code{color:var(--accent)}.agent-answer{border:1px solid var(--violet-line);border-radius:10px;padding:16px 18px;background:var(--violet-wash)}.agent-answer-label{font-family:var(--mono);font-size:11px;color:var(--violet);text-transform:uppercase;letter-spacing:.1em}.agent-answer p{margin:8px 0 0;font-size:15.5px;color:var(--text-strong);white-space:pre-wrap}footer{border-top:1px solid var(--line);padding-top:28px;padding-bottom:56px}footer p{margin:0;font-size:13.5px;color:var(--muted);max-width:74ch}@media (max-width: 720px){.hero-inner{padding-top:48px;padding-bottom:44px}.hero-inner,main,footer{padding-left:16px;padding-right:16px}.path-head{flex-wrap:wrap;padding:20px}.path-start{margin-left:0}.path-body{padding:18px 16px 20px}.signin{padding:10px 16px}.signin-actions{margin-left:0;flex-basis:100%}.term{padding:12px;font-size:12px}.term-out{font-size:11.5px;max-height:300px}.agent-row select{min-width:0}}.cmap{margin:4px 0 40px;padding:20px 24px 14px;border:1px solid var(--line);border-radius:14px;background:var(--bg-raised);box-shadow:var(--shadow)}.cmap svg{display:block;width:100%;height:auto}.cmap-lane text,.cmap-hub text,.cmap-tools text{font-family:var(--mono);font-size:12px;fill:var(--muted)}.cmap-pinned text{font-size:13px}.cmap-ord{fill:var(--accent);font-weight:700}.cmap-lane path{stroke:var(--line-strong);stroke-width:1.5;stroke-dasharray:4 4}.cmap-lane circle{fill:var(--line-strong)}.cmap-hub rect,.cmap-tools rect{fill:none;stroke:var(--line-strong);stroke-width:1.5}.cmap-running path{stroke:var(--accent);animation:cmap-flow .8s linear infinite}.cmap-running circle{fill:var(--accent)}.cmap-running text{fill:var(--accent)}@keyframes cmap-flow{to{stroke-dashoffset:-8}}.cmap-done path{stroke:var(--accent);stroke-dasharray:none}.cmap-done circle{fill:var(--accent)}.cmap-done text{fill:var(--text-strong)}.cmap-done rect{stroke:var(--accent);fill:var(--accent-wash)}.cmap-error path{stroke:var(--red);stroke-dasharray:none}.cmap-error circle{fill:var(--red)}.cmap-error text{fill:var(--red)}.cmap figcaption{margin-top:6px;font-family:var(--mono);font-size:11.5px;color:var(--muted);text-align:center}.cribbon{position:fixed;top:0;left:0;right:0;z-index:30;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg-raised) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .22s ease,opacity .22s ease}.cribbon-on{transform:translateY(0);opacity:1}.cribbon-inner{max-width:980px;margin:0 auto;padding:9px 24px;display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11.5px;overflow-x:auto;scrollbar-width:none}.cribbon-inner::-webkit-scrollbar{display:none}.cribbon-lane{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:3px 10px;border-radius:999px;border:1px solid var(--line-strong);color:var(--muted)}.cribbon-lane i{width:6px;height:6px;border-radius:50%;background:var(--line-strong)}.cribbon-running{border-color:var(--accent);color:var(--accent)}.cribbon-running i{background:var(--accent);animation:blink 1s step-end infinite}.cribbon-done{border-color:var(--accent);color:var(--accent);background:var(--accent-wash)}.cribbon-done i{background:var(--accent)}.cribbon-error{border-color:var(--red-line);color:var(--red)}.cribbon-error i{background:var(--red)}.cribbon-arrow{color:var(--line-strong);flex-shrink:0}.cribbon-hub,.cribbon-tools{flex-shrink:0;padding:3px 10px;border-radius:7px;border:1px solid var(--line-strong);color:var(--muted)}.cribbon-hub{color:var(--text)}.cribbon-sum{display:none}.cpin{position:fixed;top:0;left:0;right:0;z-index:30;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg-raised) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .22s ease,opacity .22s ease}.cpin-on{transform:translateY(0);opacity:1}.cpin .cmap{max-width:980px;margin:0 auto;padding:6px 24px 2px;border:0;border-radius:0;background:transparent;box-shadow:none}.cpin .cmap figcaption{margin-top:0;font-size:11px}.cpin-tall .cmap svg{max-width:620px;margin:0 auto}@media (max-width: 720px){.cpin .cmap{padding:4px 12px 2px}}.toolbelt{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:12px 14px;border:1px dashed var(--violet-line);border-radius:10px;background:var(--violet-wash)}.toolbelt-label{font-family:var(--mono);font-size:11px;color:var(--violet);text-transform:uppercase;letter-spacing:.08em;margin-right:4px}.tool-chip{font-family:var(--mono);font-size:11.5px;color:var(--muted);border:1px solid var(--line-strong);border-radius:999px;padding:3px 10px}.tool-chip-new{color:var(--accent);border-color:var(--accent);background:var(--accent-wash);animation:chip-in .35s ease-out}@keyframes chip-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (max-width: 720px){.cribbon-inner{padding:8px 16px;gap:7px}.cribbon-lane,.cribbon-tools,.cribbon-hub,.cribbon-arrow{display:none}.cribbon-sum{display:inline;color:var(--accent);font-size:12px}.cmap{padding:14px 12px 10px}.cmap-lane text,.cmap-hub text,.cmap-tools text{font-size:14px}}@media (prefers-reduced-motion: reduce){.cmap-running path{animation:none}.cribbon{transition:none}.cribbon-running i,.term-caret,.tool-chip-new{animation:none}}
