@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/98848575513c9742-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Outfit Fallback;src:local("Arial");ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.00%;size-adjust:99.82%}.__className_ed3508{font-family:Outfit,Outfit Fallback;font-style:normal}.__variable_ed3508{--font-outfit:"Outfit","Outfit Fallback"}

/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%}}}@layer components{.sidebar{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-gray-100,oklch(96.7% .003 264.542));--tw-gradient-to:var(--color-gray-300,oklch(87.2% .01 258.338));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));color:#141619}.sidebar:active{color:#bbb}.sidebar:is(.dark *){--tw-gradient-from:var(--color-gray-900,oklch(21% .034 264.665));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));--tw-gradient-to:var(--color-black,#000)}.menubar{color:#141619;background-color:#fff}.contentBgColor{background-color:var(--color-white,#fff);color:#141619}.contentBgColor:is(.dark *){background-color:var(--color-black,#000);color:var(--color-white,#fff)}.navbar{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-gray-100,oklch(96.7% .003 264.542));--tw-gradient-to:var(--color-gray-300,oklch(87.2% .01 258.338));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));color:#fff}.navbar:active{color:#bbb}.navbar:is(.dark *){--tw-gradient-from:var(--color-gray-900,oklch(21% .034 264.665));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));--tw-gradient-to:var(--color-black,#000)}.content,.footer{color:#141619;background-color:#fff}.dark .sidebar{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-gray-100,oklch(96.7% .003 264.542));--tw-gradient-to:var(--color-gray-300,oklch(87.2% .01 258.338));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));color:#b3b4bd}@media (hover:hover){.dark .sidebar:hover{color:#85c1e9}}.dark .sidebar:active{color:#050a44}.dark .sidebar:is(.dark *){--tw-gradient-from:var(--color-gray-900,oklch(21% .034 264.665));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position));--tw-gradient-to:var(--color-black,#000)}.dark .menubar,.dark .navbar{color:#b3b4bd;background-color:#141619}@media (hover:hover){.dark .navbar:hover{color:#85c1e9}}.dark .navbar:active{color:#050a44}.dark .content,.dark .footer{color:#b3b4bd;background-color:#141619}}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}

