@layer tokens {
:root{--t-fast:.12s;--t-base:.2s;--t-slow:.28s;--ease-out:cubic-bezier(.32, .72, 0, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--ease-in:cubic-bezier(.55, 0, 1, .45);--stagger:30ms;--stagger-cap:.24s;--header-height:56px}@media (min-width:640px){:root{--header-height:80px}}@media (max-width:640px){:root{--t-fast:90ms;--t-base:.14s;--t-slow:.2s}}@media (prefers-reduced-motion:reduce){:root{--t-fast:1ms;--t-base:1ms;--t-slow:1ms;--stagger:0s}}@media (prefers-reduced-data:reduce){:root{--t-fast:1ms;--t-base:1ms;--t-slow:1ms;--stagger:0s}}@media (prefers-reduced-transparency:reduce){:root{--t-fast:1ms;--t-base:1ms;--t-slow:1ms;--stagger:0s}}
}

@layer tokens {
:root{--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-display:"IBM Plex Mono", var(--font-mono);--text-xs:clamp(.72rem, .7rem + .1vw, .78rem);--text-sm:clamp(.82rem, .8rem + .13vw, .9rem);--text-base:clamp(.95rem, .92rem + .18vw, 1.05rem);--text-lg:clamp(1.1rem, 1.05rem + .25vw, 1.25rem);--text-xl:clamp(1.4rem, 1.3rem + .5vw, 1.75rem);--text-2xl:clamp(1.8rem, 1.6rem + 1vw, 2.5rem);--leading-body:1.65;--leading-tight:1.25;--measure:68ch;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-none:0;--radius-sm:2px;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px;--z-base:0;--z-sticky:10;--z-sidebar:20;--z-modal:50;--z-toast:60;--z-tooltip:70}:root[data-theme=light]{--bg:#f5f4ee;--fg:#0a0a0a;--fg-muted:#4a4a4a;--fg-subtle:#767676;--rule:#0a0a0a;--rule-soft:#c8c5b8;--pill-bg:#0a0a0a;--pill-fg:#f5f4ee;--code-bg:#ebe9df;--selection-bg:#0a0a0a;--selection-fg:#f5f4ee;--weight-body:400;--accent:#d44715;--accent-rule:#d44715;--shadow-flat:none;--shadow-modal:0 8px 32px -8px #0000004d;--shadow-popover:0 4px 12px -4px #0003}:root[data-theme=dark]{--bg:#0a0a0a;--fg:#f4f4f4;--fg-muted:#c8c8c8;--fg-subtle:#9a9a9a;--rule:#f4f4f4;--rule-soft:#2f2f2f;--pill-bg:#f4f4f4;--pill-fg:#0a0a0a;--code-bg:#161616;--selection-bg:#f4f4f4;--selection-fg:#0a0a0a;--weight-body:450;--accent:#ff7849;--accent-rule:#ff7849;--shadow-flat:none;--shadow-modal:0 8px 32px -8px #0009;--shadow-popover:0 4px 12px -4px #00000073}@media (forced-colors:active){:root{--accent:LinkText;--accent-rule:LinkText}}@media (prefers-contrast:more){:root{--accent:var(--fg);--accent-rule:var(--fg)}}
}

@layer utilities {
@layer utilities{@supports (view-transition-name:x){::view-transition-old(root){animation:var(--t-base) var(--ease-out) both fade-out}::view-transition-new(root){animation:var(--t-base) var(--ease-out) both fade-in}html[data-nav-direction=lateral] ::view-transition-old(root){animation-duration:var(--t-fast)}html[data-nav-direction=lateral] ::view-transition-new(root){animation-duration:var(--t-fast)}html[data-nav-direction=forward-into-panel] ::view-transition-old(root){animation:var(--t-slow) var(--ease-out) both scale-fade-out}html[data-nav-direction=forward-into-panel] ::view-transition-new(root){animation:var(--t-slow) var(--ease-out) both scale-fade-in}html[data-nav-direction=back] ::view-transition-old(root){animation:var(--t-base) var(--ease-out) both slide-out-back}html[data-nav-direction=back] ::view-transition-new(root){animation:var(--t-base) var(--ease-out) both slide-in-back}@media (max-width:640px){::view-transition-old(root){transform:none}::view-transition-new(root){transform:none}}:root[data-transitioning] *,:root[data-transitioning]{transition:none}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes scale-fade-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.015)}}@keyframes slide-in-back{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}@keyframes slide-out-back{0%{opacity:1;transform:none}to{opacity:0;transform:translate(16px)}}html[data-anim] .reveal{opacity:0;transition:opacity var(--t-base) var(--ease-out), transform var(--t-base) var(--ease-out);transition-delay:calc(min(var(--i,0), 8) * var(--stagger));transform:translateY(8px)}html[data-anim] .reveal.in-view{opacity:1;transform:none}@supports (animation-timeline:view()){html[data-anim] .reveal{opacity:1;animation:linear both reveal-fade;animation-timeline:view();animation-range:entry 10% entry 60%;animation-delay:calc(min(var(--i,0), 8) * var(--stagger));transition:none;animation-fill-mode:both;transform:none}@keyframes reveal-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}html[data-anim] .prose h2,html[data-anim] .prose h3{position:relative}html[data-anim] .prose h2:after,html[data-anim] .prose h3:after{content:"";background:var(--accent);transform-origin:0;height:2px;animation:linear both heading-draw;animation-timeline:view();animation-range:entry 10% entry 60%;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}@keyframes heading-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}@media (hover:none) and (pointer:coarse){button,.integration-tile,.pill,[role=button]{position:relative}button:active:after,.integration-tile:active:after,.pill:active:after,[role=button]:active:after{content:"";pointer-events:none;animation:tap-pulse var(--t-fast) var(--ease-out);border:2px solid;position:absolute;inset:-2px}@keyframes tap-pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}}}
}

