@font-face{font-family:Raleway;src:url(/fonts/raleway-latin.woff2)format(woff2);font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Merriweather;src:url(/fonts/merriweather-latin.woff2)format(woff2);font-weight:300 900;font-style:normal;font-display:swap}@font-face{font-family:Merriweather;src:url(/fonts/merriweather-italic-latin.woff2)format(woff2);font-weight:300 900;font-style:italic;font-display:swap}:root{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--bg:#06100f;--ink:#c3d7d7;--bright:#eaf6f6;--muted:#7c9494;--accent:#5fe4f8;--edge:#96dce124;--code-bg:#00000047;--glass-fill:#0712149e;--glass-blur:blur(26px)saturate(125%);--glass-shadow:0 18px 50px #00000073,inset 0 1px 0 #ffffff0f;--float-shadow:0 10px 30px #00000073;--display:"Raleway",ui-sans-serif,"Helvetica Neue",sans-serif;--serif:"Merriweather","Iowan Old Style",Georgia,serif;--mono:ui-monospace,"SF Mono","Cascadia Code",Menlo,monospace}@media (hover:none) and (pointer:coarse){:root{--glass-fill:#071214d6;--glass-blur:none}}*{box-sizing:border-box}html{background:radial-gradient(60rem 42rem at 12% -6%,#60a5aa73,transparent 60%),linear-gradient(168deg,#17383e,#0b1c20 55%,var(--bg));background-attachment:fixed}body{color:var(--ink);font:1rem/1.75 var(--serif);-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--accent);color:#04222b}.bg-canvas{position:fixed;z-index:0;display:block;inset:0}.site-header,.toc,main{position:relative;z-index:1;background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);border-radius:4px;width:min(44rem,100% - 1.5rem);margin-inline-start:auto;margin-inline-end:auto;padding-inline-start:1.25rem;padding-inline-end:1.25rem}a{color:var(--accent);text-decoration-line:none;text-decoration-thickness:1px;text-underline-offset:3px}a:where(:hover){text-decoration-line:underline}.site-header{z-index:2;display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:.75rem;margin-bottom:clamp(1.25rem,4vh,2.5rem);padding-block-start:1.1rem;padding-block-end:1.1rem}.brand{font-family:var(--display);letter-spacing:-.01em;color:var(--bright);text-decoration:none;font-size:1.1rem;font-weight:700}.brand:hover{color:var(--accent)}.site-header nav{display:flex;font-family:var(--display);letter-spacing:.07em;text-transform:uppercase;flex-wrap:wrap;align-items: center;gap:.5rem 1.1rem;font-size:.76rem;font-weight:600}.site-header nav a{color:var(--muted);text-decoration:none}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--bright)}.site-header a.locked{color:#7c949480;position:relative}.site-header a.locked:hover{color:#7c949480}.site-header a.locked:after{content:attr(data-tip);position:absolute;z-index:3;background:var(--bright);box-shadow:var(--float-shadow);font-family:var(--serif);letter-spacing:normal;text-transform:none;color:var(--bg);pointer-events:none;opacity:0;visibility:hidden;border-radius:4px;width:max-content;max-width:14rem;padding:.45rem .65rem;font-size:.78rem;font-weight:400;line-height:1.45;top:calc(100% + .55rem);right:0}.site-header a.locked:hover:after{opacity:1;visibility:visible}.site-header a.locked:focus-visible:after{opacity:1;visibility:visible}button.nav-auth{all:unset;cursor:pointer;color:var(--muted)}button.nav-auth:hover{color:var(--bright)}.welcome-toast{position:fixed;z-index:4;border:1px solid var(--edge);box-shadow:var(--float-shadow);font-family:var(--display);letter-spacing:.03em;color:var(--bright);opacity:0;background:#0a181bf0;border-radius:4px;max-width:min(30rem,100vw - 2rem);padding:1rem 1.6rem;font-size:1rem;font-weight:600;top:120px;left:50%;transform:translate(-50%,-.75rem)}.welcome-toast.show{opacity:1;transform:translate(-50%)}.bg-cycle{display:none;gap:1.1rem}.bg-cycle button{all:unset;cursor:pointer;color:var(--muted)}.bg-cycle button[data-set=stormy]:hover,.bg-cycle button[data-set=stormy][aria-checked=true]{color:var(--accent)}.bg-cycle button[data-set=calm]:hover,.bg-cycle button[data-set=calm][aria-checked=true]{color:#6ebec8}.bg-cycle button[data-set=still]:hover,.bg-cycle button[data-set=still][aria-checked=true]{color:var(--ink)}.toc{display:none}.toc ol{list-style:none;margin:0;padding:0}.chip{all:unset;cursor:pointer;display:inline-block;color:var(--ink);font-family:var(--display);background:#ffffff0d;border-radius:4px;padding:.2rem .8rem;font-weight:600}.chip:hover:not(:disabled){color:var(--bright);background:#ffffff14}.chip:disabled{cursor:default;opacity:.35}.arrow{display:inline-block}a:hover .arrow{transform:translate(4px)}@media (min-width:74rem){.rail-card{box-shadow:var(--glass-shadow);background:#071214d6}main:-webkit-any(.post,.about) article aside{box-shadow:var(--glass-shadow);background:#071214d6}main:-moz-any(.post,.about) article aside{box-shadow:var(--glass-shadow);background:#071214d6}main:is(.post,.about) article aside{box-shadow:var(--glass-shadow);background:#071214d6}main:-webkit-any(.post,.about) article .aside{box-shadow:var(--glass-shadow);background:#071214d6}main:-moz-any(.post,.about) article .aside{box-shadow:var(--glass-shadow);background:#071214d6}main:is(.post,.about) article .aside{box-shadow:var(--glass-shadow);background:#071214d6}}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.carousel-track:focus-visible{outline:2px solid var(--accent);outline-offset:2px}main{margin-bottom:.75rem;padding-block-start:2rem;padding-block-end:2.5rem}h1,h2,h3{font-family:var(--display);letter-spacing:-.012em;color:var(--bright);text-wrap:balance;font-weight:650;line-height:1.14}h1{margin:0 0 .75rem;font-size:2.1rem}h2{margin:2.2rem 0 .6rem;font-size:1.45rem}h3{margin:1.8rem 0 .4rem;font-size:1.15rem}.meta,time{font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.hero h1{letter-spacing:-.02em;margin:0 0 1.2rem;font-size:clamp(2.4rem,6.5vw,2.8rem);font-weight:700;line-height:1.06}.hero .lede p{color:var(--muted);margin:0 0 .8rem;font-size:1.05rem}.lede p.typing:after{content:"";display:inline-block;vertical-align:-.15em;background:var(--accent);animation:caret-blink .9s steps(1)infinite;width:2px;height:1.05em;margin-left:2px}.lede p.welcome{color:var(--bright)}@keyframes caret-blink{50%{opacity:0}}.post-list{list-style:none;margin:0;padding:0}.post-list li{border-top:1px solid var(--edge);display:grid;grid-template-columns:1fr auto;align-items: center;column-gap:1rem;padding-block-start:1.35rem;padding-block-end:1.35rem}.post-list li:first-child{border-top:0}.post-list li time,article header time{font-family:var(--display);font-weight:600}.post-list li time{grid-row:1;grid-column:2}.post-list li>a{grid-row:1;grid-column:1;font-family:var(--display);color:var(--bright);text-decoration:none;justify-self:start;font-size:2rem;font-weight:600;line-height:1.25}.post-list li>a:hover{color:var(--accent)}.post-list p{grid-column:1/-1;color:var(--ink);font-size:.98rem}.post-list .subtitle{color:var(--muted);margin:.35rem 0 0;font-size:1.05rem}.post-list .continue{margin:.9rem 0 0}.post-list .continue .chip{letter-spacing:.07em;text-transform:uppercase;padding:.4rem .9rem;font-size:.72rem}.more a,.back a{font-family:var(--display);letter-spacing:.07em;text-transform:uppercase;text-decoration:none;font-size:.78rem;font-weight:600}.empty{color:var(--muted);font-style:italic}article :-webkit-any(h2,h3)[id]{scroll-margin-top:1.5rem}article :-moz-any(h2,h3)[id]{scroll-margin-top:1.5rem}article :is(h2,h3)[id]{scroll-margin-top:1.5rem}article header{margin-bottom:2.2rem}main.post article>header{display:grid;grid-template-columns:1fr auto;align-items: center;column-gap:1rem}main.post article>header>time{grid-row:1;grid-column:2}main.post article>header h1{grid-row:1;grid-column:1;margin-bottom:0}main.post article>header .subtitle,main.post article>header .updated,main.post article>header .tags{grid-column:1/-1}.subtitle{font-family:var(--display);color:var(--muted);margin:.1rem 0 .6rem;font-size:1.2rem;font-weight:500}.updated{margin:.4rem 0 0}.tags{list-style:none;display:flex;gap:.45rem;margin:.8rem 0 0;padding:0}.tags li{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--edge);border-radius:999px;padding:.05rem .55rem;font-size:.68rem}article p,article li{max-width:65ch}article ul,article ol,#about-private ul,#about-private ol{padding-left:1.1em}article ul,#about-private ul,.changelog ul{list-style:disc}pre{background:var(--code-bg);border:1px solid var(--edge);overflow-x:auto;border-radius:4px;padding:.9rem 1.05rem;font-size:.82rem;line-height:1.6}code{font-family:var(--mono);font-size:.88em}:not(pre)>code{background:var(--code-bg);border-radius:4px;padding:.08em .35em}img{border-radius:6px;max-width:100%}blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:1.2rem 0;padding-left:1.1rem}article aside,article .aside{display:block;position:relative;color:#a4b9b9;border-radius:4px;margin:1.2rem 0;padding:.95rem 1.15rem;font-size:.8rem;line-height:1.6}article aside:before,article .aside:before{content:"";position:absolute;background:var(--accent);transform-origin:top;border-radius:4px 0 0 4px;width:2px;inset:0 auto 0 0;transform:scaleY(0)}article aside p{max-width:none;margin:0 0 .55em}article aside p:last-child{margin-bottom:0}.aside-ref{text-decoration:underline dotted;text-decoration-color:var(--muted);text-underline-offset:3px;cursor:help}.aside-ref.lit{color:var(--bright);text-decoration-color:var(--accent)}main:-webkit-any(.post,.about) article aside.lit{color:var(--ink);background:#0e2024d6}main:-moz-any(.post,.about) article aside.lit{color:var(--ink);background:#0e2024d6}main:is(.post,.about) article aside.lit{color:var(--ink);background:#0e2024d6}main:-webkit-any(.post,.about) article .aside.lit{color:var(--ink);background:#0e2024d6}main:-moz-any(.post,.about) article .aside.lit{color:var(--ink);background:#0e2024d6}main:is(.post,.about) article .aside.lit{color:var(--ink);background:#0e2024d6}main:-webkit-any(.post,.about) article aside.lit:before{transform:scaleY(1)}main:-moz-any(.post,.about) article aside.lit:before{transform:scaleY(1)}main:is(.post,.about) article aside.lit:before{transform:scaleY(1)}main:-webkit-any(.post,.about) article .aside.lit:before{transform:scaleY(1)}main:-moz-any(.post,.about) article .aside.lit:before{transform:scaleY(1)}main:is(.post,.about) article .aside.lit:before{transform:scaleY(1)}hr{border:0;border-top:1px solid var(--edge);margin:2.5rem 0}.back{margin-top:3.5rem}#about-private,.builds{border-top:1px solid var(--edge);margin-top:2.5rem;padding-top:1.5rem}.builds{container-type:inline-size}.project-links{list-style:none;display:flex;font-family:var(--display);letter-spacing:.07em;text-transform:uppercase;gap:1.1rem;margin:.8rem 0 0;padding:0;font-size:.78rem;font-weight:600}.carousel{margin:2rem 0 0}.carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:6px;gap:1rem}.carousel-track::-webkit-scrollbar{display:none}.carousel-track figure{scroll-snap-align:center;flex:0 0 100%;margin:0}.carousel-track img{display:block;aspect-ratio:16/9;object-fit:cover;cursor:zoom-in;width:100%}.carousel-track figcaption{margin:0 0 .45rem}.carousel-nav{display:flex;justify-content:center;align-items: center;gap:1.1rem;margin-top:.45rem}.lightbox{border:1px solid var(--edge);background:var(--bg);overflow:hidden;border-radius:6px;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);padding:0}.lightbox img{display:block;object-fit:contain;cursor:zoom-out;max-width:calc(100vw - 2rem - 2px);max-height:calc(100vh - 2rem - 2px)}.lightbox::backdrop{backdrop-filter:blur(4px);background:#030a0ab8}.lightbox-close{all:unset;position:absolute;cursor:pointer;color:var(--bright);font-family:var(--display);background:#00000073;border-radius:4px;padding:0 .45rem;font-size:1.3rem;line-height:1.4;top:.4rem;right:.55rem}.lightbox-close:hover{background:#000000b3}main.project article header{display:grid;grid-template-columns:1fr auto;align-items: center;column-gap:1rem}main.project article header>*{grid-column:1}main.project article header .run-project{grid-row:1;grid-column:2}.run-project{color:var(--accent);text-decoration:none;font-family:var(--display);letter-spacing:.03em;white-space:nowrap;background:#5fe4f812;border-radius:4px;padding:.45rem .95rem;font-size:.8rem;font-weight:600}.run-project:hover{background:#5fe4f81c}.build-status{color:var(--muted);font-style:italic}.build-timeline{list-style:none;position:relative;margin:1.1rem 0 0;padding:0}.build-timeline:before{content:"";position:absolute;background:var(--edge);width:1px;top:.5lh;bottom:.4rem;left:4px}.build-timeline>li{position:relative;display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:1rem;padding:0 0 1.4rem 1.5rem}.build-timeline>li:last-child{padding-bottom:.25rem}.build-timeline>li>time{grid-row:1;grid-column:2;text-align:right;color:color-mix(in srgb,var(--muted)60%,transparent);font-size:.64rem}.build-timeline .changelog{grid-column:1/-1}.build-timeline>li:before{content:"";position:absolute;background:#96dce173;border-radius:50%;width:9px;height:9px;top:calc(.5lh - 4.5px);left:0}.build-timeline>li>a{grid-row:1;grid-column:1;font-family:var(--display);color:var(--bright);text-decoration:none;justify-self:start;font-weight:600}.build-timeline>li>a:hover{color:var(--accent)}.changelog{color:var(--muted);margin-top:.35rem;font-size:.8rem;line-height:1.6}.changelog p,.changelog ul{margin:.35rem 0}.changelog ul{padding-left:1.1em}.build-timeline>li.month-marker{font-family:var(--display);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding-bottom:1.1rem;font-size:.68rem;font-weight:600}.build-timeline>li.month-marker>span{border:1px solid var(--edge);background:#ffffff0a;border-radius:999px;justify-self:start;padding:.15rem .6rem}.build-timeline>li.month-marker:before{background:var(--edge);border-radius:0;width:9px;height:1px;top:calc(.5lh - .5px)}@container (width<17.4rem){.build-timeline:before,.build-timeline>li:before,.build-timeline>li.month-marker:before{display:none}.build-timeline>li{padding-left:0}}@media (min-width:42rem){body{display:flex;justify-content:center;align-items: flex-start;gap:1.25rem;padding:1.25rem .75rem;font-size:1.0625rem}body:after{content:"";flex:0 1000 13rem}.rail{position:sticky;z-index:2;display:flex;flex-direction:column;flex:0 0 13rem;gap:1.25rem;top:1.25rem}.site-header{flex-direction:column;align-items:stretch;gap:1.4rem;width:auto;margin:0;padding:1.5rem 1.4rem}.brand{font-size:1.25rem}.site-header nav{flex-direction:column;align-items: flex-start;gap:.9rem}.bg-cycle{display:flex;border-top:1px solid var(--edge);justify-content:space-between;align-self:stretch;margin-top:.5rem;padding-top:1.1rem}.bg-cycle[hidden]{display:none}.toc{display:block;font-family:var(--display);width:auto;margin:0;padding:1.25rem 1.4rem 1.4rem;font-size:.8rem;font-weight:500;line-height:1.35}.toc-title{letter-spacing:.07em;text-transform:uppercase;color:color-mix(in srgb,var(--muted)75%,transparent);margin:0 0 .75rem;font-size:.68rem;font-weight:600}.toc>ol{overflow-y:auto;scrollbar-width:thin;max-height:max(8rem,100vh - 26rem)}.toc ol ol{margin:.4rem 0 0 .85rem;font-size:.74rem}.toc li{text-wrap:pretty}.toc li+li{margin-top:.45rem}.toc a{color:var(--muted);text-decoration:none}.toc a:hover,.toc a[aria-current]{color:var(--bright)}main{flex:0 44rem;width:auto;min-width:0;margin:0;padding-block-start:2.5rem;padding-block-end:3rem;padding-inline-start:2rem;padding-inline-end:2rem}h1{font-size:2.4rem}.site-header a.locked:after{top:50%;left:calc(100% + .75rem);right:auto;transform:translateY(-50%)}}@media (min-width:74rem){main:-webkit-any(.post,.about){--aside-w:min(18rem,50vw - 24.5rem)}main:-moz-any(.post,.about){--aside-w:min(18rem,50vw - 24.5rem)}main:is(.post,.about){--aside-w:min(18rem,50vw - 24.5rem)}main:-webkit-any(.post,.about) article{display:flow-root;position:relative}main:-moz-any(.post,.about) article{display:flow-root;position:relative}main:is(.post,.about) article{display:flow-root;position:relative}main:-webkit-any(.post,.about) article aside{float:right;clear:right;width:var(--aside-w);margin:0 calc(-1*(var(--aside-w) + 3.25rem))1.1rem 0}main:-moz-any(.post,.about) article aside{float:right;clear:right;width:var(--aside-w);margin:0 calc(-1*(var(--aside-w) + 3.25rem))1.1rem 0}main:is(.post,.about) article aside{float:right;clear:right;width:var(--aside-w);margin:0 calc(-1*(var(--aside-w) + 3.25rem))1.1rem 0}main:-webkit-any(.post,.about) article .aside{float:right;clear:right;width:var(--aside-w);margin:0 calc(-1*(var(--aside-w) + 3.25rem))1.1rem 0}main:-moz-any(.post,.about) article .aside{float:right;clear:right;width:var(--aside-w);margin:0 calc(-1*(var(--aside-w) + 3.25rem))1.1rem 0}main:is(.post,.about) article .aside{float:right;clear:right;width:var(--aside-w);margin:0 calc(-1*(var(--aside-w) + 3.25rem))1.1rem 0}main:-webkit-any(.post,.about) article.aside-aligned aside{float:none;position:absolute;margin:0;left:calc(100% + 3.25rem)}main:-moz-any(.post,.about) article.aside-aligned aside{float:none;position:absolute;margin:0;left:calc(100% + 3.25rem)}main:is(.post,.about) article.aside-aligned aside{float:none;position:absolute;margin:0;left:calc(100% + 3.25rem)}main:-webkit-any(.post,.about) article.aside-aligned .aside{float:none;position:absolute;margin:0;left:calc(100% + 3.25rem)}main:-moz-any(.post,.about) article.aside-aligned .aside{float:none;position:absolute;margin:0;left:calc(100% + 3.25rem)}main:is(.post,.about) article.aside-aligned .aside{float:none;position:absolute;margin:0;left:calc(100% + 3.25rem)}main.project .builds{position:absolute;border-top:0;border-radius:4px;width:min(22rem,50vw - 24.5rem);margin:0;padding:1.4rem 1.3rem 1.5rem;font-size:.9rem;top:0;left:calc(100% + 1.25rem)}main.project .builds h2{margin-top:0;font-size:1.05rem}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}a,button.nav-auth{transition:color .14s}.arrow{transition:transform .18s cubic-bezier(.2,.7,.2,1.2)}.chip{transition:color .14s,background-color .14s}.site-header a.locked:after{transition:opacity .14s,visibility .14s}.aside-ref{transition:color .14s,text-decoration-color .14s}article aside,article .aside{transition:color .14s,background-color .14s}article aside:before,article .aside:before{transition:transform .2s cubic-bezier(.2,.75,.25,1)}.bg-cycle button{transition:color .14s}.welcome-toast{transition:opacity .26s,transform .26s cubic-bezier(.2,.75,.25,1)}.run-project{transition:background-color .14s}.rise{opacity:0;animation:rise .56s cubic-bezier(.2,.75,.25,1)forwards;animation-delay:calc(var(--i,0)*70ms)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@view-transition{navigation: auto;}.bg-canvas{view-transition-name:canvas}.site-header{view-transition-name:header}main{view-transition-name:main}::view-transition-old(canvas){animation:none}::view-transition-new(canvas){animation:none}::view-transition-old(main){animation:page-out .12s ease both}::view-transition-new(main){animation:page-in .24s cubic-bezier(.2,.75,.25,1)both}@keyframes page-out{to{opacity:0}}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}:root{--accent-red:#ff5d6e;--glow-cyan:0 0 18px #5fe4f847}#root{display:contents}.panel{background:var(--glass-fill);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid #0000;border-radius:4px;box-shadow:0 18px 50px #00000073}main.login{display:flex;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;view-transition-name:none;background:0 0;justify-content:center;align-items: center;min-height:65vh;padding:1.5rem}@media (min-width:42rem){main.login{min-height:calc(100vh - 2.5rem)}}.login-card{display:flex;flex-direction:column;gap:18px;width:340px;max-width:100%;padding:28px}.login-head{display:flex;flex-direction:column;gap:6px}.login-title{margin:0;font-size:1.45rem}.muted{color:var(--muted);margin:0;font-size:.85rem}.field{display:flex;flex-direction:column;gap:7px}.label{font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.error{color:var(--accent-red);margin:0;font-size:.85rem}.input{font-family:var(--mono);color:var(--bright);background:var(--code-bg);outline:none;border:1px solid #96dce124;border-radius:4px;width:100%;padding:10px 12px;transition:border-color .15s,box-shadow .15s;font-size:14px}.input:focus{border-color:#5fe4f899;box-shadow:0 0 0 3px #5fe4f81f}.btn-primary{font-family:var(--display);letter-spacing:.04em;color:#04222b;cursor:pointer;user-select:none;box-shadow:var(--glow-cyan);background:linear-gradient(#5fe4f8,#27b4d6);border:1px solid #5fe4f880;border-radius:4px;padding:9px 16px;transition:background .15s,border-color .15s,box-shadow .15s;font-size:13px;font-weight:600}.btn-primary:hover:not(:disabled){background:linear-gradient(#7eebfb,#35c4e6);border-color:#7eebfbb3;box-shadow:0 0 24px #5fe4f86b}.btn-primary:disabled{color:var(--muted);box-shadow:none;cursor:not-allowed;background:#ffffff0d;border-color:#0000}