.article-prose{color:var(--foreground);letter-spacing:0;font-size:1.0625rem;line-height:1.76}@media (width>=640px){.article-prose{font-size:1.125rem;line-height:1.78}}.article-prose>:first-child,.article-prose h2+p,.article-prose h3+p{margin-top:0}.article-prose p+p{margin-top:1.1rem}.article-prose pre,.project-detail-mdx pre{background:var(--code-background);white-space:pre;border-radius:1rem;margin:1.5rem 0;padding:1rem;overflow-x:auto}.article-prose pre code,.project-detail-mdx pre code,.article-code-block code{white-space:pre;word-break:normal;overflow-wrap:normal;background:0 0;border-radius:0;padding:0;font-size:.92rem;line-height:1.45;display:block}.article-prose pre code.hljs,.project-detail-mdx pre code.hljs,.article-code-block code.hljs{color:var(--foreground)}.article-prose :not(pre)>code,.project-detail-mdx :not(pre)>code{background:var(--surface-raised);color:var(--primary);font-family:var(--font-code-text);border-radius:.25rem;padding:.25rem .5rem;font-size:.92em}.article-prose .code-block,.project-detail-mdx .code-block{background:var(--code-background);border-radius:1rem;margin:1.5rem 0;overflow:hidden}.code-block-tablist{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.25rem;padding:.35rem .75rem 0;display:flex;overflow-x:auto}.code-block-tab{cursor:pointer;color:var(--muted-subtle);font-family:var(--font-code-text);letter-spacing:.02em;background:0 0;border:0;flex:none;padding:.55rem .65rem;font-size:.8rem;font-weight:600;transition:color .2s;position:relative}.code-block-tab:after{content:"";background:0 0;height:2px;transition:background .2s;position:absolute;bottom:0;left:.65rem;right:.65rem}@media (hover:hover){.code-block-tab:hover{color:var(--foreground-strong)}}.code-block-tab[aria-selected=true]{color:var(--primary)}.code-block-tab[aria-selected=true]:after{background:var(--primary)}.code-block-panel:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.code-block-panel-label{color:var(--muted-subtle);font-family:var(--font-code-text);letter-spacing:.02em;padding:.55rem 1rem 0;font-size:.8rem;font-weight:600;display:block}.code-block-panel+.code-block-panel{border-top:1px solid var(--border-subtle)}.article-prose .code-block pre,.project-detail-mdx .code-block pre{border-radius:0;margin:0}.article-prose .hljs-comment,.article-code-block .hljs-comment{color:var(--muted-subtle);font-style:italic}.article-prose .hljs-keyword,.article-prose .hljs-selector-tag,.article-prose .hljs-title,.article-prose .hljs-section,.article-prose .hljs-built_in,.article-prose .hljs-type,.article-code-block .hljs-keyword,.article-code-block .hljs-selector-tag,.article-code-block .hljs-title,.article-code-block .hljs-section,.article-code-block .hljs-built_in,.article-code-block .hljs-type{color:var(--primary);font-weight:700}.article-prose .hljs-string,.article-prose .hljs-attr,.article-prose .hljs-template-tag,.article-prose .hljs-template-variable,.article-code-block .hljs-string,.article-code-block .hljs-attr,.article-code-block .hljs-template-tag,.article-code-block .hljs-template-variable{color:var(--success)}.article-prose .hljs-number,.article-prose .hljs-literal,.article-prose .hljs-symbol,.article-code-block .hljs-number,.article-code-block .hljs-literal,.article-code-block .hljs-symbol{color:var(--warning)}.article-prose .hljs-variable,.article-prose .hljs-params,.article-prose .hljs-title.class_,.article-code-block .hljs-variable,.article-code-block .hljs-params,.article-code-block .hljs-title.class_,.article-prose .hljs-function,.article-prose .hljs-title.function_,.article-prose .hljs-class .hljs-title,.article-code-block .hljs-function,.article-code-block .hljs-title.function_,.article-code-block .hljs-class .hljs-title{color:var(--info)}.article-prose .hljs-meta,.article-prose .hljs-meta .hljs-keyword,.article-code-block .hljs-meta,.article-code-block .hljs-meta .hljs-keyword{color:var(--muted-subtle)}.article-prose .hljs-operator,.article-prose .hljs-punctuation,.article-code-block .hljs-operator,.article-code-block .hljs-punctuation{color:var(--muted)}.article-prose .hljs-property,.article-prose .hljs-attribute,.article-code-block .hljs-property,.article-code-block .hljs-attribute{color:var(--foreground)}.article-prose .hljs-regexp,.article-code-block .hljs-regexp{color:var(--warning)}.article-prose .hljs-name,.article-prose .hljs-tag,.article-code-block .hljs-name,.article-code-block .hljs-tag{color:var(--primary)}.article-prose .hljs-subst,.article-code-block .hljs-subst{color:var(--foreground)}.project-detail-mdx .hljs-comment{color:var(--muted-subtle);font-style:italic}.project-detail-mdx .hljs-keyword,.project-detail-mdx .hljs-selector-tag,.project-detail-mdx .hljs-title,.project-detail-mdx .hljs-section,.project-detail-mdx .hljs-built_in,.project-detail-mdx .hljs-type,.project-detail-mdx .hljs-name,.project-detail-mdx .hljs-tag{color:var(--primary);font-weight:700}.project-detail-mdx .hljs-string,.project-detail-mdx .hljs-attr,.project-detail-mdx .hljs-template-tag,.project-detail-mdx .hljs-template-variable{color:var(--success)}.project-detail-mdx .hljs-number,.project-detail-mdx .hljs-literal,.project-detail-mdx .hljs-symbol,.project-detail-mdx .hljs-regexp{color:var(--warning)}.project-detail-mdx .hljs-variable,.project-detail-mdx .hljs-params,.project-detail-mdx .hljs-title.class_,.project-detail-mdx .hljs-function,.project-detail-mdx .hljs-title.function_,.project-detail-mdx .hljs-class .hljs-title{color:var(--info)}.project-detail-mdx .hljs-meta,.project-detail-mdx .hljs-meta .hljs-keyword{color:var(--muted-subtle)}.project-detail-mdx .hljs-operator,.project-detail-mdx .hljs-punctuation{color:var(--muted)}.project-detail-mdx .hljs-property,.project-detail-mdx .hljs-attribute,.project-detail-mdx .hljs-subst{color:var(--foreground)}.article-index{z-index:30;position:fixed;bottom:1.5rem;right:1.5rem}.article-index-button{cursor:pointer;border:1px solid var(--border-default);background:var(--surface-raised);min-width:5rem;height:3rem;color:var(--foreground-strong);letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:0 1.25rem;font-size:.75rem;font-weight:700;list-style:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 12px 24px -8px #00000080,inset 0 1px 1px #ffffff0d}@media (hover:hover){.article-index-button:hover{background:var(--surface-interactive);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 16px 32px -8px #0009,inset 0 1px 1px #ffffff1a}}.article-index-button:active{transform:translateY(0)}.article-index-panel{border:1px solid var(--border-default);background:color-mix(in srgb, var(--surface-raised) 85%, transparent);backdrop-filter:blur(16px);flex-direction:column;gap:1rem;width:20rem;min-height:0;max-height:calc(100dvh - 7rem);padding:1.5rem;display:flex;position:absolute;bottom:4rem;right:0;box-shadow:0 24px 48px -12px #0009}.article-index-panel-title{color:var(--muted-subtle);letter-spacing:.15em;text-transform:uppercase;flex-shrink:0;margin:0 0 .5rem;font-size:.7rem;font-weight:800}.article-index-sidebar{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:.15rem;min-height:0;padding-left:.25rem;display:flex;position:relative;overflow-y:auto}.article-index-sidebar:before{display:none}.article-index-tree-row{cursor:pointer;border-radius:0;align-items:flex-start;gap:.4rem;padding:.5rem .75rem;transition:all .2s;display:flex;position:relative}.article-index-tree-row-desktop[data-depth="0"]{padding-left:.75rem}.article-index-tree-row-desktop[data-depth="1"]{padding-left:1.5rem}.article-index-tree-row-desktop[data-depth="2"]{padding-left:2.25rem}.article-index-tree-row-desktop[data-depth="3"]{padding-left:3rem}.article-index-tree-row-desktop[data-depth="4"]{padding-left:3.75rem}.article-index-tree-row-mobile[data-depth="0"]{padding-left:.75rem}.article-index-tree-row-mobile[data-depth="1"]{padding-left:1.5rem}.article-index-tree-row-mobile[data-depth="2"]{padding-left:2.25rem}.article-index-tree-row-mobile[data-depth="3"]{padding-left:3rem}.article-index-tree-row-mobile[data-depth="4"]{padding-left:3.75rem}.article-index-tree-row-link{color:var(--muted-subtle)}.article-index-tree-row-link:hover{background:var(--surface-interactive);color:var(--foreground-strong)}.article-index-tree-row-current{background:color-mix(in srgb, var(--primary) 6%, transparent);color:var(--primary)!important}.article-index-tree-row-current:before{content:"";background:var(--primary);border-radius:0;width:2px;position:absolute;top:.75rem;bottom:.75rem;left:0}.article-index-tree-number{min-width:1.4rem;font-family:var(--font-body-text);opacity:.6;flex:none;margin-top:.2rem;font-size:.75rem;font-weight:500}.article-index-tree-row-current .article-index-tree-number{opacity:1;font-weight:700}.article-index-tree-content{flex-direction:column;flex:1;min-width:0;display:flex}.article-index-tree-label{font-size:.925rem;line-height:1.4;transition:color .2s}.article-index-tree-label-group{font-family:var(--font-headline-text);color:var(--foreground-strong);font-size:.95rem;font-weight:700}.article-index-tree-label-heading{font-size:.875rem}.lex-order-example,.lex-reorder-diagram{--lex-order-node-size:2.6rem;--lex-order-label-size:1rem;color:var(--foreground)}.lex-order-example{--lex-order-duration:3s;margin:1.25rem 0 1.75rem}.lex-reorder-diagram{--lex-order-duration:5.4s;margin:1.5rem 0 2.5rem}.lex-order-example .lex-order-visual{--lex-order-duration:3s}.lex-order-example .lex-order-node--moved{animation-name:lex-order-front-sweep-fast}.lex-order-example .lex-order-node--placeholder{animation-name:lex-order-placeholder-hide-fast}.lex-order-example .lex-order-node--moved .lex-order-node-circle{animation:lex-order-node-flash-fast var(--lex-order-duration) ease-in-out infinite, lex-order-moved-pop-fast var(--lex-order-duration) ease-in-out infinite}.lex-order-example .lex-order-node--moved .lex-order-node-label--before{animation-name:lex-order-label-before-fast}.lex-order-example .lex-order-node--moved .lex-order-node-label--after{animation-name:lex-order-label-after-fast}@keyframes lex-order-front-sweep-fast{0%,10%{left:var(--from-left);transform:translateY(-50%)}25%,92%{left:var(--to-left);transform:translateY(-50%)}to{left:var(--from-left);transform:translateY(-50%)}}@keyframes lex-order-placeholder-hide-fast{0%,24%{opacity:1}25%,92%{opacity:0}to{opacity:1}}@keyframes lex-order-node-flash-fast{0%,25%,92%,to{background:var(--surface-muted)}40%,85%{background:color-mix(in srgb, var(--warning) 20%, var(--surface-muted))}}@keyframes lex-order-moved-pop-fast{0%,10%,92%,to{transform:scale(1)}15%,23%{transform:scale(1.15)}}@keyframes lex-order-label-before-fast{0%,25%,to{opacity:1}40%,92%{opacity:0}}@keyframes lex-order-label-after-fast{0%,25%,to{opacity:0}40%,92%{opacity:1}}.lex-reorder-grid{grid-template-columns:minmax(0,1fr);gap:.85rem;display:grid}.lex-reorder-panel{background:var(--surface-muted);border-radius:1rem;min-width:0;padding:.8rem;position:relative}.lex-reorder-panel-heading{justify-content:space-between;align-items:flex-start;gap:.75rem;min-height:1.75rem;margin-bottom:.5rem;display:flex}.lex-reorder-panel-title{color:var(--foreground-strong);font-family:var(--font-headline-text);letter-spacing:0;font-size:.98rem;font-weight:800;line-height:1.2}.lex-reorder-track,.lex-order-example-diagram{height:calc(var(--lex-order-node-size) + 1rem);min-height:calc(var(--lex-order-node-size) + 1rem);margin:0;position:relative;overflow:visible}.lex-reorder-caption{color:var(--muted-subtle);letter-spacing:0;margin:.45rem 0 0 .15rem;font-size:.8rem;font-weight:650;line-height:1.35}@media (width<=768px){.article-index-panel{width:min(20rem,100vw - 2rem)}}@media (width<=560px){.lex-order-example,.lex-reorder-diagram{--lex-order-node-size:2rem;--lex-order-label-size:.9rem}.lex-reorder-grid{gap:.6rem}.lex-reorder-panel{padding:.62rem}.lex-reorder-panel-heading{gap:.45rem;min-height:1.35rem;margin-bottom:.32rem}.lex-reorder-caption{margin-top:.38rem;margin-left:.05rem;font-size:.74rem}}.reorder-demo{--reorder-duration:4.2s;--item-height:2.6rem;--item-gap:.4rem;background:0 0;margin:1.25rem 0 1.75rem;overflow:visible}.reorder-demo-body{background:0 0;padding:.25rem 0}.reorder-demo-list-wrapper{height:calc((var(--item-height) + var(--item-gap)) * 4 - var(--item-gap));position:relative;overflow:visible}.reorder-demo-list{width:100%;height:100%;margin:0;padding:0;list-style:none;position:relative}.reorder-demo-item{width:100%;height:var(--item-height);background:var(--surface-raised);border:1px solid var(--border-default);border-radius:.5rem;justify-content:flex-start;align-items:center;padding:0 1rem;transition:border-color .3s,box-shadow .3s,transform .3s;display:flex;position:absolute;left:0;box-shadow:0 1px 3px #00000005}.reorder-demo-number{width:1.2rem;height:1.2rem;font-family:var(--font-headline-text);color:var(--foreground-strong);justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:flex;position:relative}.reorder-demo-number .num-before,.reorder-demo-number .num-after{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.reorder-demo-text{color:var(--foreground-strong);flex:1;margin-left:.75rem;font-size:.9rem;font-weight:600}.reorder-demo-cursor{width:1.25rem;height:1.25rem;color:var(--foreground-strong);z-index:10;pointer-events:none;filter:drop-shadow(0 2px 4px #00000026);position:absolute}.reorder-demo-cursor svg{width:100%;height:100%}.reorder-demo-caption{color:var(--muted-subtle);margin:.5rem 0 0 .15rem;font-size:.8rem;font-weight:650;line-height:1.35}.item-planning{top:0}.item-design{top:calc(var(--item-height) + var(--item-gap));animation:reorder-item-design var(--reorder-duration) ease-in-out infinite}.item-design .num-before{animation:reorder-num-before var(--reorder-duration) steps(1, end) infinite}.item-design .num-after{animation:reorder-num-after var(--reorder-duration) steps(1, end) infinite}.item-development{top:calc((var(--item-height) + var(--item-gap)) * 2);animation:reorder-item-development var(--reorder-duration) ease-in-out infinite}.item-development .num-before{animation:reorder-num-before var(--reorder-duration) steps(1, end) infinite}.item-development .num-after{animation:reorder-num-after var(--reorder-duration) steps(1, end) infinite}.item-deploy{top:calc((var(--item-height) + var(--item-gap)) * 3);animation:reorder-item-deploy var(--reorder-duration) ease-in-out infinite}.item-deploy .num-before{animation:reorder-num-before var(--reorder-duration) steps(1, end) infinite}.item-deploy .num-after{animation:reorder-num-after var(--reorder-duration) steps(1, end) infinite}.reorder-demo-cursor{animation:reorder-cursor-move var(--reorder-duration) ease-in-out infinite}@keyframes reorder-cursor-move{0%{opacity:0;top:80%;left:85%;transform:scale(1)}14%{opacity:1;top:75%;left:85%;transform:scale(1)}23%{top:75%;left:85%;transform:scale(.8)}35%{top:75%;left:85%;transform:scale(.8)}48%{top:25%;left:85%;transform:scale(.8)}56%{top:25%;left:85%;transform:scale(1)}76%{opacity:0;top:75%;left:90%}to{opacity:0;top:80%;left:85%}}@keyframes reorder-item-deploy{0%,23%{top:calc((var(--item-height) + var(--item-gap)) * 3);z-index:1;border-color:var(--border-default);transform:scale(1);box-shadow:0 1px 3px #00000005}29%{border-color:var(--primary);z-index:5;transform:scale(1.02);box-shadow:0 8px 16px #0000001a}35%{top:calc((var(--item-height) + var(--item-gap)) * 3);border-color:var(--primary);z-index:5;transform:scale(1.02);box-shadow:0 8px 16px #0000001a}48%{top:calc(var(--item-height) + var(--item-gap));border-color:var(--primary);z-index:5;transform:scale(1.02);box-shadow:0 8px 16px #0000001a}56%,85%{top:calc(var(--item-height) + var(--item-gap));border-color:var(--border-default);z-index:1;transform:scale(1);box-shadow:0 1px 3px #00000005}92%,to{top:calc((var(--item-height) + var(--item-gap)) * 3);z-index:1}}@keyframes reorder-item-design{0%,35%{top:calc(var(--item-height) + var(--item-gap))}48%,85%{top:calc((var(--item-height) + var(--item-gap)) * 2)}92%,to{top:calc(var(--item-height) + var(--item-gap))}}@keyframes reorder-item-development{0%,35%{top:calc((var(--item-height) + var(--item-gap)) * 2)}48%,85%{top:calc((var(--item-height) + var(--item-gap)) * 3)}92%,to{top:calc((var(--item-height) + var(--item-gap)) * 2)}}@keyframes reorder-num-before{0%,48%{opacity:1}48.01%,to{opacity:0}}@keyframes reorder-num-after{0%,48%{opacity:0}48.01%,to{opacity:1}}@media (width<=560px){.reorder-demo{--item-height:2.2rem;--item-gap:.3rem}.reorder-demo-text,.reorder-demo-number{font-size:.85rem}}@media (prefers-reduced-motion:reduce){.reorder-demo-item,.reorder-demo-number .num-before,.reorder-demo-number .num-after,.reorder-demo-cursor{animation:none!important}.reorder-demo-cursor{display:none}.item-design{top:calc((var(--item-height) + var(--item-gap)) * 2)}.item-design .num-before{opacity:0}.item-design .num-after{opacity:1}.item-development{top:calc((var(--item-height) + var(--item-gap)) * 3)}.item-development .num-before{opacity:0}.item-development .num-after{opacity:1}.item-deploy{top:calc(var(--item-height) + var(--item-gap))}.item-deploy .num-before{opacity:0}.item-deploy .num-after{opacity:1}}