/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer components{.btn-primary{background-color:var(--color-violet-500,oklch(60.6% .25 292.717));padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 2);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-white,#fff);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:3.40282e+38px}@media (hover:hover){.btn-primary:hover{background-color:var(--color-violet-700,oklch(49.1% .27 292.581))}}.btn-primary:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:#a685ffbf}@supports (color:color-mix(in lab,red,red)){.btn-primary:focus{--tw-ring-color:color-mix(in oklab,var(--color-violet-400,oklch(70.2% .183 293.541)) 75%,transparent)}}.btn-primary:focus{--tw-outline-style:none;outline-style:none}.btn-primary:is(.dark *){background-color:var(--color-white,#fff);color:#141619}}@layer utilities{.sidebar-scroll{overflow:hidden auto}.sidebar-scroll::-webkit-scrollbar{display:none}.sidebar-scroll{scrollbar-width:none}.scrollbar-hidden{white-space:nowrap;overflow:auto hidden}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}}.slider-width{width:500px}

/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-border-style:solid;--tw-font-weight:initial;--tw-space-y-reverse:0;--tw-duration:initial;--tw-tracking:initial}}}@layer components{.mockup-code{border-radius:var(--rounded-box,1rem);background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));min-width:18rem;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));direction:ltr;padding-top:1.25rem;padding-bottom:1.25rem;position:relative;overflow:auto hidden}.mockup-code:before{content:"";opacity:1;background-color:#ef4444;border-radius:9999px;width:.5rem;height:.5rem;margin-bottom:1rem;display:block;box-shadow:0 0 0 .1rem #ef4444,1.2rem 0 0 .1rem #facc15,2.4rem 0 0 .1rem #22c55e}.mockup-code pre[data-prefix]:before{content:attr(data-prefix);text-align:right;opacity:.5;width:2rem;display:inline-block}.mockup-code pre{padding-right:1.25rem}.mockup-code pre:before{content:"";margin-right:2ch}.container{padding:calc(var(--spacing,.25rem) * 4);margin-inline:auto}.heading{margin-bottom:calc(var(--spacing,.25rem) * 5);text-align:center;font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}@media (min-width:48rem){.heading{font-size:var(--text-4xl,2.25rem);line-height:var(--tw-leading,var(--text-4xl--line-height,calc(2.5 / 2.25)))}}.list{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-normal,1.5);line-height:var(--leading-normal,1.5);list-style-type:disc;list-style-position:inside}@media (min-width:48rem){.list{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-leading:var(--leading-loose,2);line-height:var(--leading-loose,2)}}.sub-heading{padding-block:calc(var(--spacing,.25rem) * 4);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}@media (min-width:48rem){.sub-heading{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)))}}.example-box{z-index:0;margin-block:calc(var(--spacing,.25rem) * 5);margin-bottom:calc(var(--spacing,.25rem) * 5);border-radius:calc(var(--radius) - 4px);background-color:var(--color-gray-900,oklch(21% .034 264.665));padding:calc(var(--spacing,.25rem) * 4);color:var(--color-white,#fff);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.example-box div{justify-content:space-between;align-items:center;display:flex}.example-box h5{color:var(--color-white,#fff)}.example-buttons{gap:calc(var(--spacing,.25rem) * 3);display:flex}.copy-btn,.try-me-btn{border-style:var(--tw-border-style);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);text-wrap:nowrap;color:var(--color-black,#000);border-width:1px;border-radius:.25rem}.example-code{z-index:40;background-color:var(--color-gray-900,oklch(21% .034 264.665));padding:calc(var(--spacing,.25rem) * 3);word-break:break-all;white-space:pre-wrap;overflow-x:auto}.output-box{z-index:0;margin-bottom:calc(var(--spacing,.25rem) * 5);border-radius:calc(var(--radius) - 4px);background-color:var(--color-sky-200,oklch(90.1% .058 230.902));padding:calc(var(--spacing,.25rem) * 4);color:var(--color-black,#000);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.output-box:is(.dark *){background-color:var(--color-gray-600,oklch(44.6% .03 256.802))}.output-box a{color:var(--color-black,#000);text-decoration-line:underline}.output-box a:is(.dark *){color:var(--color-white,#fff)}.output-box table{color:var(--color-black,#000)}.output-box table:is(.dark *){color:var(--color-white,#fff)}.output-box ul{color:var(--color-black,#000)}.output-box ul:is(.dark *){color:var(--color-white,#fff)}.output-box input{color:var(--color-black,#000)}.output-box input:is(.dark *){color:var(--color-white,#fff)}.output-box ol{color:var(--color-black,#000)}.output-box ol:is(.dark *){color:var(--color-white,#fff)}.output-box dl{color:var(--color-black,#000)}.output-box dl:is(.dark *){color:var(--color-white,#fff)}.output-box pre{color:var(--color-black,#000)}.output-box pre:is(.dark *){color:var(--color-white,#fff)}.output-box pre:before{content:"";margin-right:0}.mermaid-container{margin-block:calc(var(--spacing,.25rem) * 6);border-radius:var(--radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem) * 4);overflow-x:auto}.mermaid-container:is(.dark *){border-color:var(--color-gray-700,oklch(37.3% .034 259.733));background-color:var(--color-gray-800,oklch(27.8% .033 256.848))}.mermaid-title{margin-bottom:calc(var(--spacing,.25rem) * 3);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-gray-800,oklch(27.8% .033 256.848))}.mermaid-title:is(.dark *){color:var(--color-gray-200,oklch(92.8% .006 264.531))}.mermaid-svg{--mmd-fg:#0f172a;justify-content:center;display:flex}.dark .mermaid-svg{--mmd-fg:#e2e8f0}.mermaid-svg svg{max-width:100%;height:auto}.mermaid-skeleton{animation:var(--animate-pulse,pulse 2s cubic-bezier(.4,0,.6,1) infinite)}:where(.mermaid-skeleton>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem) * 3) * calc(1 - var(--tw-space-y-reverse)))}.mermaid-skeleton-bar{height:calc(var(--spacing,.25rem) * 4);background-color:var(--color-gray-200,oklch(92.8% .006 264.531));border-radius:.25rem;width:75%;margin-inline:auto}.mermaid-skeleton-bar:is(.dark *){background-color:var(--color-gray-700,oklch(37.3% .034 259.733))}.mermaid-skeleton-bar.short{width:50%}.mermaid-error{padding-block:calc(var(--spacing,.25rem) * 4);text-align:center;color:var(--color-red-500,oklch(63.7% .237 25.331));font-style:italic}.mermaid-error:is(.dark *){color:var(--color-red-400,oklch(70.4% .191 22.216))}.tutorial-callout{margin-block:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius);border-left-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem) * 4);border-left-width:4px}.tutorial-callout-header{margin-bottom:calc(var(--spacing,.25rem) * 2);align-items:center;gap:calc(var(--spacing,.25rem) * 2);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);display:flex}.tutorial-callout-body,.tutorial-callout-header{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.tutorial-callout-body{--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625)}.tutorial-callout-list{margin-block:calc(var(--spacing,.25rem) * 1);list-style-type:disc}:where(.tutorial-callout-list>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem) * 1) * calc(1 - var(--tw-space-y-reverse)))}.tutorial-callout-list{padding-left:calc(var(--spacing,.25rem) * 5)}.tutorial-callout-note{border-color:var(--color-blue-500,oklch(62.3% .214 259.815));background-color:var(--color-blue-50,oklch(97% .014 254.604));color:var(--color-blue-800,oklch(42.4% .199 265.638))}.tutorial-callout-note:is(.dark *){background-color:#1624564d}@supports (color:color-mix(in lab,red,red)){.tutorial-callout-note:is(.dark *){background-color:color-mix(in oklab,var(--color-blue-950,oklch(28.2% .091 267.935)) 30%,transparent)}}.tutorial-callout-note:is(.dark *){color:var(--color-blue-200,oklch(88.2% .059 254.128))}.tutorial-callout-tip{border-color:var(--color-green-500,oklch(72.3% .219 149.579));background-color:var(--color-green-50,oklch(98.2% .018 155.826));color:var(--color-green-800,oklch(44.8% .119 151.328))}.tutorial-callout-tip:is(.dark *){background-color:#032e154d}@supports (color:color-mix(in lab,red,red)){.tutorial-callout-tip:is(.dark *){background-color:color-mix(in oklab,var(--color-green-950,oklch(26.6% .065 152.934)) 30%,transparent)}}.tutorial-callout-tip:is(.dark *){color:var(--color-green-200,oklch(92.5% .084 155.995))}.tutorial-callout-warning{border-color:var(--color-amber-500,oklch(76.9% .188 70.08));background-color:var(--color-amber-50,oklch(98.7% .022 95.277));color:var(--color-amber-800,oklch(47.3% .137 46.201))}.tutorial-callout-warning:is(.dark *){background-color:#4619014d}@supports (color:color-mix(in lab,red,red)){.tutorial-callout-warning:is(.dark *){background-color:color-mix(in oklab,var(--color-amber-950,oklch(27.9% .077 45.635)) 30%,transparent)}}.tutorial-callout-warning:is(.dark *){color:var(--color-amber-200,oklch(92.4% .12 95.746))}.tutorial-callout-important{border-color:var(--color-red-500,oklch(63.7% .237 25.331));background-color:var(--color-red-50,oklch(97.1% .013 17.38));color:var(--color-red-800,oklch(44.4% .177 26.899))}.tutorial-callout-important:is(.dark *){background-color:#4608094d}@supports (color:color-mix(in lab,red,red)){.tutorial-callout-important:is(.dark *){background-color:color-mix(in oklab,var(--color-red-950,oklch(25.8% .092 26.042)) 30%,transparent)}}.tutorial-callout-important:is(.dark *){color:var(--color-red-200,oklch(88.5% .062 18.334))}.tutorial-callout-analogy{border-color:var(--color-purple-500,oklch(62.7% .265 303.9));background-color:var(--color-purple-50,oklch(97.7% .014 308.299));color:var(--color-purple-800,oklch(43.8% .218 303.724))}.tutorial-callout-analogy:is(.dark *){background-color:#3c03664d}@supports (color:color-mix(in lab,red,red)){.tutorial-callout-analogy:is(.dark *){background-color:color-mix(in oklab,var(--color-purple-950,oklch(29.1% .149 302.717)) 30%,transparent)}}.tutorial-callout-analogy:is(.dark *){color:var(--color-purple-200,oklch(90.2% .063 306.703))}.step-execution{margin-block:calc(var(--spacing,.25rem) * 6);border-radius:var(--radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));background-color:var(--color-white,#fff);overflow:hidden}.step-execution:is(.dark *){border-color:var(--color-gray-700,oklch(37.3% .034 259.733));background-color:var(--color-gray-800,oklch(27.8% .033 256.848))}.step-execution-header{align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));background-color:var(--color-gray-50,oklch(98.5% .002 247.839));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);display:flex}.step-execution-header:is(.dark *){border-color:var(--color-gray-700,oklch(37.3% .034 259.733));background-color:var(--color-gray-900,oklch(21% .034 264.665))}.step-counter{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-gray-500,oklch(55.1% .027 264.364));margin-left:auto}.step-counter:is(.dark *){color:var(--color-gray-400,oklch(70.7% .022 261.325))}.step-execution-body{gap:calc(var(--spacing,.25rem) * 0);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (min-width:48rem){.step-execution-body{grid-template-columns:repeat(2,minmax(0,1fr))}}.step-code-panel{border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--color-gray-700,oklch(37.3% .034 259.733));background-color:var(--color-gray-900,oklch(21% .034 264.665));padding:calc(var(--spacing,.25rem) * 3);color:var(--color-white,#fff);overflow-x:auto}.step-code-panel pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625)}.step-code-line{border-radius:calc(var(--radius) - 4px);padding-inline:calc(var(--spacing,.25rem) * 1);padding-block:calc(var(--spacing,.25rem) * .5);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s;display:flex}.step-highlight-line{border-left-style:var(--tw-border-style);border-left-width:2px;border-color:var(--color-yellow-400,oklch(85.2% .199 91.936));background-color:#edb20033}@supports (color:color-mix(in lab,red,red)){.step-highlight-line{background-color:color-mix(in oklab,var(--color-yellow-500,oklch(79.5% .184 86.047)) 20%,transparent)}}.step-line-num{margin-right:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 6);text-align:right;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--color-gray-500,oklch(55.1% .027 264.364));-webkit-user-select:none;user-select:none}.step-line-code{white-space:pre}:where(.step-state-panel>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem) * 3) * calc(1 - var(--tw-space-y-reverse)))}.step-state-panel{padding:calc(var(--spacing,.25rem) * 4)}.step-explanation{background-color:var(--color-blue-50,oklch(97% .014 254.604));padding:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);color:var(--color-gray-700,oklch(37.3% .034 259.733));border-radius:.25rem}.step-explanation:is(.dark *){background-color:#16245633}@supports (color:color-mix(in lab,red,red)){.step-explanation:is(.dark *){background-color:color-mix(in oklab,var(--color-blue-950,oklch(28.2% .091 267.935)) 20%,transparent)}}.step-explanation:is(.dark *){color:var(--color-gray-300,oklch(87.2% .01 258.338))}.step-variables{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.step-variables strong{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-tracking:var(--tracking-wide,.025em);letter-spacing:var(--tracking-wide,.025em);color:var(--color-gray-500,oklch(55.1% .027 264.364));text-transform:uppercase}.step-variables strong:is(.dark *){color:var(--color-gray-400,oklch(70.7% .022 261.325))}.step-variables table{margin-top:calc(var(--spacing,.25rem) * 1);width:100%;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.step-variables th{background-color:var(--color-gray-100,oklch(96.7% .003 264.542));padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1);text-align:left;--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.step-variables th:is(.dark *){background-color:var(--color-gray-700,oklch(37.3% .034 259.733))}.step-variables td{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-100,oklch(96.7% .003 264.542));padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1)}.step-variables td:is(.dark *){border-color:var(--color-gray-700,oklch(37.3% .034 259.733))}.step-console{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.step-console strong{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-tracking:var(--tracking-wide,.025em);letter-spacing:var(--tracking-wide,.025em);color:var(--color-gray-500,oklch(55.1% .027 264.364));text-transform:uppercase}.step-console strong:is(.dark *){color:var(--color-gray-400,oklch(70.7% .022 261.325))}.step-console pre{margin-top:calc(var(--spacing,.25rem) * 1);background-color:var(--color-gray-900,oklch(21% .034 264.665));padding:calc(var(--spacing,.25rem) * 2);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--color-green-400,oklch(79.2% .209 151.711));border-radius:.25rem}.step-controls{align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));background-color:var(--color-gray-50,oklch(98.5% .002 247.839));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2);display:flex}.step-controls:is(.dark *){border-color:var(--color-gray-700,oklch(37.3% .034 259.733));background-color:var(--color-gray-900,oklch(21% .034 264.665))}.step-btn{align-items:center;gap:calc(var(--spacing,.25rem) * 1);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300,oklch(87.2% .01 258.338));background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:.25rem;display:inline-flex}@media (hover:hover){.step-btn:hover{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))}}.step-btn:disabled{cursor:not-allowed;opacity:.4}.step-btn:is(.dark *){border-color:var(--color-gray-600,oklch(44.6% .03 256.802));background-color:var(--color-gray-800,oklch(27.8% .033 256.848))}@media (hover:hover){.step-btn:is(.dark *):hover{background-color:var(--color-gray-700,oklch(37.3% .034 259.733))}}.real-world-analogy-card{margin-block:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-purple-200,oklch(90.2% .063 306.703));background-color:var(--color-purple-50,oklch(97.7% .014 308.299));padding:calc(var(--spacing,.25rem) * 4)}.real-world-analogy-card:is(.dark *){border-color:var(--color-purple-800,oklch(43.8% .218 303.724));background-color:#3c03664d}@supports (color:color-mix(in lab,red,red)){.real-world-analogy-card:is(.dark *){background-color:color-mix(in oklab,var(--color-purple-950,oklch(29.1% .149 302.717)) 30%,transparent)}}.analogy-header{margin-bottom:calc(var(--spacing,.25rem) * 2);align-items:center;gap:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-purple-700,oklch(49.6% .265 301.924));display:flex}.analogy-header:is(.dark *){color:var(--color-purple-300,oklch(82.7% .119 306.383))}.analogy-text{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);color:var(--color-purple-800,oklch(43.8% .218 303.724))}.analogy-text:is(.dark *){color:var(--color-purple-200,oklch(90.2% .063 306.703))}.comparison-table-wrapper{margin-block:calc(var(--spacing,.25rem) * 6);border-radius:var(--radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));overflow:hidden}.comparison-table-wrapper:is(.dark *){border-color:var(--color-gray-700,oklch(37.3% .034 259.733))}.comparison-table-title{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));background-color:var(--color-gray-50,oklch(98.5% .002 247.839));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.comparison-table-title:is(.dark *){border-color:var(--color-gray-700,oklch(37.3% .034 259.733));background-color:var(--color-gray-900,oklch(21% .034 264.665))}.comparison-table-scroll{overflow-x:auto}.comparison-table{width:100%;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.comparison-table th{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));background-color:var(--color-gray-100,oklch(96.7% .003 264.542));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2.5);text-align:left;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);--tw-tracking:var(--tracking-wide,.025em);letter-spacing:var(--tracking-wide,.025em);text-transform:uppercase}.comparison-table th:is(.dark *){border-color:var(--color-gray-700,oklch(37.3% .034 259.733));background-color:var(--color-gray-800,oklch(27.8% .033 256.848))}.comparison-table td{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-100,oklch(96.7% .003 264.542));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2)}.comparison-table td:is(.dark *){border-color:var(--color-gray-800,oklch(27.8% .033 256.848))}.comparison-table tbody tr:nth-child(2n){background-color:var(--color-gray-50,oklch(98.5% .002 247.839))}.comparison-table tbody tr:nth-child(2n):is(.dark *){background-color:#10182880}@supports (color:color-mix(in lab,red,red)){.comparison-table tbody tr:nth-child(2n):is(.dark *){background-color:color-mix(in oklab,var(--color-gray-900,oklch(21% .034 264.665)) 50%,transparent)}}.comparison-table .highlight-col{background-color:var(--color-blue-50,oklch(97% .014 254.604))}.comparison-table .highlight-col:is(.dark *){background-color:#16245633}@supports (color:color-mix(in lab,red,red)){.comparison-table .highlight-col:is(.dark *){background-color:color-mix(in oklab,var(--color-blue-950,oklch(28.2% .091 267.935)) 20%,transparent)}}.comparison-true{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-green-600,oklch(62.7% .194 149.214))}.comparison-true:is(.dark *){color:var(--color-green-400,oklch(79.2% .209 151.711))}.comparison-false{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-red-500,oklch(63.7% .237 25.331))}.comparison-false:is(.dark *){color:var(--color-red-400,oklch(70.4% .191 22.216))}.difficulty-badge{padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * .5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);border-radius:3.40282e+38px;align-items:center;display:inline-flex}.difficulty-badge-beginner{background-color:var(--color-green-100,oklch(96.2% .044 156.743));color:var(--color-green-800,oklch(44.8% .119 151.328))}.difficulty-badge-beginner:is(.dark *){background-color:#0d542b66}@supports (color:color-mix(in lab,red,red)){.difficulty-badge-beginner:is(.dark *){background-color:color-mix(in oklab,var(--color-green-900,oklch(39.3% .095 152.535)) 40%,transparent)}}.difficulty-badge-beginner:is(.dark *){color:var(--color-green-300,oklch(87.1% .15 154.449))}.difficulty-badge-intermediate{background-color:var(--color-amber-100,oklch(96.2% .059 95.617));color:var(--color-amber-800,oklch(47.3% .137 46.201))}.difficulty-badge-intermediate:is(.dark *){background-color:#7b330666}@supports (color:color-mix(in lab,red,red)){.difficulty-badge-intermediate:is(.dark *){background-color:color-mix(in oklab,var(--color-amber-900,oklch(41.4% .112 45.904)) 40%,transparent)}}.difficulty-badge-intermediate:is(.dark *){color:var(--color-amber-300,oklch(87.9% .169 91.605))}.difficulty-badge-advanced{background-color:var(--color-red-100,oklch(93.6% .032 17.717));color:var(--color-red-800,oklch(44.4% .177 26.899))}.difficulty-badge-advanced:is(.dark *){background-color:#82181a66}@supports (color:color-mix(in lab,red,red)){.difficulty-badge-advanced:is(.dark *){background-color:color-mix(in oklab,var(--color-red-900,oklch(39.6% .141 25.723)) 40%,transparent)}}.difficulty-badge-advanced:is(.dark *){color:var(--color-red-300,oklch(80.8% .114 19.571))}.key-takeaways-card{margin-block:calc(var(--spacing,.25rem) * 6);border-radius:var(--radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-emerald-200,oklch(90.5% .093 164.15));background-color:var(--color-emerald-50,oklch(97.9% .021 166.113));padding:calc(var(--spacing,.25rem) * 4)}.key-takeaways-card:is(.dark *){border-color:var(--color-emerald-800,oklch(43.2% .095 166.913));background-color:#002c224d}@supports (color:color-mix(in lab,red,red)){.key-takeaways-card:is(.dark *){background-color:color-mix(in oklab,var(--color-emerald-950,oklch(26.2% .051 172.552)) 30%,transparent)}}.key-takeaways-title{margin-bottom:calc(var(--spacing,.25rem) * 3);align-items:center;gap:calc(var(--spacing,.25rem) * 2);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-emerald-700,oklch(50.8% .118 165.612));display:flex}.key-takeaways-title:is(.dark *){color:var(--color-emerald-300,oklch(84.5% .143 164.978))}.key-takeaways-list{list-style-type:decimal;list-style-position:inside}:where(.key-takeaways-list>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}.key-takeaways-list{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);color:var(--color-emerald-800,oklch(43.2% .095 166.913))}.key-takeaways-list:is(.dark *){color:var(--color-emerald-200,oklch(90.5% .093 164.15))}.before-after-container{margin-block:calc(var(--spacing,.25rem) * 6)}.before-after-title{margin-bottom:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.before-after-grid{gap:calc(var(--spacing,.25rem) * 3);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (min-width:48rem){.before-after-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.after-panel,.before-panel{border-radius:var(--radius);overflow:hidden}.before-panel{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-red-200,oklch(88.5% .062 18.334))}.before-panel:is(.dark *){border-color:var(--color-red-800,oklch(44.4% .177 26.899))}.after-panel{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-green-200,oklch(92.5% .084 155.995))}.after-panel:is(.dark *){border-color:var(--color-green-800,oklch(44.8% .119 151.328))}.before-label{background-color:var(--color-red-100,oklch(93.6% .032 17.717));padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-red-700,oklch(50.5% .213 27.518));display:block}.before-label:is(.dark *){background-color:#82181a66}@supports (color:color-mix(in lab,red,red)){.before-label:is(.dark *){background-color:color-mix(in oklab,var(--color-red-900,oklch(39.6% .141 25.723)) 40%,transparent)}}.before-label:is(.dark *){color:var(--color-red-300,oklch(80.8% .114 19.571))}.after-label{background-color:var(--color-green-100,oklch(96.2% .044 156.743));padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-green-700,oklch(52.7% .154 150.069));display:block}.after-label:is(.dark *){background-color:#0d542b66}@supports (color:color-mix(in lab,red,red)){.after-label:is(.dark *){background-color:color-mix(in oklab,var(--color-green-900,oklch(39.3% .095 152.535)) 40%,transparent)}}.after-label:is(.dark *){color:var(--color-green-300,oklch(87.1% .15 154.449))}.after-panel pre,.before-panel pre{background-color:var(--color-gray-900,oklch(21% .034 264.665));padding:calc(var(--spacing,.25rem) * 3);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));white-space:pre;color:var(--color-gray-200,oklch(92.8% .006 264.531));overflow-x:auto}.before-after-prose .before-after-text{margin:calc(var(--spacing,.25rem) * 0);background-color:var(--color-white,#fff);padding:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);overflow-wrap:break-word;white-space:normal;color:var(--color-gray-800,oklch(27.8% .033 256.848))}.before-after-prose .before-after-text:is(.dark *){background-color:#1e293966}@supports (color:color-mix(in lab,red,red)){.before-after-prose .before-after-text:is(.dark *){background-color:color-mix(in oklab,var(--color-gray-800,oklch(27.8% .033 256.848)) 40%,transparent)}}.before-after-prose .before-after-text:is(.dark *){color:var(--color-gray-200,oklch(92.8% .006 264.531))}.sd-abbr{cursor:help;outline:none;display:inline;position:relative}.sd-abbr-term{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:1px}@supports (color:color-mix(in lab,red,red)){.sd-abbr-term{-webkit-text-decoration-color:color-mix(in oklab,currentColor 45%,transparent);text-decoration-color:color-mix(in oklab,currentColor 45%,transparent)}}.sd-abbr-pop{z-index:40;opacity:0;visibility:hidden;pointer-events:none;border-radius:calc(var(--radius) - 2px);background-color:var(--color-gray-900,oklch(21% .034 264.665));width:max-content;max-width:20rem;padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2);--tw-leading:var(--leading-snug,1.375);font-size:.85rem;line-height:var(--leading-snug,1.375);--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-gray-50,oklch(98.5% .002 247.839));--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);margin-bottom:6px;transition:opacity .12s,transform .12s;position:absolute;bottom:100%;left:0;transform:translateY(4px)}.sd-abbr-pop:is(.dark *){background-color:var(--color-gray-700,oklch(37.3% .034 259.733));color:var(--color-gray-50,oklch(98.5% .002 247.839))}.sd-abbr-pop:after{content:"";border:5px solid #0000;border-top-color:inherit;color:var(--color-gray-900,oklch(21% .034 264.665));position:absolute;top:100%;left:1rem}.sd-abbr-pop:after:is(){color:var(--color-gray-700,oklch(37.3% .034 259.733))}.sd-abbr:focus .sd-abbr-pop,.sd-abbr:focus-within .sd-abbr-pop,.sd-abbr:hover .sd-abbr-pop{opacity:1;visibility:visible;transform:translateY(0)}.sd-abbr:focus .sd-abbr-term,.sd-abbr:focus-within .sd-abbr-term{text-decoration-color:currentColor}.sd-tldr{margin-block:calc(var(--spacing,.25rem) * 4);gap:calc(var(--spacing,.25rem) * 1.5);border-radius:var(--radius);border-left-style:var(--tw-border-style);border-left-width:4px;border-color:var(--color-amber-400,oklch(82.8% .189 84.429));background-color:var(--color-amber-50,oklch(98.7% .022 95.277));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 3);flex-direction:column;display:flex}.sd-tldr:is(.dark *){border-color:#f99c00b3}@supports (color:color-mix(in lab,red,red)){.sd-tldr:is(.dark *){border-color:color-mix(in oklab,var(--color-amber-500,oklch(76.9% .188 70.08)) 70%,transparent)}}.sd-tldr:is(.dark *){background-color:#46190140}@supports (color:color-mix(in lab,red,red)){.sd-tldr:is(.dark *){background-color:color-mix(in oklab,var(--color-amber-950,oklch(27.9% .077 45.635)) 25%,transparent)}}.sd-tldr-tag{background-color:#fee685b3;border-radius:.25rem;width:fit-content}@supports (color:color-mix(in lab,red,red)){.sd-tldr-tag{background-color:color-mix(in oklab,var(--color-amber-200,oklch(92.4% .12 95.746)) 70%,transparent)}}.sd-tldr-tag{padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * .5);--tw-font-weight:var(--font-weight-bold,700);font-size:.7rem;font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-wide,.025em);letter-spacing:var(--tracking-wide,.025em);color:var(--color-amber-800,oklch(47.3% .137 46.201));text-transform:uppercase}.sd-tldr-tag:is(.dark *){background-color:#953d0066}@supports (color:color-mix(in lab,red,red)){.sd-tldr-tag:is(.dark *){background-color:color-mix(in oklab,var(--color-amber-800,oklch(47.3% .137 46.201)) 40%,transparent)}}.sd-tldr-tag:is(.dark *){color:var(--color-amber-200,oklch(92.4% .12 95.746))}.sd-tldr-text{margin:calc(var(--spacing,.25rem) * 0);--tw-leading:var(--leading-relaxed,1.625);font-size:.95rem;line-height:var(--leading-relaxed,1.625);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-amber-950,oklch(27.9% .077 45.635))}.sd-tldr-text:is(.dark *){color:var(--color-amber-100,oklch(96.2% .059 95.617))}.sd-deepdive{margin-block:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-violet-200,oklch(89.4% .057 293.283));background-color:#f5f3ff80;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.sd-deepdive{background-color:color-mix(in oklab,var(--color-violet-50,oklch(96.9% .016 293.756)) 50%,transparent)}}.sd-deepdive:is(.dark *){border-color:#5d0ec099}@supports (color:color-mix(in lab,red,red)){.sd-deepdive:is(.dark *){border-color:color-mix(in oklab,var(--color-violet-800,oklch(43.2% .232 292.759)) 60%,transparent)}}.sd-deepdive:is(.dark *){background-color:#2f0d6833}@supports (color:color-mix(in lab,red,red)){.sd-deepdive:is(.dark *){background-color:color-mix(in oklab,var(--color-violet-950,oklch(28.3% .141 291.089)) 20%,transparent)}}.sd-deepdive-summary{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem) * 2.5);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-violet-900,oklch(38% .189 293.745));-webkit-user-select:none;user-select:none;list-style-type:none;display:flex}.sd-deepdive-summary:is(.dark *){color:var(--color-violet-200,oklch(89.4% .057 293.283))}.sd-deepdive-summary::-webkit-details-marker{display:none}.sd-deepdive-summary:hover{background-color:#ede9fe99}@supports (color:color-mix(in lab,red,red)){.sd-deepdive-summary:hover{background-color:color-mix(in oklab,var(--color-violet-100,oklch(94.3% .029 294.588)) 60%,transparent)}}.sd-deepdive-summary:hover:is(.dark *){background-color:#4d179a40}@supports (color:color-mix(in lab,red,red)){.sd-deepdive-summary:hover:is(.dark *){background-color:color-mix(in oklab,var(--color-violet-900,oklch(38% .189 293.745)) 25%,transparent)}}.sd-deepdive-chevron{color:var(--color-violet-500,oklch(60.6% .25 292.717))}.sd-deepdive-chevron:is(.dark *){color:var(--color-violet-400,oklch(70.2% .183 293.541))}.sd-deepdive-chevron{transition:transform .15s}.sd-deepdive[open] .sd-deepdive-chevron{transform:rotate(90deg)}.sd-deepdive-badge{background-color:#ddd6ffb3;border-radius:.25rem;flex-shrink:0}@supports (color:color-mix(in lab,red,red)){.sd-deepdive-badge{background-color:color-mix(in oklab,var(--color-violet-200,oklch(89.4% .057 293.283)) 70%,transparent)}}.sd-deepdive-badge{padding-inline:calc(var(--spacing,.25rem) * 1.5);padding-block:calc(var(--spacing,.25rem) * .5);--tw-font-weight:var(--font-weight-bold,700);font-size:.65rem;font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-wide,.025em);letter-spacing:var(--tracking-wide,.025em);color:var(--color-violet-700,oklch(49.1% .27 292.581));text-transform:uppercase}.sd-deepdive-badge:is(.dark *){background-color:#5d0ec066}@supports (color:color-mix(in lab,red,red)){.sd-deepdive-badge:is(.dark *){background-color:color-mix(in oklab,var(--color-violet-800,oklch(43.2% .232 292.759)) 40%,transparent)}}.sd-deepdive-badge:is(.dark *){color:var(--color-violet-200,oklch(89.4% .057 293.283))}.sd-deepdive-title{color:var(--color-violet-900,oklch(38% .189 293.745))}.sd-deepdive-title:is(.dark *){color:var(--color-violet-100,oklch(94.3% .029 294.588))}.sd-deepdive-body{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-violet-200,oklch(89.4% .057 293.283));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 3)}.sd-deepdive-body:is(.dark *){border-color:#5d0ec099}@supports (color:color-mix(in lab,red,red)){.sd-deepdive-body:is(.dark *){border-color:color-mix(in oklab,var(--color-violet-800,oklch(43.2% .232 292.759)) 60%,transparent)}}.sd-deepdive-body>:first-child{margin-top:0}.sd-deepdive-body>:last-child{margin-bottom:0}.sd-scenario{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 3);border-radius:var(--radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--muted);display:flex}@supports (color:color-mix(in lab,red,red)){.sd-scenario{background-color:color-mix(in oklab,var(--muted) 40%,transparent)}}.sd-scenario{padding:calc(var(--spacing,.25rem) * 3)}.sd-scenario-day{margin-top:calc(var(--spacing,.25rem) * .5);border-radius:calc(var(--radius) - 2px);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * .5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);flex-shrink:0}.sd-scenario-text{margin:calc(var(--spacing,.25rem) * 0);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625)}.learning-objectives-card{margin-block:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-sky-200,oklch(90.1% .058 230.902));background-color:var(--color-sky-50,oklch(97.7% .013 236.62));padding:calc(var(--spacing,.25rem) * 4)}.learning-objectives-card:is(.dark *){border-color:var(--color-sky-800,oklch(44.3% .11 240.79));background-color:#052f4a4d}@supports (color:color-mix(in lab,red,red)){.learning-objectives-card:is(.dark *){background-color:color-mix(in oklab,var(--color-sky-950,oklch(29.3% .066 243.157)) 30%,transparent)}}.learning-objectives-title{margin-bottom:calc(var(--spacing,.25rem) * 3);align-items:center;gap:calc(var(--spacing,.25rem) * 2);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-sky-700,oklch(50% .134 242.749));display:flex}.learning-objectives-title:is(.dark *){color:var(--color-sky-300,oklch(82.8% .111 230.318))}:where(.learning-objectives-list>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}.learning-objectives-list{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);color:var(--color-sky-800,oklch(44.3% .11 240.79))}.learning-objectives-list:is(.dark *){color:var(--color-sky-200,oklch(90.1% .058 230.902))}.learning-objectives-list li{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 2);display:flex}.learning-objectives-list li:before{content:"○";margin-top:calc(var(--spacing,.25rem) * .5);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-sky-500,oklch(68.5% .169 237.323));flex-shrink:0}.techTab{color:var(--color-gray-600,oklch(44.6% .03 256.802))}@media (hover:hover){.techTab:hover{background-color:var(--color-gray-800,oklch(27.8% .033 256.848));color:var(--color-white,#fff)}.techTab:is(.dark *):hover{background-color:var(--color-white,#fff);color:var(--color-black,#000)}}.techTab:hover p{color:var(--color-white,#fff)}.techTab:hover p:is(.dark *){color:var(--color-black,#000)}.techTab-active{background-color:var(--color-gray-800,oklch(27.8% .033 256.848));color:var(--color-white,#fff)}.techTab-active:is(.dark *){background-color:var(--color-white,#fff);color:var(--color-black,#000)}.techTab-active p{color:var(--color-white,#fff)}.techTab-active p:is(.dark *){color:var(--color-black,#000)}.el-animator{margin-block:calc(var(--spacing,.25rem) * 6);border-radius:calc(var(--radius) + 4px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));background-color:var(--color-white,#fff);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);overflow:hidden}.el-animator:is(.dark *){border-color:var(--color-gray-700,oklch(37.3% .034 259.733));background-color:var(--color-gray-800,oklch(27.8% .033 256.848))}.el-header{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));background-color:var(--color-gray-50,oklch(98.5% .002 247.839));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);flex-wrap:wrap;display:flex}.el-header:is(.dark *){border-color:var(--color-gray-700,oklch(37.3% .034 259.733));background-color:var(--color-gray-900,oklch(21% .034 264.665))}.el-title-text{align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}.el-step-counter{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--color-gray-500,oklch(55.1% .027 264.364))}.el-step-counter:is(.dark *){color:var(--color-gray-400,oklch(70.7% .022 261.325))}.el-controls{align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));background-color:var(--color-gray-50,oklch(98.5% .002 247.839));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;display:flex}.el-controls:is(.dark *){border-color:var(--color-gray-700,oklch(37.3% .034 259.733));background-color:var(--color-gray-900,oklch(21% .034 264.665))}.el-btn{align-items:center;gap:calc(var(--spacing,.25rem) * 1);border-radius:calc(var(--radius) - 2px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300,oklch(87.2% .01 258.338));background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * 1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));display:inline-flex}@media (hover:hover){.el-btn:hover{background-color:var(--color-gray-100,oklch(96.7% .003 264.542))}}.el-btn:disabled{cursor:not-allowed;opacity:.4}.el-btn:is(.dark *){border-color:var(--color-gray-600,oklch(44.6% .03 256.802));background-color:var(--color-gray-800,oklch(27.8% .033 256.848))}@media (hover:hover){.el-btn:is(.dark *):hover{background-color:var(--color-gray-700,oklch(37.3% .034 259.733))}}.el-speed{align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--color-gray-500,oklch(55.1% .027 264.364));margin-left:auto;display:flex}.el-speed:is(.dark *){color:var(--color-gray-400,oklch(70.7% .022 261.325))}.el-speed select{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300,oklch(87.2% .01 258.338));background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem) * 1.5);padding-block:calc(var(--spacing,.25rem) * .5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));border-radius:.25rem}.el-speed select:is(.dark *){border-color:var(--color-gray-600,oklch(44.6% .03 256.802));background-color:var(--color-gray-800,oklch(27.8% .033 256.848))}.el-code-panel{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 3)}.el-code-panel:is(.dark *){border-color:var(--color-gray-700,oklch(37.3% .034 259.733))}.el-code-title{margin-bottom:calc(var(--spacing,.25rem) * 2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-wide,.025em);letter-spacing:var(--tracking-wide,.025em);color:var(--color-gray-500,oklch(55.1% .027 264.364));text-transform:uppercase}.el-code-title:is(.dark *){color:var(--color-gray-400,oklch(70.7% .022 261.325))}.el-code-block{margin:calc(var(--spacing,.25rem) * 0);border-radius:var(--radius);background-color:var(--color-gray-900,oklch(21% .034 264.665));padding:calc(var(--spacing,.25rem) * 3);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));overflow-x:auto}.el-code-line{border-radius:calc(var(--radius) - 4px);padding-inline:calc(var(--spacing,.25rem) * 1);padding-block:calc(var(--spacing,.25rem) * .5);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s;display:flex}.el-code-active{border-left-style:var(--tw-border-style);border-left-width:2px;border-color:var(--color-yellow-400,oklch(85.2% .199 91.936));background-color:#edb20033}@supports (color:color-mix(in lab,red,red)){.el-code-active{background-color:color-mix(in oklab,var(--color-yellow-500,oklch(79.5% .184 86.047)) 20%,transparent)}}.el-code-num{margin-right:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 6);text-align:right;color:var(--color-gray-500,oklch(55.1% .027 264.364));-webkit-user-select:none;user-select:none;flex-shrink:0}.el-code-text{color:var(--color-gray-200,oklch(92.8% .006 264.531))}.el-zones{gap:calc(var(--spacing,.25rem) * 3);padding:calc(var(--spacing,.25rem) * 4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative}@media (max-width:640px){.el-zones{grid-template-columns:repeat(1,minmax(0,1fr))}}.el-zone{border-radius:var(--radius);--tw-border-style:dashed;min-height:90px;padding:calc(var(--spacing,.25rem) * 3);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;border-style:dashed;border-width:2px;transition-duration:.3s}.el-zone-title{margin-bottom:calc(var(--spacing,.25rem) * 2);align-items:center;gap:calc(var(--spacing,.25rem) * 1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-wide,.025em);letter-spacing:var(--tracking-wide,.025em);text-transform:uppercase;display:flex}.zone-callStack{border-color:#05df7299}@supports (color:color-mix(in lab,red,red)){.zone-callStack{border-color:color-mix(in oklab,var(--color-green-400,oklch(79.2% .209 151.711)) 60%,transparent)}}.zone-callStack{background-color:#f0fdf480}@supports (color:color-mix(in lab,red,red)){.zone-callStack{background-color:color-mix(in oklab,var(--color-green-50,oklch(98.2% .018 155.826)) 50%,transparent)}}.zone-callStack:is(.dark *){border-color:#00a54499}@supports (color:color-mix(in lab,red,red)){.zone-callStack:is(.dark *){border-color:color-mix(in oklab,var(--color-green-600,oklch(62.7% .194 149.214)) 60%,transparent)}}.zone-callStack:is(.dark *){background-color:#032e1533}@supports (color:color-mix(in lab,red,red)){.zone-callStack:is(.dark *){background-color:color-mix(in oklab,var(--color-green-950,oklch(26.6% .065 152.934)) 20%,transparent)}}.zone-webAPIs{border-color:#ff8b1a99}@supports (color:color-mix(in lab,red,red)){.zone-webAPIs{border-color:color-mix(in oklab,var(--color-orange-400,oklch(75% .183 55.934)) 60%,transparent)}}.zone-webAPIs{background-color:#fff7ed80}@supports (color:color-mix(in lab,red,red)){.zone-webAPIs{background-color:color-mix(in oklab,var(--color-orange-50,oklch(98% .016 73.684)) 50%,transparent)}}.zone-webAPIs:is(.dark *){border-color:#f0510099}@supports (color:color-mix(in lab,red,red)){.zone-webAPIs:is(.dark *){border-color:color-mix(in oklab,var(--color-orange-600,oklch(64.6% .222 41.116)) 60%,transparent)}}.zone-webAPIs:is(.dark *){background-color:#44130633}@supports (color:color-mix(in lab,red,red)){.zone-webAPIs:is(.dark *){background-color:color-mix(in oklab,var(--color-orange-950,oklch(26.6% .079 36.259)) 20%,transparent)}}.zone-microtaskQueue{border-color:#fac80099}@supports (color:color-mix(in lab,red,red)){.zone-microtaskQueue{border-color:color-mix(in oklab,var(--color-yellow-400,oklch(85.2% .199 91.936)) 60%,transparent)}}.zone-microtaskQueue{background-color:#fefce880}@supports (color:color-mix(in lab,red,red)){.zone-microtaskQueue{background-color:color-mix(in oklab,var(--color-yellow-50,oklch(98.7% .026 102.212)) 50%,transparent)}}.zone-microtaskQueue:is(.dark *){border-color:#cd890099}@supports (color:color-mix(in lab,red,red)){.zone-microtaskQueue:is(.dark *){border-color:color-mix(in oklab,var(--color-yellow-600,oklch(68.1% .162 75.834)) 60%,transparent)}}.zone-microtaskQueue:is(.dark *){background-color:#43200433}@supports (color:color-mix(in lab,red,red)){.zone-microtaskQueue:is(.dark *){background-color:color-mix(in oklab,var(--color-yellow-950,oklch(28.6% .066 53.813)) 20%,transparent)}}.zone-macrotaskQueue{border-color:#54a2ff99}@supports (color:color-mix(in lab,red,red)){.zone-macrotaskQueue{border-color:color-mix(in oklab,var(--color-blue-400,oklch(70.7% .165 254.624)) 60%,transparent)}}.zone-macrotaskQueue{background-color:#eff6ff80}@supports (color:color-mix(in lab,red,red)){.zone-macrotaskQueue{background-color:color-mix(in oklab,var(--color-blue-50,oklch(97% .014 254.604)) 50%,transparent)}}.zone-macrotaskQueue:is(.dark *){border-color:#155dfc99}@supports (color:color-mix(in lab,red,red)){.zone-macrotaskQueue:is(.dark *){border-color:color-mix(in oklab,var(--color-blue-600,oklch(54.6% .245 262.881)) 60%,transparent)}}.zone-macrotaskQueue:is(.dark *){background-color:#16245633}@supports (color:color-mix(in lab,red,red)){.zone-macrotaskQueue:is(.dark *){background-color:color-mix(in oklab,var(--color-blue-950,oklch(28.2% .091 267.935)) 20%,transparent)}}.zone-active{--tw-border-style:solid;border-style:solid}.el-ticket{align-items:center;gap:calc(var(--spacing,.25rem) * 1);max-width:180px;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);text-overflow:ellipsis;white-space:nowrap;border-radius:3.40282e+38px;display:inline-flex;overflow:hidden}.ticket-sync{background-color:var(--color-green-200,oklch(92.5% .084 155.995));color:var(--color-green-900,oklch(39.3% .095 152.535))}.ticket-sync:is(.dark *){background-color:var(--color-green-800,oklch(44.8% .119 151.328));color:var(--color-green-100,oklch(96.2% .044 156.743))}.ticket-timer{background-color:var(--color-orange-200,oklch(90.1% .076 70.697));color:var(--color-orange-900,oklch(40.8% .123 38.172))}.ticket-timer:is(.dark *){background-color:var(--color-orange-800,oklch(47% .157 37.304));color:var(--color-orange-100,oklch(95.4% .038 75.164))}.ticket-promise{background-color:var(--color-yellow-200,oklch(94.5% .129 101.54));color:var(--color-yellow-900,oklch(42.1% .095 57.708))}.ticket-promise:is(.dark *){background-color:var(--color-yellow-800,oklch(47.6% .114 61.907));color:var(--color-yellow-100,oklch(97.3% .071 103.193))}.el-flyer{pointer-events:none;z-index:10;--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);position:absolute}.el-narration{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-gray-200,oklch(92.8% .006 264.531));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.el-narration:is(.dark *){border-color:var(--color-gray-700,oklch(37.3% .034 259.733))}.el-step-label{margin-bottom:calc(var(--spacing,.25rem) * 1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-wide,.025em);letter-spacing:var(--tracking-wide,.025em);color:var(--color-gray-500,oklch(55.1% .027 264.364));text-transform:uppercase}.el-step-label:is(.dark *){color:var(--color-gray-400,oklch(70.7% .022 261.325))}.el-description{--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);color:var(--color-gray-700,oklch(37.3% .034 259.733))}.el-description:is(.dark *){color:var(--color-gray-300,oklch(87.2% .01 258.338))}.el-analogy{margin-top:calc(var(--spacing,.25rem) * 1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-purple-600,oklch(55.8% .288 302.321));font-style:italic}.el-analogy:is(.dark *){color:var(--color-purple-300,oklch(82.7% .119 306.383))}.el-console{margin-inline:calc(var(--spacing,.25rem) * 4);margin-bottom:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius);background-color:var(--color-gray-900,oklch(21% .034 264.665));padding:calc(var(--spacing,.25rem) * 3)}.el-console-title{margin-bottom:calc(var(--spacing,.25rem) * 1.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-gray-400,oklch(70.7% .022 261.325))}.el-console-line,.el-console-title{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.el-console-line{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);color:var(--color-green-400,oklch(79.2% .209 151.711))}.el-console-empty{color:var(--color-gray-500,oklch(55.1% .027 264.364));font-style:italic}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-duration{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}

/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-font-weight:initial;--tw-leading:initial}}}@layer components{h1{margin-bottom:calc(var(--spacing,.25rem) * 4);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}@media (min-width:40rem){h1{font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25 / 1.875)))}}@media (min-width:48rem){h1{font-size:var(--text-4xl,2.25rem);line-height:var(--tw-leading,var(--text-4xl--line-height,calc(2.5 / 2.25)))}}h1{color:inherit}h2{margin-bottom:calc(var(--spacing,.25rem) * 3);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}@media (min-width:40rem){h2{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)))}}@media (min-width:48rem){h2{font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25 / 1.875)))}}h2{color:inherit}h3{margin-bottom:calc(var(--spacing,.25rem) * 2);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}@media (min-width:40rem){h3{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}}@media (min-width:48rem){h3{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)))}}h3{color:inherit}h4{margin-bottom:calc(var(--spacing,.25rem) * 1);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}@media (min-width:40rem){h4{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}}@media (min-width:48rem){h4{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}}h4{color:inherit}h5{margin-bottom:calc(var(--spacing,.25rem) * 1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}@media (min-width:40rem){h5{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}}@media (min-width:48rem){h5{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}}h5{color:inherit}h6{margin-bottom:calc(var(--spacing,.25rem) * 1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}@media (min-width:40rem){h6{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}}@media (min-width:48rem){h6{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}}h6{color:inherit}p{margin-bottom:calc(var(--spacing,.25rem) * 4);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625)}@media (min-width:40rem){p{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}}@media (min-width:48rem){p{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}}p{color:inherit}}.preview-output h1,.preview-output h2,.preview-output h3,.preview-output h4,.preview-output h5,.preview-output h6,.preview-output p{color:inherit}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}