@layer utilities {
@layer utilities{@keyframes cursor-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.term-cursor{vertical-align:text-bottom;background:currentColor;width:.6ch;height:1em;animation:1.06s steps(2,end) infinite cursor-blink;display:inline-block}.status-dot{margin-right:var(--space-2);font-variant-numeric:tabular-nums;display:inline-block}.status-dot[data-state=connected]{color:#4ade80}.status-dot[data-state=warming]{color:var(--accent);animation:status-rotate var(--t-slow) linear infinite}.status-dot[data-state=suspended]{color:var(--fg-subtle);animation:2s ease-in-out infinite status-breathe}.status-dot[data-state=disconnected]{color:#ef4444;animation:status-shake var(--t-base) ease-out}@keyframes status-rotate{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes status-breathe{0%,to{opacity:.6}50%{opacity:1}}@keyframes status-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-2px)}40%,80%{transform:translate(2px)}}.wake-overlay{z-index:var(--z-modal);background:color-mix(in oklab, var(--bg) 92%, transparent);color:var(--fg-muted);font-family:var(--font-mono);pointer-events:none;animation:fade-in var(--t-base) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wake-overlay[data-stage=error]{pointer-events:auto}.wake-spinner{width:1ch;margin-right:var(--space-2);animation:.24s steps(4,end) infinite wake-spinner;display:inline-block}@keyframes wake-spinner{0%{content:"⠋"}25%{content:"⠙"}50%{content:"⠹"}75%{content:"⠸"}}.echo-flash{animation:.6s ease-out echo-flash}@keyframes echo-flash{0%{background-color:color-mix(in oklab, var(--accent) 10%, transparent)}to{background-color:#0000}}.thinking{gap:.25ch;display:inline-flex}.thinking span{opacity:.3;animation:1.4s ease-in-out infinite thinking-pulse}.thinking span:nth-child(2){animation-delay:.2s}.thinking span:nth-child(3){animation-delay:.4s}@keyframes thinking-pulse{0%,80%,to{opacity:.3}40%{opacity:1}}.skel{background:linear-gradient(90deg, var(--rule-soft) 0%, color-mix(in oklab, var(--rule-soft) 60%, var(--bg)) 50%, var(--rule-soft) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.drop-zone{transition:border-color var(--t-fast) var(--ease-out), background-color var(--t-fast) var(--ease-out)}.drop-zone[data-active=true]{border-color:var(--accent);background-color:var(--code-bg);animation:1.4s ease-in-out infinite drop-pulse}@keyframes drop-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in oklab, var(--accent) 25%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in oklab, var(--accent) 0%, transparent)}}.toast{animation:toast-enter var(--t-base) var(--ease-out)}.toast[data-leaving=true]{animation:toast-exit var(--t-fast) var(--ease-in) forwards}@keyframes toast-enter{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes toast-exit{to{opacity:0;transform:translate(16px)}}.modal-backdrop{animation:fade-in var(--t-base) var(--ease-out)}.modal-content{animation:scale-fade-in var(--t-base) var(--ease-out)}.err-shake{animation:err-shake var(--t-base) ease-out}@keyframes err-shake{0%,to{transform:translate(0)}16%,50%,83%{transform:translate(-4px)}33%,66%{transform:translate(4px)}}.celebrate{animation:celebrate-stamp var(--t-slow) var(--ease-spring)}@keyframes celebrate-stamp{0%{opacity:0;transform:scale(.8)}60%{opacity:1;color:var(--accent);transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.token-chunk{animation:fade-in var(--t-fast) var(--ease-out)}.boot-line{opacity:0;animation:fade-in var(--t-fast) var(--ease-out) forwards;animation-delay:calc(var(--i,0) * 80ms)}}
}

@layer reset,tokens,base,components,prose,utilities;@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;min-height:100dvh;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:anywhere}ul[role=list],ol[role=list]{padding:0;list-style:none}}@layer base{html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background:var(--bg);color:var(--fg);font-family:var(--font-mono);text-rendering:optimizelegibility;-moz-osx-font-smoothing:grayscale;scroll-padding-top:calc(var(--header-height) + var(--space-3));font-size:16px}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{font-size:var(--text-base);line-height:var(--leading-body);font-weight:var(--weight-body);background:var(--bg);color:var(--fg);overscroll-behavior-y:contain}::selection{background:var(--selection-bg);color:var(--selection-fg)}a{color:inherit;text-decoration:none}:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px currentColor;animation:focus-ring var(--t-fast) var(--ease-out);outline:none}@keyframes focus-ring{0%{box-shadow:0 0 #0000,0 0 #0000}to{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px currentColor}}*{-webkit-tap-highlight-color:transparent}a:active,button:active{background-color:var(--rule-soft)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--fg-subtle)}::-webkit-scrollbar-track{background:0 0}html{scrollbar-color:var(--fg-subtle) transparent}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:var(--leading-tight);text-wrap:balance}p{text-wrap:pretty}input,textarea{caret-color:var(--accent);accent-color:var(--accent)}code,pre,.tabular,time,.id,.ip,.handle{font-variant-numeric:tabular-nums}code,pre{font-variant-ligatures:contextual}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms;animation-duration:.01ms}}.skip-link{background:var(--fg);color:var(--bg);padding:var(--space-2) var(--space-4);z-index:var(--z-tooltip);position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.is-caps{text-transform:uppercase;letter-spacing:.06em}main.prose{max-width:1100px;padding:max(var(--space-6), env(safe-area-inset-top)) max(var(--space-5), env(safe-area-inset-right)) max(var(--space-6), env(safe-area-inset-bottom)) max(var(--space-5), env(safe-area-inset-left));margin:0 auto}@media (forced-colors:active){html,body{color:canvastext;background:canvas}a{color:linktext}button,.skip-link{color:buttontext;background:buttonface;border:1px solid buttontext}:focus-visible{outline:2px solid canvastext}}}