:root{--accent:oklch(51.794% .22969 296.331);--accent-2:oklch(from var(--accent)l c calc(h + 270));--accent-on-text:color-mix(in oklch,var(--accent)80%,var(--text));--on-accent:var(--surface);--tint-src:var(--accent);--tint-bg:color-mix(in oklch,var(--tint-src)15%,var(--surface));--tint-text:color-mix(in oklch,var(--tint-src)80%,var(--text));--tint-border:color-mix(in oklch,var(--tint-src)25%,var(--surface));--dot-color:oklch(from var(--tint-src)l c h/.18);--dot-spacing:9px 9px;--dot-pattern:radial-gradient(var(--dot-color).5px,transparent 1px);--surface:oklch(from var(--accent).99 .01 h);--surface-2:oklch(from var(--accent-2).99 .01 h);--surface-article:oklch(1 0 100);--surface-raised:oklch(from var(--accent).95 calc(c*.18)h);--surface-recessed:oklch(from var(--accent).93 calc(c*.1)h);--surface-invert:oklch(.15 .02 270);--text:oklch(.22 .03 270);--text-muted:oklch(.5 .02 270);--feedback-warning:oklch(.7 .17 55);--feedback-error:oklch(.63 .24 27);--border:oklch(.85 .015 270);--panel-light:oklch(from var(--accent).85 calc(c*.15)h);--panel-dark:oklch(from var(--accent).58 calc(c*.22)h);--panel-inset:3px;--panel-shadow:1.5px 1.5px 0 1.5px var(--panel-dark),inset var(--panel-inset)var(--panel-inset)var(--panel-dark);--shadow-sm:0px 1px 2.5px 0px color-mix(in oklch,var(--accent)10%,var(--surface-invert)30%);--font-body:"Georgia","Lora",serif;--font-display:"Departure Mono",monospace;--font-code:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--type-body:400 1.05rem/1.7 var(--font-body);--type-h1:400 2.1rem/1.7 var(--font-display);--type-h2:400 1.7rem/1.7 var(--font-display);--type-h3:400 1.35rem/1.7 var(--font-display);--type-h4:400 1.1rem/1.7 var(--font-display);--type-ui:400 .85rem/1.7 var(--font-display);--type-ui-sm:400 .75rem/1.3 var(--font-display);--type-code:400 .88rem/1.55 var(--font-code);--ls-tight:-.04em;--ls-wide:.05em;--speed:.2s;--radius:12px;--radius-sm:8px;--content-width:1100px;--shiki-background:var(--surface);--shiki-foreground:oklch(.31 .04 258);--shiki-token-constant:#8c4351;--shiki-token-string:#485e30;--shiki-token-comment:#848cb5;--shiki-token-keyword:#007197;--shiki-token-parameter:#965027;--shiki-token-function:#3760bf;--shiki-token-string-expression:#485e30;--shiki-token-punctuation:#343b58;--shiki-token-link:#3760bf;--buncss-light:initial;--buncss-dark: ;color-scheme:light}.dark{--accent-2:oklch(from var(--accent)l c calc(h + 270));--surface:oklch(from var(--accent).2 .015 h);--surface-article:oklch(from var(--accent).17 .02 h);--surface-raised:oklch(from var(--accent).25 calc(c*.12)h);--surface-recessed:oklch(from var(--accent).2 calc(c*.08)h);--surface-invert:oklch(.9 .02 270);--text:oklch(.82 .02 270);--text-muted:oklch(.55 .02 270);--border:oklch(.32 .015 270);--panel-light:oklch(from var(--accent).3 calc(c*.12)h);--panel-dark:oklch(from var(--accent).45 calc(c*.18)h);--shadow-sm:0px 1px 4px 0px oklch(0 0 0/.4);--shiki-foreground:oklch(.82 .03 258);--shiki-token-constant:#e0af68;--shiki-token-string:#9ece6a;--shiki-token-comment:#565f89;--shiki-token-keyword:#7dcfff;--shiki-token-parameter:#e0af68;--shiki-token-function:#7aa2f7;--shiki-token-string-expression:#9ece6a;--shiki-token-punctuation:#89ddff;--shiki-token-link:#7aa2f7;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not(.light){--accent-2:oklch(from var(--accent)l c calc(h + 270));--surface:oklch(from var(--accent).2 .015 h);--surface-article:oklch(from var(--accent).17 .02 h);--surface-raised:oklch(from var(--accent).25 calc(c*.12)h);--surface-recessed:oklch(from var(--accent).24 calc(c*.1)h);--surface-invert:oklch(.9 .02 270);--text:oklch(.82 .02 270);--text-muted:oklch(.6 .02 270);--border:oklch(.32 .015 270);--panel-light:oklch(from var(--accent).3 calc(c*.12)h);--panel-dark:oklch(from var(--accent).45 calc(c*.18)h);--shadow-sm:0px 1px 4px 0px oklch(0 0 0/.4);--shiki-foreground:oklch(.82 .03 258);--shiki-token-constant:#e0af68;--shiki-token-string:#9ece6a;--shiki-token-comment:#565f89;--shiki-token-keyword:#7dcfff;--shiki-token-parameter:#e0af68;--shiki-token-function:#7aa2f7;--shiki-token-string-expression:#9ece6a;--shiki-token-punctuation:#89ddff;--shiki-token-link:#7aa2f7;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}}@font-face{font-family:Departure Mono;src:url(./fonts/DepartureMono-Regular.69db2aa7.woff2)format(woff2);font-display:swap}@font-face{font-family:Lora;font-display:swap;src:url(./fonts/Lora-Variable.69db2aa7.woff2)format(woff2)}*,*:before,*:after{box-sizing:border-box}body{background-color:var(--surface);background-image:var(--dot-pattern);background-size:var(--dot-spacing);color:var(--text);font:var(--type-body);max-width:var(--content-width);font-variant-ligatures:none;margin:0 auto;padding:2rem 1.5rem}article{background:var(--surface-article);box-shadow:var(--shadow-sm);padding:4.15rem}img{border-radius:var(--radius);display:block;max-width:100%;height:auto;margin:1.5rem auto}.no-transitions *{transition:none!important}h1,h2,h3,h4,h5,h6{color:var(--text);letter-spacing:var(--ls-tight);position:relative;margin-top:.5em;margin-bottom:.8em}h1:before{content:"# "}h2:before{content:"## "}h3:before{content:"### "}h4:before{content:"#### "}h1:before,h2:before,h3:before,h4:before{white-space:pre;color:var(--accent)}h1{font:var(--type-h1);letter-spacing:var(--ls-tight);border-bottom:3px double var(--accent);color:var(--accent);text-shadow:.5px .5px .5px oklch(from var(--accent).3 calc(c*.15)h)}h2{font:var(--type-h2);letter-spacing:var(--ls-tight);border-bottom:1px dashed var(--border)}h3{font:var(--type-h3);letter-spacing:var(--ls-tight)}h4{font:var(--type-h4);letter-spacing:var(--ls-tight)}article :-webkit-any(h1,h2,h3,h4):before{position:absolute;right:100%}article :-moz-any(h1,h2,h3,h4):before{position:absolute;right:100%}article :is(h1,h2,h3,h4):before{position:absolute;right:100%}article .heading-anchor{display:inline-flex;color:var(--accent);opacity:0;transition:opacity var(--speed);justify-content:center;align-items: center;width:1em;height:1em;margin-left:6px;transform:translateY(-.24em)scale(.9)}article :-webkit-any(h1,h2,h3,h4):hover .heading-anchor{opacity:.5}article :-moz-any(h1,h2,h3,h4):hover .heading-anchor{opacity:.5}article :is(h1,h2,h3,h4):hover .heading-anchor{opacity:.5}article .heading-anchor:hover,article .heading-anchor:focus{opacity:1!important}@media (max-width:calc(1100px + 4.5rem)){article :-webkit-any(h1,h2,h3,h4):before{position:static}article :-moz-any(h1,h2,h3,h4):before{position:static}article :is(h1,h2,h3,h4):before{position:static}}@media (max-width:768px){:root{--type-h1:400 1.6rem/1.7 var(--font-display);--type-h2:400 1.3rem/1.7 var(--font-display);--type-h3:400 1.1rem/1.7 var(--font-display);--type-h4:400 .95rem/1.7 var(--font-display)}}p{margin:0 0 1em}a{color:var(--accent);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:.25em;transition:text-underline-offset var(--speed)}a:hover{text-underline-offset:.2em}strong{color:var(--accent-on-text)}blockquote{border-radius:var(--radius);color:var(--text-muted);border:1px solid var(--tint-border);border-left:.3rem solid var(--accent);background:var(--surface);background-image:var(--dot-pattern);background-size:var(--dot-spacing);border-top-left-radius:0;border-bottom-left-radius:0;margin:1.5rem 0;padding:.75rem 1rem;font-style:italic}table{border-collapse:separate;border-spacing:2px;border-radius:var(--radius);padding:var(--panel-inset)0 0 var(--panel-inset);width:100%;margin:1.25rem 0}th,td{text-align:left;border:1px solid var(--tint-border);padding:.4rem .75rem}th{font:var(--type-ui);background:var(--tint-bg);color:var(--tint-text)}td{background:oklch(from var(--accent)l c h/.04);background-image:var(--dot-pattern);background-size:var(--dot-spacing)}tr:first-child th:first-child{border-top-left-radius:var(--radius-sm)}tr:first-child th:last-child{border-top-right-radius:var(--radius-sm)}tr:last-child td:first-child{border-bottom-left-radius:var(--radius-sm)}tr:last-child td:last-child{border-bottom-right-radius:var(--radius-sm)}hr{border:none;border-top:.125rem solid var(--panel-light);margin:2rem 0}.tml-eqn:before{content:""}.math-wrap{overflow-x:auto;width:100%;padding:0 0 .75rem}mtable{max-width:min(var(--content-width),calc(100vw - 2rem));width:100%}.gold-text{color:#0000;background:linear-gradient(#bf953f,#d7c3a4,#b38728,#afa57e,#aa771c);-webkit-background-clip:text;background-clip:text;font-weight:700}.site-header{font:var(--type-ui);margin-bottom:2rem}.site-nav{display:flex;justify-content:flex-end;align-items: center;gap:1rem}.site-footer{font:var(--type-ui-sm);color:var(--text-muted);margin-top:3rem}.site-footer hr{border-top-color:var(--panel-light)}.footer-links{display:flex;gap:.75rem}.article-meta{display:flex;font:var(--type-ui);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items: center;gap:.3rem .75rem;margin-bottom:1.5rem}.article-date{line-height:1.4rem}.article-updated{opacity:.7}.article-tags{display:flex;flex-wrap:wrap;gap:.3rem}@media (max-width:calc(1100px + 4.5rem)){article{padding:4.15rem 1.5rem}}@media (max-width:768px){body:has(article){padding-left:0;padding-right:0}body:has(article) .site-header{padding-left:1.5rem;padding-right:1.5rem}body:has(article) .site-footer{padding-left:1.5rem;padding-right:1.5rem}body:has(.listings-page){padding-left:0;padding-right:0}body:has(.listings-page) .site-header{padding-left:1.5rem;padding-right:1.5rem}body:has(.listings-page) .site-footer{padding-left:1.5rem;padding-right:1.5rem}}.front-page h1{margin-top:0}.front-page h1:before,.front-page h1:after{content:none}.home-section{display:grid;grid-template-columns:1fr;border-top:2px dotted var(--border);gap:1rem;padding:2.5rem 0}.front-page h1+.home-section{border-top:none;padding-top:0}@media (min-width:768px){.home-section{grid-template-columns:5rem 1fr;gap:3rem}}@media (max-width:768px){.home-section{padding:1.5rem 0}}.home-section h2{font:var(--type-ui);text-transform:uppercase;color:var(--text-muted);border:none;margin:0;padding:0}.home-section h2:before,.home-section h2:after{content:none}.section-content{min-width:0}.subtitle{font:var(--type-body);color:var(--text);margin:0}.social-links{display:flex;gap:1rem;margin-bottom:2.5rem}.listings{list-style:none;margin:0;padding:0}.listing{border-bottom:2px dotted var(--border)}.listing:first-child .listing-link{padding-top:0}.listing-link{display:flex;color:inherit;text-decoration:none;transition:transform var(--speed);align-items:baseline;gap:1rem;padding:1.25rem 0}.listing-link:hover{transform:translate(4px)}.listing-num{font:var(--type-h2);color:var(--border);text-align:right;transition:color var(--speed);min-width:2.5rem;transform:translateY(.15rem)}.listing-link:hover .listing-num{color:var(--text-muted)}.listing .listing-title{font:var(--type-h3);letter-spacing:var(--ls-tight);color:var(--text);transition:color var(--speed);margin:0}.listing .listing-title:before{content:none}.listing-link:hover .listing-title{color:var(--accent)}.listing-content{display:flex;flex-direction:column;flex:1;gap:.4rem;width:100%;min-width:0}.listing-header{display:flex;justify-content:space-between;align-items:baseline;gap:.2rem 1rem}.listing .listing-desc{font:var(--type-body);color:var(--text-muted);margin:0;line-height:1.4}.listing .listing-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.2rem}.listing .tag-inline{font:var(--type-ui-sm);color:var(--text-muted);background:var(--surface-recessed);border-radius:var(--radius-sm);transition:color var(--speed),background var(--speed);padding:.15rem .4rem}.listing-link:hover .tag-inline{color:oklch(from var(--text)l c h/.8);background:var(--surface-raised)}.listing-badge{font:var(--type-ui-sm);color:var(--text-muted);background:var(--surface-recessed);border-radius:var(--radius-sm);vertical-align:middle;transition:background var(--speed),color var(--speed);margin-left:.7rem;padding:.06rem .5rem}.listing-link:hover .listing-badge{color:var(--accent-2);background:color-mix(in oklch,var(--accent-2)12%,var(--surface-2))}.listing .listing-date{font:var(--type-ui-sm);color:var(--text-muted);white-space:nowrap;padding-right:.5rem;transform:translateY(-.2rem)}.all-articles-link{display:inline-block;color:var(--text-muted);margin-top:2rem}.listings-page{background:var(--surface-article);box-shadow:var(--shadow-sm);padding:3rem}.listings-page .article-tags{margin-left:auto;padding-bottom:.5rem}@media (max-width:calc(1100px + 4.5rem)){.listings-page{padding:3rem 1.5rem}}.tag-page-title:before{content:""}.btn{font:var(--type-ui-sm);color:var(--text);--surface:oklch(from var(--btn-accent,var(--accent)).99 .01 h);border:1px solid oklch(from var(--btn-accent,var(--accent))l c h/.3);background:color-mix(in oklch,var(--btn-accent,var(--accent))12%,var(--surface));border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.02em;transition:background var(--speed),transform var(--speed),box-shadow var(--speed);display:inline-flex;justify-content:center;align-items: center;padding:.3em 1em}.dark .btn{--surface:oklch(from var(--btn-accent,var(--accent)).2 .015 h)}@media (prefers-color-scheme:dark){:root:not(.light) .btn{--surface:oklch(from var(--btn-accent,var(--accent)).2 .015 h)}}.btn:hover:not(:disabled){background:color-mix(in oklch,var(--btn-accent,var(--accent))6%,var(--surface));box-shadow:inset 1.5px 1.5px 0 var(--surface),2px 2px 0 oklch(from var(--btn-accent,var(--accent)).3 calc(c*.15)h);transform:translateY(-1px)translate(-1px)}.btn:active:not(:disabled){box-shadow:inset 1.5px 1.5px 0 oklch(from var(--btn-accent,var(--accent)).3 calc(c*.15)h),0px 0px 0 oklch(from var(--btn-accent,var(--accent)).3 calc(c*.15)h);transform:translateY(1px)translate(1px)}.btn:disabled{opacity:.4;cursor:default;transform:none}.tag{text-decoration:none;padding:.2rem .5rem}.tag:before{content:"#";color:var(--accent)}.tag:after{content:none}.tag:nth-of-type(2n){--btn-accent:var(--accent-2)}.tag:nth-of-type(2n):before{color:var(--accent-2)}.tag-list{display:flex;list-style:none;flex-wrap:wrap;gap:.5rem;margin:0;padding:0}.tag-count{font:var(--type-ui-sm);color:var(--text-muted);margin-left:.25rem}.filter-bar{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}.filter{padding:.15rem .5rem}.filter:before{content:"#";color:var(--accent);margin-right:.15rem}.filter.active:before{color:var(--on-accent)}.filter.active{background:var(--accent);color:var(--on-accent);box-shadow:inset 1.5px 1.5px 0 var(--surface),2px 2px 0 oklch(from var(--accent).3 calc(c*.15)h);transform:translateY(-1px)translate(-1px)}.filter.active:hover{background:var(--accent);color:var(--on-accent)}.icon{box-sizing:border-box;display:inline-block;position:relative;font-size:inherit;vertical-align:middle;text-indent:-9999px;transition:color var(--speed);width:1em;height:1em;font-style:normal}.icon-copy:before{content:"";position:absolute;border:.1rem solid #0000;border-color:currentColor #0000 #0000 currentColor;border-radius:.1em;width:.7em;height:.8em;top:40%;left:40%;transform:translate(-50%,-50%)}.icon-copy:after{content:"";position:absolute;border:.1rem solid;border-radius:2px;width:.7em;height:.8em;top:60%;left:60%;transform:translate(-50%,-50%)}.icon-check:before{content:"";position:absolute;border-top:0;border-bottom:.1rem solid;border-left:.1rem solid;border-right:0;width:.9em;height:.5em;top:50%;left:50%;transform:translate(-50%,-.375em)rotate(-45deg)}.icon-danger{transform:rotate(180deg)}.icon-info:after,.icon-danger:after,.icon-warning:after{content:"";display:block;mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor'><circle cx='8' cy='8' r='7.3' stroke-width='1.4' vector-effect='non-scaling-stroke'/><line x1='8' y1='7' x2='8' y2='12' stroke-width='1.4' stroke-linecap='round' vector-effect='non-scaling-stroke'/><line x1='8' y1='4' x2='8' y2='4' stroke-width='1.4' stroke-linecap='round' vector-effect='non-scaling-stroke'/></svg>");mask-repeat:no-repeat;mask-size:contain;background:currentColor;width:1em;height:1em}.icon-info:before,.icon-danger:before,.icon-warning:before{aspect-ratio:1;height:.1rem;margin-bottom:.11rem}.icon-warning:after{mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.5 16' fill='none' stroke='currentColor'><path d='M9.25 0.75l8.5 14.5H0.75L9.25 0.75z' stroke-width='1.4' stroke-linejoin='round' vector-effect='non-scaling-stroke'/><line x1='9.25' y1='5.5' x2='9.25' y2='10.5' stroke-width='1.4' stroke-linecap='round' vector-effect='non-scaling-stroke'/><line x1='9.25' y1='13.25' x2='9.25' y2='13.25' stroke-width='1.4' stroke-linecap='round' vector-effect='non-scaling-stroke'/></svg>");width:1.125em}.icon-moon,.icon-moon:after{display:block;box-sizing:border-box;border-radius:50%}.icon-moon{overflow:hidden;position:relative;border:2px solid;border-bottom-color:#0000;width:20px;height:20px;margin:2px;transform:rotate(-135deg)}.icon-moon:after{content:"";position:absolute;border:2px solid #0000;width:12px;height:12px;top:8px;left:2px;box-shadow:0 0 0 2px}.icon-sun{box-sizing:border-box;position:relative;display:block;background:linear-gradient(currentColor 4px,#0000 0) 5px -6px/2px 6px no-repeat,linear-gradient(currentColor 4px,#0000 0) 5px 14px/2px 6px no-repeat,linear-gradient(currentColor 4px,#0000 0) -8px 5px/6px 2px no-repeat,linear-gradient(currentColor 4px,#0000 0) 14px 5px/6px 2px no-repeat;border:6px solid #0000;border-radius:100px;width:24px;height:24px;box-shadow:inset 0 0 0 2px}.icon-sun:after,.icon-sun:before{content:"";display:block;box-sizing:border-box;position:absolute;border-left:4px solid;border-right:4px solid;width:24px;height:2px;top:5px;left:-6px}.icon-sun:before{transform:rotate(-45deg)}.icon-sun:after{transform:rotate(45deg)}.icon-link{box-sizing:border-box;position:relative;display:block;background:currentColor;border-radius:4px;width:8px;height:2px;transform:rotate(-45deg)}.icon-link:after,.icon-link:before{content:"";display:block;box-sizing:border-box;position:absolute;border:2px solid;border-radius:3px;width:8px;height:10px;top:-4px}.icon-link:before{border-right:0;border-top-left-radius:40px;border-bottom-left-radius:40px;left:-6px}.icon-link:after{border-left:0;border-top-right-radius:40px;border-bottom-right-radius:40px;right:-6px}.icon-shadows{box-sizing:border-box;position:relative;display:block;overflow:hidden;border:2px solid #0000;border-radius:100px;width:16px;height:16px;margin:4px;box-shadow:0 0 0 2px}.icon-shadows:before{content:"";display:block;box-sizing:border-box;position:absolute;background:repeating-linear-gradient(currentColor,currentColor 2px,#0000 0 3px);width:6px;height:14px;top:-1px;right:0}.icon-shadows:after{content:"";display:block;box-sizing:border-box;position:absolute;background:currentColor;width:6px;height:14px;left:0}.accent-picker{position:relative}#accent-toggle{display:flex;cursor:pointer;opacity:.7;transition:opacity var(--speed);background:0 0;border:none;align-items: center;padding:0}#accent-toggle:hover{opacity:1}.accent-dot{display:block;background:var(--accent);border:2px solid var(--panel-light);transition:border-color var(--speed);border-radius:50%;width:18px;height:18px}#accent-toggle:hover .accent-dot{border-color:var(--accent)}.accent-menu{display:none;position:absolute;background:var(--surface);border:1px solid var(--tint-border);border-radius:var(--radius-sm);grid-template-columns:repeat(3,1fr);box-shadow:var(--shadow-sm);z-index:100;gap:.4rem;padding:.5rem;top:calc(100% + .5rem);right:0}.accent-menu.open{display:grid}.accent-swatch{background:var(--swatch);cursor:pointer;transition:transform var(--speed),border-color var(--speed);border:2px solid #0000;border-radius:50%;width:26px;height:26px;padding:0}.accent-swatch:hover{border-color:oklch(from var(--swatch)l c h/.5);transform:scale(1.15)}#theme-toggle{font-family:var(--font-display);cursor:pointer;opacity:.7;transition:opacity var(--speed);color:var(--accent);background:0 0;border:none;padding:0;font-size:1.1rem;line-height:1;transform:scale(.8)}#theme-toggle:hover{opacity:1}#theme-toggle .icon-moon,#theme-toggle .icon-sun{display:none}#theme-toggle .icon-shadows,.light #theme-toggle .icon-sun{display:block}.light #theme-toggle .icon-moon,.light #theme-toggle .icon-shadows{display:none}.dark #theme-toggle .icon-moon{display:block}.dark #theme-toggle .icon-sun,.dark #theme-toggle .icon-shadows{display:none}pre{tab-size:4;font:var(--type-code);margin:1.25rem 0}:not(.code-wrap)>code{display:inline;background-color:var(--surface-raised);color:var(--accent-on-text);border-radius:var(--radius-sm);font-size:.88em;font-family:var(--font-code);box-shadow:0 0 0 1px oklch(from var(--text)l c h/.15);width:auto;padding:.2em .4em}code{font-family:var(--font-code)}.code-wrap{overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--tint-border);background-image:var(--dot-pattern);background-size:var(--dot-spacing);--code-wrap-padding-vertical:.75rem;padding:var(--code-wrap-padding-vertical)0}.code-wrap>code{counter-reset:line;display:grid;grid-template-columns:[num]auto [content]1fr;position:relative;z-index:2;width:-moz-fit-content;width:fit-content}.code-wrap>code:after,.code-wrap>code:before,.line:before{content:"";grid-column:num;font-family:var(--font-display);position:sticky;z-index:1;text-align:right;user-select:none;color:var(--tint-text);border-right:1px solid var(--tint-border);background-color:var(--shiki-background);opacity:.8;padding-left:.75rem;padding-right:.75rem;left:0}.code-wrap>code:before{margin-top:calc(-1*var(--code-wrap-padding-vertical));height:var(--code-wrap-padding-vertical)}.code-wrap>code:after{margin-bottom:calc(-1*var(--code-wrap-padding-vertical));height:var(--code-wrap-padding-vertical)}.line{display:contents}.line:before{grid-column:num;counter-increment:line;content:counter(line)}.line-tokens{grid-column:content;white-space:pre;padding-left:.5rem}.code-collapse-summary{display:contents;cursor:pointer;user-select:none;font-family:inherit}.summary-icon{grid-column:num;text-align:right;border:1px solid oklch(from var(--accent)l c h/.3);position:sticky;z-index:2;transition:background-color var(--speed);display:flex;border-left:0;justify-content:end;align-items: center;margin-top:-1px;padding-left:.75rem;padding-right:.75rem;font-size:.6em;line-height:1.8;left:0}.summary-icon,.summary-title{background-color:oklch(from var(--accent)l c h/.08);color:var(--tint-text)}.code-collapse-summary:hover .summary-icon,.code-collapse-summary:hover .summary-title{background-color:oklch(from var(--accent)l c h/.15);color:var(--accent-on-text)}.summary-title{grid-column:content;display:flex;position:relative;border-top:1px solid oklch(from var(--accent)l c h/.3);border-bottom:1px solid oklch(from var(--accent)l c h/.3);transition:background-color var(--speed);align-items: center;margin-top:-1px;padding:.3rem .5rem;font-size:.85em;font-style:normal;font-weight:500}.summary-title .summary-offset{font:var(--type-code);line-height:0}.summary-title:after{content:var(--title)}.summary-icon:before{content:"";mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Im04LjE3Ny42NzcgMi44OTYgMi44OTZhLjI1LjI1IDAgMCAxLS4xNzcuNDI3SDguNzV2MS4yNWEuNzUuNzUgMCAwIDEtMS41IDBWNEg1LjEwNGEuMjUuMjUgMCAwIDEtLjE3Ny0uNDI3TDcuODIzLjY3N2EuMjUuMjUgMCAwIDEgLjM1NCAwWk03LjI1IDEwLjc1YS43NS43NSAwIDAgMSAxLjUgMFYxMmgyLjE0NmEuMjUuMjUgMCAwIDEgLjE3Ny40MjdsLTIuODk2IDIuODk2YS4yNS4yNSAwIDAgMS0uMzU0IDBsLTIuODk2LTIuODk2QS4yNS4yNSAwIDAgMSA1LjEwNCAxMkg3LjI1di0xLjI1Wm0tNS0yYS43NS43NSAwIDAgMCAwLTEuNWgtLjVhLjc1Ljc1IDAgMCAwIDAgMS41aC41Wk02IDhhLjc1Ljc1IDAgMCAxLS43NS43NWgtLjVhLjc1Ljc1IDAgMCAxIDAtMS41aC41QS43NS43NSAwIDAgMSA2IDhabTIuMjUuNzVhLjc1Ljc1IDAgMCAwIDAtMS41aC0uNWEuNzUuNzUgMCAwIDAgMCAxLjVoLjVaTTEyIDhhLjc1Ljc1IDAgMCAxLS43NS43NWgtLjVhLjc1Ljc1IDAgMCAxIDAtMS41aC41QS43NS43NSAwIDAgMSAxMiA4Wm0yLjI1Ljc1YS43NS43NSAwIDAgMCAwLTEuNWgtLjVhLjc1Ljc1IDAgMCAwIDAgMS41aC41WiI+PC9wYXRoPjwvc3ZnPg==);mask-size:16px 16px;mask-repeat:no-repeat;display:block;mask-position:center center;background-repeat:no-repeat;background-color:var(--accent);width:16px;height:16px}.code-collapse-checkbox{display:none}.code-collapse-checkbox:checked+.code-collapse-summary .summary-icon:before{mask-position:center -6px;margin-top:12px}.code-fold-wrapper{display:contents}.code-collapse-checkbox:not(:checked)~.line:before,.code-collapse-checkbox:not(:checked)~.line .line-tokens,.code-collapse-checkbox:not(:checked)~.code-fold-wrapper *,.code-collapse-checkbox:not(:checked)~.code-fold-wrapper .line,.code-collapse-checkbox:not(:checked)~.code-fold-wrapper .line:before{content:"";overflow:hidden;opacity:0;border:0;height:.01px;min-height:0;max-height:.01px;margin:0;padding:0}.code-collapse-checkbox:checked~.line:before,.code-collapse-checkbox:checked~.line .line-tokens{background-color:oklch(from var(--accent)l c h/.08);filter:brightness(.97)}pre:has(button.copy){position:relative}pre button.copy{position:absolute;z-index:3;cursor:pointer;color:oklch(from var(--accent).7 calc(c*.7)h);background:0 0;border:none;padding:.3rem;top:6px;right:4px}codapi-snippet{display:block;margin-top:-1rem;margin-bottom:1.5rem}.code-runner-toolbar{display:flex;align-items: center;gap:.75em;padding:.4rem 0}.code-runner-status{font:var(--type-ui-sm);color:var(--text-muted)}.code-runner-status.running:after{content:"";animation:dots 1.2s steps(3)infinite}@keyframes dots{0%{content:"."}33%{content:".."}66%{content:"..."}}.code-runner-output{font:var(--type-code);color:var(--text);overflow-x:auto;white-space:pre-wrap;word-break:break-word;background-color:var(--shiki-background);border-radius:var(--radius-sm);border:1px solid var(--tint-border);background-image:var(--dot-pattern);background-size:var(--dot-spacing);margin:0;padding:.5rem .75rem}.code-runner-output.error{--panel-light:oklch(from var(--feedback-error).85 calc(c*.15)h);--panel-dark:oklch(from var(--feedback-error).58 calc(c*.22)h);color:var(--feedback-error)}.code-runner-output[hidden]{display:none}aside p:last-child,blockquote p:last-child,aside blockquote:last-child,aside table:last-child{margin-bottom:0}.alert{--alert-color:var(--accent);--tint-src:var(--alert-color);border-radius:var(--radius-sm);margin:1.25rem 0}.alert-warning{--alert-color:var(--feedback-warning)}.alert-caution{--alert-color:var(--feedback-error)}.alert-inner{border:1px solid var(--tint-border);border-radius:var(--radius-sm);overflow:hidden;position:relative}.alert-title{font:var(--type-ui-sm);text-transform:uppercase;letter-spacing:var(--ls-wide);background:var(--tint-bg);color:var(--tint-text);border-bottom:1px solid var(--tint-border);padding:.4rem 1rem}.alert-body{background:var(--surface);background-image:var(--dot-pattern);background-size:var(--dot-spacing);padding:.75rem 1rem}.alert-body p{position:relative;z-index:1;margin:0}gallery{display:block;max-width:800px;margin:1.5rem auto}gallery picture{display:contents}gallery figure{display:block;border-radius:var(--radius);background:var(--surface);position:relative;font-family:var(--font-display);border:1px solid var(--tint-border);border-radius:var(--radius-sm);max-width:100%;margin:0 auto}gallery .img{display:block;position:relative;border-radius:var(--radius-sm)var(--radius-sm)0 0;--grid-size:calc(var(--radius-sm)*1.72);--grid-color:var(--accent);--grid-thickness:.5px;background-color:var(--surface);background-image:linear-gradient(var(--grid-color)var(--grid-thickness),transparent var(--grid-thickness)),linear-gradient(90deg,var(--grid-color)var(--grid-thickness),transparent var(--grid-thickness));background-position:0 calc(-1*var(--radius-sm)),calc(-1*var(--radius-sm))0;background-size:var(--grid-size)var(--grid-size)}gallery figure img,gallery .img img{display:block;border-radius:var(--radius-sm)var(--radius-sm)0 0;width:100%;height:auto;margin:0}gallery figcaption{font:var(--type-ui-sm);letter-spacing:var(--ls-wide);color:var(--tint-text);text-align:center;background:var(--tint-bg);border-radius:0 0 var(--radius-sm)var(--radius-sm);padding:.5rem .75rem}gallery[layout="2col"]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}gallery[layout=carousel]{border-radius:var(--radius);overflow:hidden;background:var(--surface);font-family:var(--font-display);display:grid;grid-template-rows:1fr auto;grid-template-columns:auto 1fr auto;position:relative;border:1px solid var(--tint-border)}gallery[layout=carousel]:after{content:"";grid-row:2;grid-column:1/-1;background-color:var(--surface);background-image:var(--dot-pattern);background-size:var(--dot-spacing);border-radius:0 0 var(--radius-sm)var(--radius-sm)}gallery[layout=carousel] figure{grid-row:1;grid-column:1/-1;display:none;background:var(--surface-recessed);border-radius:var(--radius-sm)var(--radius-sm)0 0;box-shadow:none;overflow:hidden;position:static;border:none;margin:0;padding:0}gallery[layout=carousel] figure:before{content:none}gallery[layout=carousel] input:checked+label+label+figure{display:block}gallery[layout=carousel] figure img{display:block;border-radius:0;width:100%;height:auto;margin:0}gallery[layout=carousel] figcaption{border-bottom:1px solid var(--tint-border);border-radius:0}gallery[layout=carousel] label{display:none;grid-row:2;z-index:1;align-self: center;width:1.6rem;height:1.6rem;margin:.4rem .5rem;padding:0;font-size:.75rem;line-height:1}gallery[layout=carousel] input:checked+label,gallery[layout=carousel] input:checked+label+label{display:inline-flex}gallery[layout=carousel] label.left{grid-column:1}gallery[layout=carousel] label.left:before{content:"<"}gallery[layout=carousel] label.right{grid-column:3}gallery[layout=carousel] label.right:before{content:">"}gallery[layout=carousel] input[type=radio]{grid-row:2;grid-column:2;transform:translateX(calc((var(--i) - (var(--count) + 1)/2)*1.5rem));appearance:none;cursor:pointer;color:var(--tint-border);transition:color var(--speed),transform var(--speed);z-index:1;place-self: center;width:1rem;height:1rem;margin:0;padding:0;font-size:1rem;line-height:1}gallery[layout=carousel] input[type=radio]:before{content:"✦";font-family:var(--font-display)}gallery[layout=carousel] input[type=radio]:hover{color:var(--tint-border);transform:translateX(calc((var(--i) - (var(--count) + 1)/2)*1.5rem))scale(1.15)}gallery[layout=carousel] input[type=radio]:checked{color:var(--accent);transform:translateX(calc((var(--i) - (var(--count) + 1)/2)*1.5rem))scale(1.2)}.dark .dark-invert{filter:invert()}@media (prefers-color-scheme:dark){:root:not(.light) .dark-invert{filter:invert()}}