.csq-diagram{--csq-edge:color-mix(in srgb, var(--foreground) 40%, transparent);--csq-node-bg:var(--card-strong);--csq-node-border:color-mix(in srgb, var(--foreground) 22%, var(--border));margin:0}.csq-diagram-scroll{padding-bottom:4px;overflow-x:auto}.csq-svg{width:100%;min-width:680px;max-width:860px;height:auto;margin:0 auto;display:block}.csq-edge{fill:none;stroke:var(--csq-edge);stroke-width:1.6px;stroke-linecap:round}.csq-edge.is-link{stroke:color-mix(in srgb, var(--accent) 58%, var(--foreground))}.csq-edge.is-bind{stroke:color-mix(in srgb, var(--accent) 55%, var(--border));stroke-dasharray:5 4}.csq-arrowhead{fill:var(--csq-edge)}.csq-node rect{fill:var(--csq-node-bg);stroke:var(--csq-node-border);stroke-width:1.3px}.csq-node.is-input rect{fill:var(--accent-softer);stroke:color-mix(in srgb, var(--accent) 70%, var(--border))}.csq-node.is-artifact rect{fill:color-mix(in srgb, var(--accent-softer) 60%, var(--csq-node-bg));stroke:color-mix(in srgb, var(--accent) 62%, var(--border));stroke-dasharray:5 3}.csq-node.is-env rect{fill:color-mix(in srgb, var(--accent-soft) 40%, var(--csq-node-bg));stroke:color-mix(in srgb, var(--accent) 45%, var(--border))}.csq-node.is-split rect{fill:var(--background);stroke:var(--csq-node-border)}.csq-node.is-output rect{fill:var(--accent);stroke:var(--accent-strong)}.csq-chain rect{fill:color-mix(in srgb, var(--accent-soft) 22%, var(--background));stroke:color-mix(in srgb, var(--accent) 30%, var(--border));stroke-width:1.1px}.csq-callout-frame{fill:color-mix(in srgb, var(--accent-softer) 50%, transparent);stroke:color-mix(in srgb, var(--accent) 40%, var(--border));stroke-width:1.2px;stroke-dasharray:4 4}.csq-callout-title{fill:var(--accent-strong);font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;text-anchor:middle;font-size:10px}.csq-callout-plus{fill:var(--muted);font-family:var(--font-geist-sans), Arial, Helvetica, sans-serif;text-anchor:middle;font-size:18px;font-weight:600}.csq-node-title{fill:var(--foreground);font-family:var(--font-geist-sans), Arial, Helvetica, sans-serif;text-anchor:middle;font-size:13px;font-weight:600}.csq-node-title.is-solo{dominant-baseline:central}.csq-node.is-split .csq-node-title{font-size:11.5px}.csq-node.is-output .csq-node-title{fill:#16110a}.csq-node-sub{fill:var(--muted);font-family:var(--font-geist-mono), monospace;text-anchor:middle;font-size:10.5px}.csq-node.is-split .csq-node-sub{font-size:9.5px}.csq-edge-label-bg{fill:var(--background);stroke:var(--border);stroke-width:1px}.csq-edge-label{fill:color-mix(in srgb, var(--foreground) 70%, var(--muted));font-family:var(--font-geist-mono), monospace;text-anchor:middle;font-size:10px}.csq-diagram-caption{gap:14px;padding:18px 2px 4px;display:grid}.csq-legend{flex-wrap:wrap;gap:8px 16px;display:flex}.csq-legend-item{color:var(--muted);font-family:var(--font-geist-mono), monospace;align-items:center;gap:7px;font-size:.68rem;display:inline-flex}.csq-legend-swatch{border:1.3px solid var(--csq-node-border,var(--border));background:var(--card-strong);border-radius:3px;width:16px;height:12px}.csq-legend-item.is-input .csq-legend-swatch{background:var(--accent-softer);border-color:color-mix(in srgb, var(--accent) 70%, var(--border))}.csq-legend-item.is-artifact .csq-legend-swatch{background:color-mix(in srgb, var(--accent-softer) 60%, var(--card-strong));border-color:color-mix(in srgb, var(--accent) 62%, var(--border));border-style:dashed}.csq-legend-item.is-env .csq-legend-swatch{background:color-mix(in srgb, var(--accent-soft) 40%, var(--card-strong));border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.csq-legend-item.is-output .csq-legend-swatch{background:var(--accent);border-color:var(--accent-strong)}.csq-diagram-caption p{max-width:760px;color:color-mix(in srgb, var(--foreground) 82%, var(--muted));font-family:var(--reader-font);font-size:.98rem;line-height:1.62}.csq-diagram-caption strong{color:var(--foreground);font-family:var(--font-geist-mono), monospace;font-size:.92rem;font-weight:500}.csq-code{--csq-tok-comment:color-mix(in srgb, var(--muted) 88%, transparent);--csq-tok-string:#9ecf6a;--csq-tok-number:#c9a3ff;--csq-tok-keyword:var(--accent-strong);--csq-tok-builtin:#6fb6e8;--csq-tok-literal:#e69a5a;--csq-tok-operator:color-mix(in srgb, var(--foreground) 68%, var(--muted));--csq-tok-ident:var(--foreground);border:1px solid var(--border);background:var(--background);margin:0;display:grid;overflow:hidden}.csq-code-head{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--background-soft) 60%, var(--background));font-family:var(--font-geist-mono), monospace;align-items:center;gap:10px;padding:8px 12px;font-size:.7rem;display:flex}.csq-code-dots{gap:5px;display:inline-flex}.csq-code-dots span{background:color-mix(in srgb, var(--muted) 45%, transparent);border-radius:50%;width:8px;height:8px}.csq-code-name{color:var(--foreground)}.csq-code-lang{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;margin-left:auto;font-size:.58rem}.csq-code-body{font-family:var(--font-geist-mono), monospace;tab-size:4;margin:0;padding:16px 18px;font-size:.84rem;line-height:1.7;overflow-x:auto}.csq-code-body code{white-space:pre;color:var(--csq-tok-ident);font-family:inherit}.csq-tok-comment{color:var(--csq-tok-comment);font-style:italic}.csq-tok-string{color:var(--csq-tok-string)}.csq-tok-number{color:var(--csq-tok-number)}.csq-tok-keyword{color:var(--csq-tok-keyword)}.csq-tok-builtin{color:var(--csq-tok-builtin)}.csq-tok-literal{color:var(--csq-tok-literal)}.csq-tok-operator{color:var(--csq-tok-operator)}.csq-tok-ident{color:var(--csq-tok-ident)}.csq-code-output{border-top:1px solid var(--border);background:color-mix(in srgb, var(--accent-softer) 60%, var(--background));align-items:baseline;gap:12px;padding:10px 18px;display:flex}.csq-code-output-label{color:var(--accent-strong);font-family:var(--font-geist-mono), monospace;letter-spacing:.14em;text-transform:uppercase;flex-shrink:0;font-size:.56rem}.csq-code-output-body{color:color-mix(in srgb, var(--foreground) 92%, var(--accent));font-family:var(--font-geist-mono), monospace;white-space:pre-wrap;margin:0;font-size:.82rem;line-height:1.5}[data-theme=light] .csq-code{--csq-tok-string:#4f8a2f;--csq-tok-number:#7a3fc0;--csq-tok-builtin:#2f6fa8;--csq-tok-literal:#b5631f}.csq-hero-code{min-height:0;padding:18px;display:flex}.csq-hero-code .csq-code{border-color:color-mix(in srgb, var(--border) 78%, var(--accent));width:100%;box-shadow:var(--shadow);align-self:center}.csq-hero-caption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;display:flex}.csq-hero-caption>span{flex:12rem;min-width:0}.csq-hero-try{border:1px solid color-mix(in srgb, var(--accent-strong) 55%, var(--border));background:var(--accent-soft);color:var(--accent-strong);font-family:var(--font-geist-mono), monospace;white-space:nowrap;border-radius:2px;flex-shrink:0;align-items:center;gap:6px;padding:5px 13px;font-size:.72rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.csq-hero-try:hover{background:color-mix(in srgb, var(--accent-soft) 55%, var(--accent-softer));border-color:var(--accent-strong)}.csq-examples{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;padding:14px 26px 28px;display:grid}.csq-example{align-content:start;gap:10px;margin:0;display:grid}.csq-example-note{color:var(--muted);font-family:var(--reader-font);font-size:.92rem;line-height:1.55}@media (max-width:760px){.csq-examples{padding-left:18px;padding-right:18px}.csq-code-body{font-size:.78rem}}.csq-play{--csq-tok-comment:color-mix(in srgb, var(--muted) 88%, transparent);--csq-tok-string:#9ecf6a;--csq-tok-number:#c9a3ff;--csq-tok-keyword:var(--accent-strong);--csq-tok-builtin:#6fb6e8;--csq-tok-literal:#e69a5a;--csq-tok-operator:color-mix(in srgb, var(--foreground) 68%, var(--muted));--csq-tok-ident:var(--foreground);--csq-play-font:.86rem;--csq-play-line:1.7;--csq-play-pad:16px 18px;gap:14px;padding:18px 26px 28px;display:grid}.csq-play-tabs{flex-wrap:wrap;gap:6px;display:flex}.csq-play-tab{appearance:none;border:1px solid var(--border);background:color-mix(in srgb, var(--background-soft) 50%, var(--background));color:var(--muted);font-family:var(--font-geist-mono), monospace;letter-spacing:.01em;cursor:pointer;border-radius:999px;padding:6px 14px;font-size:.72rem;transition:color .15s,border-color .15s,background .15s}.csq-play-tab:hover{color:var(--foreground);border-color:color-mix(in srgb, var(--border) 60%, var(--accent))}.csq-play-tab-active,.csq-play-tab-active:hover{color:var(--accent-strong);border-color:color-mix(in srgb, var(--border) 40%, var(--accent));background:var(--accent-softer)}.csq-play-tab-scratch{border-style:dashed}.csq-play-tab-scratch:before{content:"+ ";opacity:.75}.csq-play-editor-frame{border:1px solid color-mix(in srgb, var(--border) 78%, var(--accent));background:var(--background);box-shadow:var(--shadow);overflow:hidden}.csq-play-editor-head{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--background-soft) 60%, var(--background));font-family:var(--font-geist-mono), monospace;align-items:center;gap:10px;padding:8px 12px;font-size:.7rem;display:flex}.csq-play-editor{height:23rem;position:relative;overflow:hidden}.csq-play-highlight,.csq-play-input{padding:var(--csq-play-pad);font-family:var(--font-geist-mono), monospace;font-size:var(--csq-play-font);line-height:var(--csq-play-line);tab-size:4;white-space:pre;overflow-wrap:normal;letter-spacing:normal;border:0;margin:0}.csq-play-highlight{pointer-events:none;color:var(--csq-tok-ident);position:absolute;inset:0;overflow:hidden}.csq-play-highlight code{font:inherit;white-space:inherit}.csq-play-input{resize:none;color:#0000;width:100%;height:100%;caret-color:var(--accent-strong);background:0 0;position:absolute;inset:0;overflow:auto}.csq-play-input:focus{outline:none}.csq-play-input::selection{background:var(--accent-soft)}.csq-play-stdin{border:1px solid var(--border);background:color-mix(in srgb, var(--background-soft) 40%, var(--background));align-items:center;gap:10px;padding:8px 14px;display:flex}.csq-play-stdin-label{color:var(--accent-strong);font-family:var(--font-geist-mono), monospace;letter-spacing:.14em;text-transform:uppercase;flex-shrink:0;font-size:.56rem}.csq-play-stdin-field{min-width:0;color:var(--foreground);font-family:var(--font-geist-mono), monospace;background:0 0;border:0;flex:1;font-size:.82rem}.csq-play-stdin-field:focus{outline:none}.csq-play-stdin-field::placeholder{color:color-mix(in srgb, var(--muted) 70%, transparent)}.csq-play-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.csq-play-run{appearance:none;border:1px solid color-mix(in srgb, var(--accent-strong) 55%, var(--border));background:var(--accent-soft);color:var(--accent-strong);font-family:var(--font-geist-mono), monospace;cursor:pointer;border-radius:6px;align-items:center;gap:7px;padding:8px 18px;font-size:.78rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.csq-play-run:hover{background:color-mix(in srgb, var(--accent-soft) 55%, var(--accent-softer));border-color:var(--accent-strong)}.csq-play-reset{appearance:none;border:1px solid var(--border);color:var(--muted);font-family:var(--font-geist-mono), monospace;cursor:pointer;background:0 0;border-radius:6px;padding:8px 14px;font-size:.78rem;transition:color .15s,border-color .15s}.csq-play-reset:hover{color:var(--foreground);border-color:color-mix(in srgb, var(--border) 60%, var(--accent))}.csq-play-hint{color:var(--muted);font-size:.74rem;line-height:1.4}.csq-play-console{border:1px solid var(--border);background:color-mix(in srgb, var(--accent-softer) 50%, var(--background));gap:8px;min-height:4.5rem;padding:12px 18px 14px;display:grid}.csq-play-console-label{color:var(--accent-strong);font-family:var(--font-geist-mono), monospace;letter-spacing:.14em;text-transform:uppercase;font-size:.56rem}.csq-play-console-body{color:color-mix(in srgb, var(--foreground) 92%, var(--accent));font-family:var(--font-geist-mono), monospace;white-space:pre-wrap;word-break:break-word;margin:0;font-size:.82rem;line-height:1.55}.csq-play-console-empty{color:color-mix(in srgb, var(--muted) 78%, transparent)}.csq-play-console-error{color:#e5707a}[data-theme=light] .csq-play{--csq-tok-string:#4f8a2f;--csq-tok-number:#7a3fc0;--csq-tok-builtin:#2f6fa8;--csq-tok-literal:#b5631f}[data-theme=light] .csq-play-console-error{color:#c0353f}@media (max-width:760px){.csq-play{padding-left:18px;padding-right:18px}.csq-play-editor{height:20rem}.csq-play-highlight,.csq-play-input{font-size:.78rem}}