:root{--color-primary: #0D9488;--color-on-primary: #FFFFFF;--color-primary-container: #115E59;--color-on-primary-container: #CCFBF1;--color-inverse-primary: #5EEAD4;--color-primary-fixed: #CCFBF1;--color-primary-fixed-dim: #5EEAD4;--color-on-primary-fixed: #042F2E;--color-on-primary-fixed-variant: #115E59;--color-surface-tint: #0D9488;--color-secondary: #5F5E5E;--color-on-secondary: #FFFFFF;--color-secondary-container: #E5E2E1;--color-on-secondary-container: #656464;--color-secondary-fixed: #E5E2E1;--color-secondary-fixed-dim: #C9C6C5;--color-on-secondary-fixed: #1C1B1B;--color-on-secondary-fixed-variant: #474646;--color-tertiary: #F97316;--color-on-tertiary: #FFFFFF;--color-tertiary-container: #FFEDD5;--color-on-tertiary-container: #7C2D12;--color-tertiary-fixed: #FFEDD5;--color-tertiary-fixed-dim: #FDBA74;--color-on-tertiary-fixed: #431407;--color-on-tertiary-fixed-variant: #9A3412;--color-error: #BA1A1A;--color-on-error: #FFFFFF;--color-error-container: #FFDAD6;--color-on-error-container: #93000A;--color-background: #D0DEE0;--color-on-background: #0F2326;--color-surface: #D0DEE0;--color-on-surface: #0F2326;--color-surface-bright: #FFFFFF;--color-surface-dim: #88AAB0;--color-surface-container-lowest: #FFFFFF;--color-surface-container-low: #88BFC2;--color-surface-container: #BDD0D2;--color-surface-container-high: #88AAB0;--color-surface-container-highest: #5F8D93;--color-surface-variant: #BDD0D2;--color-on-surface-variant: #2F4045;--color-inverse-surface: #0A0A0A;--color-inverse-on-surface: #F4F4F5;--color-outline: #5A7479;--color-outline-variant: #A8C5C8}body{font-family:Inter,system-ui,sans-serif}pre{white-space:pre}pre code{display:block;white-space:pre;font-family:JetBrains Mono,monospace}.hover-lift{transition:transform .24s cubic-bezier(.2,0,0,1),border-color .24s cubic-bezier(.2,0,0,1),background-color .24s cubic-bezier(.2,0,0,1),box-shadow .24s cubic-bezier(.2,0,0,1)}.hover-lift:hover{transform:translateY(-4px);border-color:var(--color-primary);background-color:color-mix(in oklab,var(--color-primary) 8%,transparent);box-shadow:0 10px 30px -16px color-mix(in oklab,var(--color-primary) 60%,transparent)}.fade-slide-up{opacity:0;transform:translateY(20px);transition:opacity .24s cubic-bezier(.2,0,0,1),transform .24s cubic-bezier(.2,0,0,1)}.fade-slide-up.visible{opacity:1;transform:translateY(0)}.ok-link{position:relative}.ok-link:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .28s cubic-bezier(.2,0,0,1)}.ok-link:hover:after{transform:scaleX(1)}.ok-arrow{display:inline-block;transition:transform .24s cubic-bezier(.2,0,0,1)}.ok-arrow-host:hover .ok-arrow{transform:translate(2px,-2px)}.ok-pulse{position:relative}.ok-pulse:after{content:"";position:absolute;inset:0;border-radius:9999px;background:currentColor;opacity:.6;animation:okpulse 1.6s cubic-bezier(.2,0,0,1) infinite}@keyframes okpulse{0%{transform:scale(1);opacity:.5}70%{transform:scale(2.4);opacity:0}to{transform:scale(2.4);opacity:0}}.ok-cursor:after{content:"▍";display:inline-block;margin-left:2px;animation:okblink 1s steps(2,end) infinite;color:currentColor}@keyframes okblink{50%{opacity:0}}.header-shrunk{backdrop-filter:blur(16px);box-shadow:0 6px 24px -12px #0f232640,0 2px 6px -2px #0f232614;border-bottom-color:#0f232629}header[data-ok-header]>div{transition:height .24s cubic-bezier(.2,0,0,1)}.header-shrunk>div{height:64px!important}.header-shrunk .ok-logo-img{height:32px;width:32px}.ok-logo-img{transition:height .24s cubic-bezier(.2,0,0,1),width .24s cubic-bezier(.2,0,0,1)}.diagram-node{border:1px solid var(--color-on-background)}.diagram-line{background-color:var(--color-on-background)}.diagram-highlight{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.mono-diagram-line{stroke:currentColor;stroke-width:1;fill:none}.mono-diagram-highlight{stroke:var(--color-primary);stroke-width:2;fill:#4a7c591f}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.animate-marquee{animation:marquee 60s linear infinite}.animate-marquee-reverse{animation:marquee-reverse 80s linear infinite}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}@media (prefers-reduced-motion: reduce){.fade-slide-up{opacity:1;transform:none}.animate-marquee,.animate-marquee-reverse,.ok-pulse:after,.ok-cursor:after{animation:none!important}.ok-link:after{transition:none}}
