:root{--bg: #ffffff;--ink: #242529;--body: #525252;--muted: #9ca3af;--faint: #c9c9d0;--hairline: #ececef;--code-bg: #f6f6f7;--inline-bg: #f0f0f3;--sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--mono: "SF Mono", ui-monospace, Menlo, Monaco, monospace;--script: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", sans-serif;--sidebar-w: 240px;--content-w: 680px}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--body);font-family:var(--sans);font-size:15px;line-height:1.53;-webkit-font-smoothing:antialiased}a{color:inherit}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-w);height:100vh;padding:40px 0 32px 40px;display:flex;flex-direction:column}.logo{font-family:var(--script);font-size:19px;font-weight:600;color:var(--ink);line-height:1;text-decoration:none;letter-spacing:-.02em}.logo .tld{color:var(--muted)}.nav{margin-top:48px;display:flex;flex-direction:column;gap:13px}.nav a{font-size:13px;line-height:18px;color:var(--muted);text-decoration:none;transition:color .15s}.nav a:hover{color:var(--body)}.nav a.active{color:var(--ink);font-weight:600}.sidebar-foot{margin-top:auto;padding-top:24px;font-size:12px;color:var(--muted)}.sidebar-foot .rule{width:116px;height:1px;background:var(--hairline);margin-bottom:18px}.sidebar-foot a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}.content{margin-left:var(--sidebar-w);padding:96px 48px 160px;display:flex;justify-content:center}.col{width:100%;max-width:var(--content-w)}section{scroll-margin-top:80px;padding-bottom:144px}section>h2{font-size:17px;font-weight:500;color:var(--ink);letter-spacing:-.01em;line-height:24px;margin:0 0 18px}h3{font-size:15px;font-weight:600;color:var(--ink);margin:32px 0 10px}p{margin:0 0 16px}.lead{color:var(--body)}ul,ol{margin:0 0 18px;padding-left:22px}li{margin:0 0 8px}li::marker{color:var(--faint)}strong{color:var(--ink);font-weight:600}code{font-family:var(--mono);font-size:.86em;background:var(--inline-bg);padding:2px 6px;border-radius:6px;color:var(--ink);overflow-wrap:anywhere}.code{position:relative;background:var(--code-bg);border-radius:12px;margin:0 0 18px}.code-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 0;font-size:13px;font-weight:500;color:var(--ink)}.code pre{margin:0;padding:16px 46px 16px 16px;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--mono);font-size:13px;line-height:20px;color:var(--ink)}.code pre code{background:none;padding:0;font-size:inherit}.code .prompt{color:var(--muted);user-select:none}.copy{position:absolute;top:10px;right:10px;width:30px;height:30px;display:grid;place-items:center;border:none;background:transparent;border-radius:7px;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}.copy:hover{background:#ececef;color:var(--body)}.note{font-size:13px;color:var(--muted);margin:-6px 0 18px}.diagram{margin:4px 0 28px}.flow{display:flex;align-items:stretch;gap:0;margin-bottom:10px}.flow .node{flex:1}.flow .link{flex:0 0 26px;display:grid;place-items:center;color:var(--faint);font-family:var(--mono);font-size:14px}.flow-back{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--muted);margin:2px 0 0 2px}.flow-back .ln{flex:1;height:1px;background:var(--hairline)}.node{border:1px solid var(--hairline);border-radius:11px;background:#fff;padding:12px 13px}.node .n-title{font-family:var(--mono);font-size:12.5px;font-weight:500;color:var(--ink)}.node .n-host{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:2px}.drill{display:flex;flex-direction:column;gap:10px;margin-top:16px}.panel{border:1px solid var(--hairline);border-radius:12px;overflow:hidden}.panel-head{display:flex;align-items:baseline;gap:8px;padding:11px 14px;background:#fbfbfc;border-bottom:1px solid var(--hairline)}.panel-head .ph-name{font-family:var(--mono);font-size:12.5px;font-weight:500;color:var(--ink)}.panel-head .ph-role{font-size:12px;color:var(--muted)}.chips{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--hairline)}.chip{background:#fff;padding:10px 14px}.chip .c-name{font-family:var(--mono);font-size:12px;color:var(--ink)}.chip .c-sub{font-size:11.5px;color:var(--muted);margin-top:2px;line-height:1.4}@media (max-width: 880px){.flow{flex-direction:column}.flow .link{flex-basis:22px;transform:rotate(90deg)}.chips{grid-template-columns:1fr}}.demo{border:1px solid var(--hairline);border-radius:16px;padding:20px;margin:4px 0 14px;background-color:#fbfbfc}.demo-stage{min-height:168px;display:flex;flex-direction:column;justify-content:center}.path{display:flex;align-items:center;flex-wrap:wrap;gap:0}.path .box{background:#fff;border:1px solid var(--hairline);border-radius:9px;padding:9px 12px;font-family:var(--mono);font-size:12px;color:var(--ink);box-shadow:0 1px 2px #11111a0a}.path .box.live{border-color:#c7cbd1;box-shadow:0 2px 10px #11111a14}.path .to{flex:0 0 24px;display:grid;place-items:center;color:var(--faint);font-family:var(--mono);font-size:13px}.demo-cap{font-size:13px;color:var(--muted);margin:16px 2px 0;min-height:38px}.demo-bar{display:flex;align-items:center;gap:8px;margin-top:18px}.demo-pill{font-family:var(--mono);font-size:13px;padding:7px 16px;border-radius:999px;background:var(--inline-bg);color:var(--body);border:none;cursor:pointer;transition:background .15s,color .15s}.demo-pill:hover{background:#e6e6ea}.demo-pill.on{background:var(--ink);color:#fff}.demo-badge{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;padding:7px 14px;border-radius:999px;background:var(--ink);color:#fff}.demo-badge .dot{width:7px;height:7px;border-radius:999px;background:#34c759}.preview{position:relative;height:300px;border-radius:16px;overflow:hidden;margin:0 0 14px;background:radial-gradient(120% 120% at 0% 50%,#fbbf24 0%,transparent 45%),radial-gradient(120% 120% at 35% 50%,#fb7185 0%,transparent 45%),radial-gradient(120% 120% at 55% 50%,#34d399 0%,transparent 45%),radial-gradient(120% 120% at 78% 50%,#3b82f6 0%,transparent 50%),radial-gradient(120% 120% at 100% 50%,#a78bfa 0%,transparent 50%),#f6f6f7;filter:saturate(1.05)}.preview.soft{filter:blur(2px) saturate(1.1)}.pills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.pill{font-family:var(--mono);font-size:13px;padding:7px 14px;border-radius:999px;background:var(--inline-bg);color:var(--body)}.pill.on{background:var(--ink);color:#fff}table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:14px}th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--hairline);vertical-align:top}th{color:var(--ink);font-weight:600}td code{font-size:.82em}hr{border:none;border-top:1px solid var(--hairline);margin:0 0 56px}@media (max-width: 880px){.sidebar{position:static;width:auto;height:auto;padding:28px 24px 0}.nav{flex-flow:row wrap;gap:8px 16px;margin-top:20px}.sidebar-foot{display:none}.content{margin-left:0;padding:40px 24px 100px}.demo-bar{flex-wrap:wrap}.demo-badge{margin-left:0}.path{flex-direction:column;align-items:flex-start}.path .to{transform:rotate(90deg);height:20px}.path .box{width:100%}table{display:block;overflow-x:auto}}