.sys{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sys-bg:#fff;--sys-surface:#fff;--sys-head:#e1ecec;--sys-head-line:#a9bfc2;--sys-head-sheen:0 1px 0 #fffc inset, 0 1px 2px #0a15190f;--sys-rule:#d5e0e2;--sys-rule-soft:#d5e0e299;--sys-gutter:#e9f0f0;--sys-gutter-line:#b7cbce;--sys-gutter-text:#3d5257;--sys-ink:#0a1519;--sys-body:#3d5257;--sys-muted:#65787c;--sys-dot-1:#d5e0e2;--sys-chrome:#ffffffeb;--sys-footer:#f3f7f7;--sys-code-key:#0a1519;--sys-code-str:#a86500;--sys-code-num:#007a85;--sys-code-src:#a86500;--sys-code-ink:#0a1519;--sys-code-muted:#65787c;--sys-teal-fill:#00c0c0;--sys-teal-fill-hover:#00adad;--sys-teal-fill-edge:#00b8b8;--sys-teal-on-fill:#0a1519;--sys-teal-btn-fill:#0099a3;--sys-teal-btn-fill-hover:#007a85;--sys-teal-btn-fill-edge:#0099a3;--sys-teal-btn-fill-edge-hover:#007a85;--sys-teal-btn-shadow:0 1px 2px #0a15191f;--sys-teal-btn-on-fill:#fff;--sys-teal-text:#007a85;--sys-teal-display:#0099a3;--sys-teal-strong:#006c78;--sys-teal-tint:#e7fafa;--sys-teal-tint-edge:#00c0c066;--sys-teal-head:#c9efef;--sys-teal-head-edge:#007a8580;--sys-teal-panel-edge:#007a8599;--sys-teal-dot-2:#00c0c0;--sys-teal-dot-3:#007a85;--sys-teal-outline:#007a85;--sys-teal-nav-fill:#007a85;--sys-teal-nav-line:#007a85;--sys-teal-nav-edge:#007a85;--sys-teal-nav-on:#fff;--sys-teal-shadow-soft:0 1px 2px #0a151914, 0 14px 36px #0099a326;--sys-teal-shadow-deep:0 2px 4px #0a15191a, 0 20px 48px #0099a338;--sys-teal-glow:transparent;--sys-amber-fill:#ffc107;--sys-amber-fill-hover:#edb100;--sys-amber-fill-edge:#e0a800;--sys-amber-on-fill:#0a1519;--sys-amber-btn-fill:#ffc107;--sys-amber-btn-fill-hover:#edb100;--sys-amber-btn-fill-edge:#e0a800;--sys-amber-btn-fill-edge-hover:#e0a800;--sys-amber-btn-shadow:inset 0 0 0 1px #ffffff4d, 0 1px 2px #0a15191f;--sys-amber-btn-on-fill:#0a1519;--sys-amber-text:#a86500;--sys-amber-display:#a86500;--sys-amber-strong:#7a4a00;--sys-amber-tint:#fff4d6;--sys-amber-tint-edge:#ffc10799;--sys-amber-head:#ffebb3;--sys-amber-head-edge:#a8650080;--sys-amber-panel-edge:#a8650080;--sys-amber-dot-2:#ffc107;--sys-amber-dot-3:#a86500;--sys-amber-outline:#a86500;--sys-amber-nav-fill:#a86500;--sys-amber-nav-line:#a86500;--sys-amber-nav-edge:#a86500;--sys-amber-nav-on:#fff;--sys-amber-shadow-soft:0 1px 2px #0a151914, 0 14px 36px #a865001f;--sys-amber-shadow-deep:0 2px 4px #0a15191a, 0 20px 48px #a8650033;--sys-amber-glow:transparent}.sys[data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sys-bg:#121212;--sys-surface:#0a0f10;--sys-head:#161c1e;--sys-head-line:#37474f99;--sys-head-sheen:none;--sys-rule:#37474f;--sys-rule-soft:#37474f99;--sys-gutter:#0d1214;--sys-gutter-line:#37474f66;--sys-gutter-text:#4a5b63;--sys-ink:#f5f5f0;--sys-body:#d3d3d3;--sys-muted:#8a9aa3;--sys-dot-1:#37474f;--sys-chrome:#121212eb;--sys-footer:#0a0a0a;--sys-code-key:#8a9aa3;--sys-code-str:#ffc107;--sys-code-num:#00c0c0;--sys-code-src:#00a3b0;--sys-code-ink:#f5f5f0;--sys-code-muted:#8a9aa3;--sys-teal-fill:#00c0c0;--sys-teal-fill-hover:#1ad0d0;--sys-teal-fill-edge:#00c0c0;--sys-teal-on-fill:#121212;--sys-teal-btn-fill:#00c0c0;--sys-teal-btn-fill-hover:#1ad0d0;--sys-teal-btn-fill-edge:#00c0c0;--sys-teal-btn-fill-edge-hover:#00c0c0;--sys-teal-btn-shadow:inset 0 0 0 1px #ffffff4d, 0 1px 2px #0a15191f;--sys-teal-btn-on-fill:#121212;--sys-teal-text:#00c0c0;--sys-teal-display:#00c0c0;--sys-teal-strong:#00c0c0;--sys-teal-tint:#00c0c033;--sys-teal-tint-edge:#00c0c04d;--sys-teal-head:#00c0c01a;--sys-teal-head-edge:#00c0c04d;--sys-teal-panel-edge:#00c0c066;--sys-teal-dot-2:#007f8c;--sys-teal-dot-3:#00c0c0;--sys-teal-outline:#00c0c0;--sys-teal-nav-fill:var(--sys-teal-tint);--sys-teal-nav-line:#00c0c0;--sys-teal-nav-edge:var(--sys-teal-panel-edge);--sys-teal-nav-on:var(--sys-teal-text);--sys-teal-shadow-soft:0 0 50px -15px #00c0c04d;--sys-teal-shadow-deep:0 0 50px -12px #00c0c066;--sys-teal-glow:#00c0c00a;--sys-amber-fill:#ffc107;--sys-amber-fill-hover:#ffce3a;--sys-amber-fill-edge:#ffc107;--sys-amber-on-fill:#121212;--sys-amber-btn-fill:#ffc107;--sys-amber-btn-fill-hover:#ffce3a;--sys-amber-btn-fill-edge:#ffc107;--sys-amber-btn-fill-edge-hover:#ffc107;--sys-amber-btn-shadow:inset 0 0 0 1px #ffffff4d, 0 1px 2px #0a15191f;--sys-amber-btn-on-fill:#121212;--sys-amber-text:#ffc107;--sys-amber-display:#ffc107;--sys-amber-strong:#ffc107;--sys-amber-tint:#ffc10733;--sys-amber-tint-edge:#ffc1074d;--sys-amber-head:#ffc1071a;--sys-amber-head-edge:#ffc1074d;--sys-amber-panel-edge:#ffc10766;--sys-amber-dot-2:#9a6200;--sys-amber-dot-3:#ffc107;--sys-amber-outline:#ffc107;--sys-amber-nav-fill:var(--sys-amber-tint);--sys-amber-nav-line:#ffc107;--sys-amber-nav-edge:var(--sys-amber-panel-edge);--sys-amber-nav-on:var(--sys-amber-text);--sys-amber-shadow-soft:0 0 50px -15px #ffc1074d;--sys-amber-shadow-deep:0 0 50px -12px #ffc10766;--sys-amber-glow:#ffc1070a}.sys,[data-audience=developer]{--sys-accent-fill:var(--sys-teal-fill);--sys-accent-fill-hover:var(--sys-teal-fill-hover);--sys-accent-fill-edge:var(--sys-teal-fill-edge);--sys-accent-on-fill:var(--sys-teal-on-fill);--sys-accent-btn-fill:var(--sys-teal-btn-fill);--sys-accent-btn-fill-hover:var(--sys-teal-btn-fill-hover);--sys-accent-btn-fill-edge:var(--sys-teal-btn-fill-edge);--sys-accent-btn-fill-edge-hover:var(--sys-teal-btn-fill-edge-hover);--sys-accent-btn-shadow:var(--sys-teal-btn-shadow);--sys-accent-btn-on-fill:var(--sys-teal-btn-on-fill);--sys-accent-text:var(--sys-teal-text);--sys-accent-display:var(--sys-teal-display);--sys-accent-strong:var(--sys-teal-strong);--sys-accent-tint:var(--sys-teal-tint);--sys-accent-tint-edge:var(--sys-teal-tint-edge);--sys-accent-head:var(--sys-teal-head);--sys-accent-head-edge:var(--sys-teal-head-edge);--sys-accent-panel-edge:var(--sys-teal-panel-edge);--sys-accent-dot-2:var(--sys-teal-dot-2);--sys-accent-dot-3:var(--sys-teal-dot-3);--sys-accent-outline:var(--sys-teal-outline);--sys-accent-shadow-soft:var(--sys-teal-shadow-soft);--sys-accent-shadow-deep:var(--sys-teal-shadow-deep);--sys-accent-glow:var(--sys-teal-glow)}[data-audience=user]{--sys-accent-fill:var(--sys-amber-fill);--sys-accent-fill-hover:var(--sys-amber-fill-hover);--sys-accent-fill-edge:var(--sys-amber-fill-edge);--sys-accent-on-fill:var(--sys-amber-on-fill);--sys-accent-btn-fill:var(--sys-amber-btn-fill);--sys-accent-btn-fill-hover:var(--sys-amber-btn-fill-hover);--sys-accent-btn-fill-edge:var(--sys-amber-btn-fill-edge);--sys-accent-btn-fill-edge-hover:var(--sys-amber-btn-fill-edge-hover);--sys-accent-btn-shadow:var(--sys-amber-btn-shadow);--sys-accent-btn-on-fill:var(--sys-amber-btn-on-fill);--sys-accent-text:var(--sys-amber-text);--sys-accent-display:var(--sys-amber-display);--sys-accent-strong:var(--sys-amber-strong);--sys-accent-tint:var(--sys-amber-tint);--sys-accent-tint-edge:var(--sys-amber-tint-edge);--sys-accent-head:var(--sys-amber-head);--sys-accent-head-edge:var(--sys-amber-head-edge);--sys-accent-panel-edge:var(--sys-amber-panel-edge);--sys-accent-dot-2:var(--sys-amber-dot-2);--sys-accent-dot-3:var(--sys-amber-dot-3);--sys-accent-outline:var(--sys-amber-outline);--sys-accent-shadow-soft:var(--sys-amber-shadow-soft);--sys-accent-shadow-deep:var(--sys-amber-shadow-deep);--sys-accent-glow:var(--sys-amber-glow)}.sys:not([data-mode=dark]) [data-terminal]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sys-surface:#0a0f10;--sys-head:#161c1e;--sys-head-line:#37474f99;--sys-head-sheen:none;--sys-rule:#37474f;--sys-gutter:#0d1214;--sys-gutter-line:#37474f66;--sys-gutter-text:#4a5b63;--sys-ink:#f5f5f0;--sys-body:#d3d3d3;--sys-muted:#8a9aa3;--sys-dot-1:#37474f;--sys-code-key:#d3d3d3;--sys-code-str:#ffc107;--sys-code-num:#00c0c0;--sys-code-src:#00a3b0;--sys-code-ink:#f5f5f0;--sys-code-muted:#8a9aa3;--sys-accent-text:#00c0c0;--sys-accent-display:#00c0c0;--sys-accent-strong:#00c0c0;--sys-accent-tint:#00c0c033;--sys-accent-tint-edge:#00c0c04d;--sys-accent-head:#00c0c01a;--sys-accent-head-edge:#00c0c04d;--sys-accent-panel-edge:#00c0c066;--sys-accent-dot-2:#007f8c;--sys-accent-dot-3:#00c0c0}.sys:not([data-mode=dark]) [data-audience=user] [data-terminal]{--sys-accent-text:#ffc107;--sys-accent-display:#ffc107;--sys-accent-strong:#ffc107;--sys-accent-tint:#ffc10733;--sys-accent-tint-edge:#ffc1074d;--sys-accent-head:#ffc1071a;--sys-accent-head-edge:#ffc1074d;--sys-accent-panel-edge:#ffc10766;--sys-accent-dot-2:#9a6200;--sys-accent-dot-3:#ffc107}.sys{background:var(--sys-bg);color:var(--sys-body)}.sys [data-slot=accordion-content][data-state=closed]{display:none}.sys-dots:before{content:"";background:var(--sys-dot-1);width:10px;height:10px;box-shadow:16px 0 0 var(--sys-accent-dot-2), 32px 0 0 var(--sys-accent-dot-3);border-radius:9999px;flex-shrink:0;margin-right:46px}.sys:not([data-mode=dark]) [data-flow] .sys-dots{background:var(--sys-head);border-bottom-color:var(--sys-head-line);color:var(--sys-body)}.sys:not([data-mode=dark]) [data-flow] .sys-dots:before{background:var(--sys-head-line);box-shadow:16px 0 0 var(--sys-muted), 32px 0 0 var(--sys-body)}.sys-scroll{scrollbar-width:thin;scrollbar-color:var(--sys-gutter-line) transparent}.sys-scroll::-webkit-scrollbar{height:6px}.sys-scroll::-webkit-scrollbar-thumb{background:var(--sys-gutter-line);border-radius:9999px}.sys-scroll::-webkit-scrollbar-track{background:0 0}@media (prefers-reduced-motion:reduce){.sys *{transition-duration:.01ms!important}}
.sys{--site-code-key:#2f5fb3;--site-code-str:#2f5fb3;--site-code-num:#00857f;--site-pill-blue-bg:#e4f0fb;--site-pill-blue-text:#2b6cb0;--site-pill-green-bg:#e3f6ee;--site-pill-green-text:#17795a;--site-pill-red-bg:#fde7e7;--site-pill-red-text:#c13b3b;--site-pill-amber-bg:#fff1d6;--site-pill-amber-text:#a86500}.sys[data-mode=dark]{--site-code-key:var(--sys-code-str);--site-code-str:var(--sys-code-str);--site-code-num:var(--sys-code-num);--site-pill-blue-bg:#60a5fa33;--site-pill-blue-text:#7fb6ff;--site-pill-green-bg:var(--sys-teal-tint);--site-pill-green-text:var(--sys-teal-text);--site-pill-red-bg:#ff636333;--site-pill-red-text:#ff8a8a;--site-pill-amber-bg:var(--sys-amber-tint);--site-pill-amber-text:var(--sys-amber-text)}
.sys[data-mode=dark] [data-chat] .bg-white,.sys[data-mode=dark] [data-chat] .bg-white\/92{background-color:var(--sys-surface)}.sys[data-mode=dark] [data-chat] .bg-white\/40,.sys[data-mode=dark] [data-chat] .bg-white\/60,.sys[data-mode=dark] [data-chat] .bg-white\/70,.sys[data-mode=dark] [data-chat] .bg-white\/80{background-color:color-mix(in srgb, var(--sys-surface) 80%, transparent)}.sys[data-mode=dark] [data-chat] .bg-\[\#fafafa\],.sys[data-mode=dark] [data-chat] .bg-\[\#f4f6f6\]{background-color:var(--sys-gutter)}.sys[data-mode=dark] [data-chat] .bg-\[\#f1f3f4\],.sys[data-mode=dark] [data-chat] .bg-\[\#eceff0\],.sys[data-mode=dark] [data-chat] .bg-\[\#eef0f1\],.sys[data-mode=dark] [data-chat] .bg-\[\#eaf0f0\]{background-color:var(--sys-head)}.sys[data-mode=dark] [data-chat] .bg-\[\#e4e8e9\],.sys[data-mode=dark] [data-chat] .bg-\[\#8d969a\]{background-color:var(--sys-rule)}.sys[data-mode=dark] [data-chat] .bg-\[\#d2dadc\],.sys[data-mode=dark] [data-chat] .bg-\[\#d6dede\]{background-color:var(--sys-dot-1)}.sys[data-mode=dark] [data-chat] [style*=\#d4dadc]{background-color:var(--sys-dot-1)!important}.sys[data-mode=dark] [data-chat] .text-\[\#a0adb1\]{color:var(--sys-gutter-text)}.sys[data-mode=dark] [data-chat] .text-\[\#5a6772\]{color:var(--sys-body)}.sys[data-mode=dark] [data-chat] .bg-\[\#17967f\]{background-color:var(--sys-teal-fill);color:var(--sys-teal-on-fill)}.sys[data-mode=dark] [data-chat] .bg-\[\#0f9d8f\]{background-color:var(--sys-teal-fill)}.sys[data-mode=dark] [data-chat] .border-\[\#0f9d8f\]{border-color:var(--sys-teal-strong)}.sys[data-mode=dark] [data-chat] .text-\[\#17967f\]{color:var(--sys-teal-text)}.sys[data-mode=dark] [data-chat] .bg-\(--sys-teal-nav-fill\).text-white{color:var(--sys-teal-nav-on)}.sys[data-mode=dark] [data-chat] .hover\:bg-\(--sys-teal-strong\):hover{color:var(--sys-teal-on-fill)}.sys[data-mode=dark] [data-chat] .bg-\[\#fde7e7\]{background-color:#ff636333}.sys[data-mode=dark] [data-chat] .text-\[\#d03a3a\]{color:#ff8a8a}.sys[data-mode=dark] [data-chat] .text-\[\#b4e1df\]{color:var(--sys-teal-tint-edge)}.sys[data-mode=dark] [data-chat] svg [fill=\#fff]{fill:var(--sys-surface)}.sys[data-mode=dark] [data-chat] .bg-\[\#fdb515\],.sys[data-mode=dark] [data-chat] .bg-\[\#f59e0b\]{background-color:var(--sys-amber-fill)}.sys[data-mode=dark] [data-chat] .bg-\[\#f59e0b\].text-white,.sys[data-mode=dark] [data-chat] .bg-\[\#fdb515\] .text-white{color:var(--sys-amber-on-fill)}.sys[data-mode=dark] [data-chat] .bg-\[\#fdd98a\]\/80,.sys[data-mode=dark] [data-chat] .bg-\[\#fef1d6\],.sys[data-mode=dark] [data-chat] .bg-\[\#faeadd\]{background-color:var(--sys-amber-tint)}.sys[data-mode=dark] [data-chat] .text-\[\#d98a06\],.sys[data-mode=dark] [data-chat] .text-\[\#e6930a\],.sys[data-mode=dark] [data-chat] .text-\[\#e69a0a\],.sys[data-mode=dark] [data-chat] .text-\[\#c27a05\],.sys[data-mode=dark] [data-chat] .text-\[\#8a5200\],.sys[data-mode=dark] [data-chat] .text-\[\#b8780f\],.sys[data-mode=dark] [data-chat] .text-\[\#b8620f\],.sys[data-mode=dark] [data-chat] .text-\[\#c2620a\]{color:var(--sys-amber-text)}.sys[data-mode=dark] [data-chat] .hover\:text-\[\#8a5200\]:hover,.sys[data-mode=dark] [data-chat] .hover\:text-\[\#b8620f\]:hover{color:var(--sys-amber-fill-hover)}.sys[data-mode=dark] [data-chat] .border-\[\#f6b21a\]{border-color:var(--sys-amber-panel-edge)}.sys[data-mode=dark] [data-chat] img.mix-blend-multiply{mix-blend-mode:normal;-webkit-mask-image:radial-gradient(58% 58%,#000 35%,#0000 100%);mask-image:radial-gradient(58% 58%,#000 35%,#0000 100%)}