:root,:root[data-theme=midnight]{--bg:#0b0d12;--surface:#12151d;--surface-2:#0d0f15;--surface-hi:#1a1e28;--border:#20242e;--border-hi:#2c3240;--text:#e6e8ee;--dim:#888e9c;--faint:#565c6b;--accent:#6ea8fe;--accent-ink:#08111f;--good:#63c57e;--bad:#f2617a;--warn:#e0a95c;--lane-0:#6ea8fe;--lane-1:#b98cf6;--lane-2:#35c4a5;--lane-3:#e0a95c;--lane-4:#f2617a;--lane-5:#58c4e0;--k-llm_call:#6ea8fe;--k-tool_call:#e0a95c;--k-tool_result:#63c57e;--k-memory_read:#b98cf6;--k-memory_write:#f2617a;--k-observation:#58c4e0;--k-ccloud_action:#f2914e}:root[data-theme=kraken]{--bg:#071110;--surface:#0d1817;--surface-2:#0a1413;--surface-hi:#12211f;--border:#1c2b28;--border-hi:#2a403c;--text:#dceae6;--dim:#7fa39b;--faint:#4f6b64;--accent:#2fd6a6;--accent-ink:#04120d;--good:#4fd694;--bad:#ff7a92;--warn:#f2c06b;--lane-0:#2fd6a6;--lane-1:#5ad1ff;--lane-2:#c79bff;--lane-3:#f2c06b;--lane-4:#ff7a92;--lane-5:#8ce07a}:root[data-theme=paper]{--bg:#f6f7f9;--surface:#ffffff;--surface-2:#f0f2f6;--surface-hi:#eef1f6;--border:#e0e4ea;--border-hi:#cfd5de;--text:#1a1d25;--dim:#5c6472;--faint:#99a0ad;--accent:#2f6fe0;--accent-ink:#ffffff;--good:#2f9e56;--bad:#d63c5e;--warn:#b9791f;--lane-0:#2f6fe0;--lane-1:#8b5cf0;--lane-2:#12a37e;--lane-3:#c07a12;--lane-4:#d63c5e;--lane-5:#1c9dc4;--k-llm_call:#2f6fe0;--k-tool_call:#b9791f;--k-tool_result:#2f9e56;--k-memory_read:#8b5cf0;--k-memory_write:#d63c5e;--k-observation:#1c9dc4;--k-ccloud_action:#d2691e}:root[data-theme=sand]{--bg:#f2eee4;--surface:#fbf9f3;--surface-2:#ece7db;--surface-hi:#e5dfd0;--border:#ddd6c6;--border-hi:#c9c0ac;--text:#201d17;--dim:#6c6557;--faint:#a49b88;--accent:#d5593c;--accent-ink:#fff8f2;--good:#2f7d51;--bad:#c2402a;--warn:#a9761b;--lane-0:#2b62aa;--lane-1:#7d57ad;--lane-2:#2f8a63;--lane-3:#a9761b;--lane-4:#d5593c;--lane-5:#2f88a6;--k-llm_call:#2b62aa;--k-tool_call:#a9761b;--k-tool_result:#2f8a63;--k-memory_read:#7d57ad;--k-memory_write:#d5593c;--k-observation:#2f88a6;--k-ccloud_action:#bd642a}.rec{font-family:ui-monospace,JetBrains Mono,monospace;font-size:12.5px;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-2)}.rec-head{padding:8px 12px;color:var(--dim);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.rec-line{padding:7px 12px;display:flex;gap:9px;align-items:baseline;border-top:1px solid var(--border);color:var(--text);white-space:pre-wrap;word-break:break-word}.rec-line:first-of-type{border-top:none}.rec-line .mark{width:12px;flex:none;font-weight:700}.rec-del{background:color-mix(in srgb,var(--bad) 11%,transparent)}.rec-del .mark{color:var(--bad)}.rec-add{background:color-mix(in srgb,var(--good) 12%,transparent)}.rec-add .mark{color:var(--good)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5;font-size:14px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:21px;font-weight:680;letter-spacing:-.02em}h1,h2{margin:0}h2{font-size:15px;font-weight:650;letter-spacing:-.01em}.mono,code{font-family:ui-monospace,JetBrains Mono,SF Mono,Menlo,Consolas,monospace}:root{--radius:9px;--radius-sm:6px}.container{max-width:1120px;margin:0 auto;padding:26px 24px 72px}.container.wide{max-width:1320px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);background:color-mix(in srgb,var(--bg) 78%,transparent);border-bottom:1px solid var(--border)}.site-header .inner{max-width:1320px;margin:0 auto;padding:17px 24px;display:flex;align-items:center;gap:14px}.brand{display:inline-flex;align-items:center;gap:9px;line-height:1;font-weight:700;font-size:19px;letter-spacing:-.02em;color:var(--text)}.brand:hover{text-decoration:none}.brand svg{display:block;transform:translateY(2px)}.brand .tag{color:var(--faint);font-weight:450;font-size:14px;border-left:1px solid var(--border-hi);padding-left:14px;margin-left:5px}.spacer{flex:1 1}.crumb{font-size:13px;display:inline-flex;align-items:center;gap:6px;margin-bottom:14px}.crumb,.crumb a{color:var(--dim)}.crumb a:hover{color:var(--text)}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:650;color:var(--faint)}.lede{max-width:64ch}.lede,.meta-line{color:var(--dim);margin:4px 0 0}.meta-line{font-size:13px}.meta-line .sep{color:var(--faint);margin:0 7px}.theme-switch{display:inline-flex;padding:3px;gap:2px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2)}.theme-switch button{width:26px;height:26px;border:none;border-radius:999px;background:transparent;cursor:pointer;padding:0;display:grid;place-items:center;color:var(--faint);transition:background .15s ease,color .15s ease}.theme-switch button:hover{color:var(--text)}.theme-switch button[aria-pressed=true]{background:var(--surface-hi);color:var(--text)}.theme-switch .dot{width:11px;height:11px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.card.inset{background:var(--surface-2)}.section-title{display:flex;align-items:center;gap:8px;margin:26px 0 10px}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px;margin:18px 0}.stat{padding:13px 15px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.stat .label{color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:.07em}.stat .value{font-size:23px;font-weight:680;font-family:ui-monospace,JetBrains Mono,monospace;letter-spacing:-.02em;margin-top:4px}.stat.accent .value{color:var(--good)}@media (max-width:760px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.field{display:flex;gap:8px}.input{flex:1 1;padding:10px 13px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:var(--faint)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.btn{padding:10px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-hi);color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s ease,filter .15s ease,transform .05s ease}.btn:hover{border-color:var(--border-hi);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:default;opacity:.55}.btn-primary{border:1px solid transparent;color:var(--accent-ink);background:var(--accent)}.btn-primary:hover{filter:brightness(1.06);border-color:transparent}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-family:ui-monospace,monospace;padding:3px 9px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text)}.chip .k{color:var(--bad);font-weight:700}.dot{width:8px;height:8px;border-radius:50%;flex:none}.badge,.dot{display:inline-block}.badge{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;border-radius:5px}.badge-diff{color:var(--warn);background:color-mix(in srgb,var(--warn) 15%,transparent);border:1px solid color-mix(in srgb,var(--warn) 45%,transparent)}.kind{font-weight:650}.banner{padding:13px 16px;border-radius:var(--radius);margin-bottom:16px;display:flex;gap:11px;align-items:flex-start;line-height:1.45;border:1px solid var(--border);background:var(--surface)}.banner .rail{width:3px;align-self:stretch;border-radius:3px;flex:none}.banner-good .rail{background:var(--good)}.banner-warn .rail{background:var(--warn)}.banner b{color:var(--text)}.scrubber{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:5px;border-radius:999px;background:var(--border-hi);outline:none;cursor:pointer}.scrubber::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--bg);border:3px solid var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent);cursor:-webkit-grab;cursor:grab}.scrubber::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--bg);border:3px solid var(--accent);cursor:grab}.graph{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.graph-row{display:grid;grid-template-columns:46px 1fr;align-items:stretch;border-top:1px solid var(--border);transition:background .12s ease;cursor:pointer}.graph-row:first-child{border-top:none}.graph-row.active,.graph-row:hover{background:var(--surface-hi)}.graph-row.future .body,.graph-row.future .lane-node{opacity:.34}.graph-gutter{position:relative;width:46px}.graph-gutter svg{position:absolute;inset:0;width:100%;height:100%}.graph-row .body{padding:9px 14px 9px 4px;min-width:0}.graph-row .body .head{display:flex;align-items:baseline;gap:8px}.graph-row .seq{color:var(--faint)}.graph-row .prev,.graph-row .seq{font-family:ui-monospace,monospace;font-size:12px}.graph-row .prev{color:var(--dim);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.branch-tree{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.branch-node{display:grid;grid-template-columns:40px 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:11px 16px 11px 0;border-top:1px solid var(--border);transition:background .12s ease}.branch-node:first-child{border-top:none}.branch-node:hover{background:var(--surface-hi)}.branch-graphic{position:relative;align-self:stretch;min-height:46px}.branch-graphic svg{position:absolute;inset:0;width:100%;height:100%}.branch-graphic .node{position:absolute;top:50%;transform:translate(-50%,-50%);width:11px;height:11px;border-radius:50%;box-shadow:0 0 0 3px var(--surface);z-index:1}.branch-node .title{font-weight:620;color:var(--text)}.branch-node .title:hover{color:var(--accent)}.branch-node .sub{color:var(--dim);font-size:12.5px;margin-top:2px}.branch-node .sub code{color:var(--faint)}.branch-node .right{color:var(--faint);font-size:12px;font-family:ui-monospace,monospace;text-align:right;padding-right:2px}.branch-node.child .title{font-weight:550;color:var(--dim)}.branch-node.child .title:hover{color:var(--accent)}.tl-split{display:flex;gap:16px;height:calc(100vh - 350px);min-height:400px}.tl-left{width:400px;overflow-y:auto;flex:none}.tl-left .graph{border-radius:var(--radius) var(--radius) 0 0}.detail-pane{flex:1 1;overflow-y:auto;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);padding:16px;min-width:0}.detail-pane .dhead{color:var(--dim);margin-bottom:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.detail-pane .dhead,.detail-pane pre{font-size:12.5px;font-family:ui-monospace,monospace}.detail-pane pre{margin:0;white-space:pre-wrap;word-break:break-word;color:var(--text)}.memories{margin:14px 0 16px;padding:11px 13px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2)}.memories .cap{color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}.memories .chips{display:flex;flex-wrap:wrap;gap:7px}.diff{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.diff-head{border-bottom:1px solid var(--border);background:var(--surface-2);font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--dim)}.diff-head,.diff-row{display:grid;grid-template-columns:44px 1fr 1fr;grid-gap:14px;gap:14px;padding:9px 14px}.diff-row{border-top:1px solid var(--border);align-items:start}.diff-row:first-child{border-top:none}.diff-row.diverged{background:color-mix(in srgb,var(--warn) 9%,transparent)}.diff-row .gutter{color:var(--faint);font-family:ui-monospace,monospace;font-size:12px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.diff-cell{min-width:0}.diff-cell .prev{color:var(--dim);font-size:12px;margin-top:3px}.diff-cell .prev,.diff-full{font-family:ui-monospace,monospace;word-break:break-word}.diff-full{margin:6px 0 0;font-size:11.5px;line-height:1.5;white-space:pre-wrap;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:9px 10px;max-height:260px;overflow:auto}.diff-link{display:inline-block;margin-top:6px;font-size:12px}.diff-caret{color:var(--faint);font-size:11px}.diff-row:hover{background:color-mix(in srgb,var(--surface-hi) 60%,transparent)}.outcome-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-bottom:16px}.outcome{padding:13px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface)}.outcome .label{color:var(--dim);font-size:12px;margin-bottom:5px;display:flex;align-items:center;gap:7px}.outcome .verdict{font-weight:680;font-size:15px;display:flex;align-items:center;gap:8px}.verdict.bad{color:var(--bad)}.verdict.good{color:var(--good)}.callout{padding:12px 16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);margin-bottom:16px;color:var(--text)}.hint{color:var(--dim);font-size:12.5px;margin:4px 0 8px}.fork{margin-top:16px;padding:14px;border:1px solid color-mix(in srgb,var(--bad) 40%,var(--border));border-radius:var(--radius);background:var(--surface)}.fork .cap{color:var(--bad);font-weight:640;margin-bottom:9px;display:flex;align-items:center;gap:8px}.fork textarea{width:100%;box-sizing:border-box;font-family:ui-monospace,monospace;font-size:13px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px;outline:none;resize:vertical}.fork textarea:focus{border-color:var(--accent)}.audit{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.audit-row{display:grid;grid-template-columns:172px 76px 104px 1fr;grid-gap:12px;gap:12px;padding:7px 15px;font-size:12.5px;font-family:ui-monospace,monospace;border-top:1px solid var(--border);color:var(--text)}.audit-row:first-child{border-top:none}.audit-row .ts{color:var(--faint)}.audit-row .act{color:var(--warn)}.audit-row .who{color:var(--accent)}.audit-row .tgt{color:var(--dim)}.menu{position:relative}.menu-btn{width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);cursor:pointer;display:grid;place-items:center;transition:border-color .15s ease}.menu-btn:hover{border-color:var(--border-hi)}.menu-panel{position:absolute;right:0;top:42px;width:232px;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 12px 40px rgba(0,0,0,.4);z-index:40}.menu-label{color:var(--faint);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:6px 8px 4px}.menu-item{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:7px;color:var(--text);font-size:13.5px;cursor:pointer}.menu-item:hover{background:var(--surface-hi);text-decoration:none}.menu-item .mi-ic{color:var(--dim);display:grid;place-items:center;width:18px}.menu-sep{height:1px;background:var(--border);margin:6px 4px}.hero{padding:68px 0 40px;border-bottom:1px solid var(--border)}.hero .kicker{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--dim);font-size:12.5px;margin-bottom:20px}.hero h1{font-size:46px;line-height:1.05;font-weight:720;letter-spacing:-.03em;max-width:16ch}.hero .accent-word{color:var(--accent)}.hero p{color:var(--dim);font-size:17px;max-width:60ch;margin:18px 0 28px;line-height:1.55}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.btn-lg{padding:13px 22px;font-size:15px;border-radius:9px}.hero-visual{margin-top:40px}.mock{border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden;box-shadow:0 24px 60px -20px rgba(0,0,0,.35);opacity:0;transform:translateY(10px);animation:mock-in .6s cubic-bezier(.22,1,.36,1) forwards}.mock-bar{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--border);background:var(--surface-2)}.mock-traffic{display:inline-flex;gap:7px}.mock-traffic span{width:11px;height:11px;border-radius:50%;display:inline-block;opacity:.7}.mock-title{color:var(--dim);font-size:12.5px;font-family:ui-monospace,monospace}.mock-tabs{margin-left:auto;display:inline-flex;gap:2px;padding:3px;background:var(--surface);border:1px solid var(--border);border-radius:9px}.mock-tab{padding:5px 12px;border:none;background:transparent;color:var(--dim);font-size:12.5px;font-weight:550;border-radius:7px;cursor:pointer;transition:color .15s ease,background .15s ease}.mock-tab:hover{color:var(--text)}.mock-tab[aria-selected=true]{background:var(--surface-hi);color:var(--text)}.mock-body{padding:16px;min-height:300px}.mock-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:13px}.mock-row+.mock-row{border-top:1px solid var(--border)}.mock-row.hot{background:color-mix(in srgb,var(--k-memory_write) 10%,transparent)}.mock-row .seq{color:var(--faint);font-family:ui-monospace,monospace;font-size:12px;width:26px;flex:none}.mock-row .kd{font-weight:600;width:96px;flex:none}.mock-row .val{color:var(--dim);font-family:ui-monospace,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-scrub{height:5px;border-radius:999px;background:var(--surface-hi);margin:4px 8px 14px;position:relative}.mock-scrub:after{content:"";position:absolute;left:68%;top:50%;width:14px;height:14px;border-radius:50%;background:var(--bg);border:3px solid var(--accent);transform:translate(-50%,-50%)}.mock-banner{display:flex;gap:10px;padding:11px 13px;border-radius:9px;background:color-mix(in srgb,var(--good) 11%,transparent);border:1px solid color-mix(in srgb,var(--good) 40%,transparent);color:color-mix(in srgb,var(--good) 82%,var(--text));font-size:12.5px;line-height:1.45;margin-bottom:14px}.mock-diff{border:1px solid var(--border);border-radius:9px;overflow:hidden}.mock-diff-row{display:grid;grid-template-columns:30px 1fr 1fr;grid-gap:10px;gap:10px;padding:9px 11px;font-size:12px;align-items:center}.mock-diff-row+.mock-diff-row{border-top:1px solid var(--border)}.mock-diff-row.diverged{background:color-mix(in srgb,var(--warn) 9%,transparent)}.mock-diff-row .g{color:var(--faint);font-family:ui-monospace,monospace}.mock-diff-row .o{color:var(--bad);font-family:ui-monospace,monospace}.mock-diff-row .e{color:var(--good);font-family:ui-monospace,monospace}.mock-diff-row .same{color:var(--dim);font-family:ui-monospace,monospace}.mock-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:13px;font-size:12.5px;color:var(--dim)}.mock-foot b{color:var(--text);font-family:ui-monospace,monospace}.mock-search{display:flex;align-items:center;gap:9px;padding:10px 13px;background:var(--surface-2);color:var(--text);font-size:13px;margin-bottom:12px}.mock-result,.mock-search{border:1px solid var(--border);border-radius:9px}.mock-result{padding:10px 11px;margin-bottom:8px}.mock-result .top{display:flex;align-items:center;gap:8px;font-size:12.5px}.mock-result .dist{margin-left:auto;color:var(--faint)}.mock-result .dist,.mock-result .sum{font-family:ui-monospace,monospace;font-size:12px}.mock-result .sum{color:var(--dim);margin-top:4px}@keyframes mock-in{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.mock{animation:none;opacity:1;transform:none}}.story{padding:44px 0;display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;align-items:center;border-bottom:1px solid var(--border)}.story h2{font-size:26px;letter-spacing:-.02em;margin-bottom:12px}.story p{color:var(--dim);line-height:1.6;margin:0 0 12px}.story .num{color:var(--bad);font-family:ui-monospace,monospace;font-weight:700}.features{padding:48px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-top:24px}.feature{padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .15s ease,transform .15s ease}.feature:hover{border-color:var(--border-hi);transform:translateY(-2px)}.feature .ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;margin-bottom:13px;background:var(--surface-hi)}.feature h3{font-size:15px;font-weight:640;margin:0 0 6px}.feature p{color:var(--dim);font-size:13.5px;margin:0;line-height:1.55}@media (max-width:860px){.feature-grid,.story{grid-template-columns:1fr}.hero h1{font-size:34px}}.site-footer{border-top:1px solid var(--border);color:var(--faint);font-size:13px;padding:28px 0 8px;display:flex;gap:8px;align-items:center}.demo{padding:40px 0 8px}.demo-stage{border:1px solid var(--border);border-radius:16px;background:radial-gradient(700px 300px at 20% -40%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 70%),var(--surface);padding:26px 26px 20px}.demo-graph line,.demo-graph path{stroke-linecap:round}.demo-branch{stroke-dasharray:1;stroke-dashoffset:1;animation:demo-draw .7s ease forwards}.demo-blabel{opacity:0;animation:demo-fade .4s ease .5s forwards}.demo-node{cursor:pointer;transition:r .15s ease}.demo-playhead{transition:transform .35s cubic-bezier(.22,1,.36,1)}.demo-caption{display:flex;gap:11px;align-items:flex-start;margin-top:6px;min-height:46px}.demo-caption .kd{font-weight:640;font-size:13px}.demo-caption .tx{color:var(--dim);font-size:14px;line-height:1.5}.demo-controls{display:flex;align-items:center;gap:14px;margin-top:18px;flex-wrap:wrap}.demo-attr{margin-top:18px;padding:13px 16px;border-radius:11px;border:1px solid color-mix(in srgb,var(--good) 38%,var(--border));background:color-mix(in srgb,var(--good) 8%,transparent);font-size:13.5px;line-height:1.5;color:var(--text);opacity:0;animation:demo-fade .4s ease .3s forwards}.demo-attr b{font-family:ui-monospace,monospace}@keyframes demo-draw{to{stroke-dashoffset:0}}@keyframes demo-fade{to{opacity:1}}@media (prefers-reduced-motion:reduce){.demo-attr,.demo-blabel,.demo-branch{animation:none;stroke-dashoffset:0;opacity:1}}.ref{font-size:11px;font-family:ui-monospace,monospace;padding:1px 8px;border-radius:999px;border:1px solid var(--border-hi);color:var(--dim)}.ref.live{color:var(--good);border-color:color-mix(in srgb,var(--good) 45%,transparent);background:color-mix(in srgb,var(--good) 12%,transparent)}.ref.fork{color:var(--lane-4);border-color:color-mix(in srgb,var(--lane-4) 45%,transparent);background:color-mix(in srgb,var(--lane-4) 12%,transparent)}.hash{font-family:ui-monospace,monospace;font-size:12px;color:var(--faint)}.doc{max-width:760px}.doc h2{font-size:22px;margin:30px 0 10px;letter-spacing:-.02em}.doc li,.doc p{color:var(--dim);line-height:1.65}.doc pre{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;overflow-x:auto;font-family:ui-monospace,monospace;font-size:13px;color:var(--text)}.doc code{font-size:12.5px}.loading-wrap{min-height:58vh;display:grid;place-items:center;grid-gap:14px;gap:14px;color:var(--dim)}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--border-hi);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.notfound{min-height:62vh;display:grid;place-items:center;text-align:center}.notfound .code{font-family:ui-monospace,monospace;font-size:13px;letter-spacing:.14em;color:var(--faint);text-transform:uppercase}.notfound h1{font-size:28px;margin:12px 0 8px}.notfound p{color:var(--dim);margin:0 0 22px}.notfound .actions{display:flex;gap:12px;justify-content:center}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--faint);background-clip:padding-box}