@font-face{font-family:Zen;src:url(/_next/static/media/Zen-Variable.9cedbc08.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Zen;src:url(/_next/static/media/Zen-Italic-Variable.0eaee751.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Zen Mono;src:url(/_next/static/media/ZenMono-Variable.faf9ba31.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Zen Mono;src:url(/_next/static/media/ZenMono-Italic-Variable.9f28a50e.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Zen Pixel Circle;src:url(/_next/static/media/ZenPixel-Circle.86e5f512.woff2) format("woff2");font-style:normal;font-display:swap}@font-face{font-family:Zen Pixel Grid;src:url(/_next/static/media/ZenPixel-Grid.68b6899d.woff2) format("woff2");font-style:normal;font-display:swap}@font-face{font-family:Zen Pixel Line;src:url(/_next/static/media/ZenPixel-Line.ce94def6.woff2) format("woff2");font-style:normal;font-display:swap}@font-face{font-family:Zen Pixel Square;src:url(/_next/static/media/ZenPixel-Square.490782df.woff2) format("woff2");font-style:normal;font-display:swap}@font-face{font-family:Zen Pixel Triangle;src:url(/_next/static/media/ZenPixel-Triangle.8819b4b4.woff2) format("woff2");font-style:normal;font-display:swap}:root{--font-zen-sans:"Zen";--font-zen-mono:"Zen Mono";--font-zen-pixel-circle:"Zen Pixel Circle";--font-zen-pixel-grid:"Zen Pixel Grid";--font-zen-pixel-line:"Zen Pixel Line";--font-zen-pixel-square:"Zen Pixel Square";--font-zen-pixel-triangle:"Zen Pixel Triangle";--page-max:64rem;--post-max:80rem;--aside-w:350px}*,:after,:before{box-sizing:border-box;border-color:var(--border)}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--background);color:var(--foreground);font-family:Zen,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{text-decoration:none}a,button{color:inherit}button{font:inherit;background:none;border:0;padding:0;cursor:pointer}img,video{max-width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;padding:1rem 1.5rem;border-bottom:1px solid color-mix(in oklab,var(--border) 50%,transparent);background:color-mix(in oklab,var(--background) 95%,transparent)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.nav{background:color-mix(in oklab,var(--background) 60%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.footer__inner,.nav__inner{max-width:var(--page-max);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.nav__brand{display:flex;align-items:center;gap:.5rem;transition:opacity .15s}.nav__brand:hover{opacity:.8}.nav__wordmark{font-weight:600;font-size:1rem;letter-spacing:-.01em}.nav__links,.nav__slug{color:var(--muted-foreground);font-size:.875rem}.nav__links{display:flex;align-items:center;gap:1rem}.footer__link,.nav__link{transition:color .15s}.footer__link:hover,.nav__discord,.nav__link:hover{color:var(--foreground)}.nav__discord{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid var(--border);border-radius:9999px;font-size:.875rem;font-weight:500;transition:background .15s}.nav__discord:hover{background:var(--accent)}.is-wide-only{display:none}@media (min-width:640px){.is-wide-only{display:block}}.footer{margin-top:auto;padding:1.5rem;border-top:1px solid color-mix(in oklab,var(--border) 50%,transparent);font-size:.875rem;color:var(--muted-foreground)}.footer__inner{flex-direction:column}@media (min-width:640px){.footer__inner{flex-direction:row}}.footer__brand{display:flex;align-items:center;gap:.5rem}.footer__mark{opacity:.5;filter:invert(1)}.dark .footer__mark{filter:none}.footer__links{display:flex;align-items:center;gap:1rem}.home{min-height:100vh;background:var(--background)}.hero{position:relative;overflow:hidden;padding:5rem 1.5rem 3rem;border-bottom:1px solid color-mix(in oklab,var(--border) 50%,transparent)}.hero__glow{position:absolute;inset:0;pointer-events:none}.hero__glow:before{content:"";position:absolute;left:50%;top:-120px;width:900px;height:520px;transform:translateX(-50%);border-radius:9999px;background:radial-gradient(circle,rgba(255,255,255,.07) 0,transparent 70%);filter:blur(90px)}.hero__inner{position:relative;max-width:var(--page-max);margin-inline:auto}.hero__logo{margin-bottom:1.5rem}.hero__title{margin:0 0 1rem;font-size:2.25rem;font-weight:700;line-height:1.1;letter-spacing:-.025em;color:var(--foreground)}@media (min-width:640px){.hero__title{font-size:3.75rem}}.hero__lede{margin:0;max-width:42rem;font-size:1.125rem;line-height:1.7;color:var(--muted-foreground)}.listbar{max-width:var(--page-max);margin-inline:auto;width:100%;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.listbar__count{margin:0;font-size:.875rem;color:var(--muted-foreground)}.listbar__tag{color:var(--foreground);font-weight:500}.postgrid{max-width:var(--page-max);margin-inline:auto;width:100%;padding-inline:1.5rem;padding-bottom:4rem;display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:768px){.postgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.postgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.card{display:flex;flex-direction:column;overflow:hidden;border:1px solid color-mix(in oklab,var(--border) 50%,transparent);border-radius:.75rem;background:color-mix(in oklab,var(--card) 60%,transparent);transition:background .2s,border-color .2s}.card:hover{border-color:var(--border);background:var(--card)}.card__media{position:relative;width:100%;height:11rem;overflow:hidden}.card__media img{object-fit:cover;transition:transform .3s}.card:hover .card__media img{transform:scale(1.05)}.card__body{flex:1 1;padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}.card__title{margin:0;font-size:1rem;font-weight:600;line-height:1.375;color:var(--foreground)}.card__desc{flex:1 1;margin:0;font-size:.875rem;line-height:1.7;color:var(--muted-foreground);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__date{margin-top:.25rem;font-size:.75rem;color:color-mix(in oklab,var(--muted-foreground) 60%,transparent)}.tagbtn{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border:1px solid color-mix(in oklab,var(--border) 60%,transparent);border-radius:.5rem;background:color-mix(in oklab,var(--card) 40%,transparent);font-size:.875rem;color:var(--muted-foreground);transition:background .15s,border-color .15s}.tagbtn:hover{border-color:var(--border);background:var(--card)}.tagbtn__label{display:none}.tagbtn__kbd{display:none;align-items:center;gap:.125rem;margin-left:.25rem;padding:.125rem .25rem;border:1px solid color-mix(in oklab,var(--border) 40%,transparent);border-radius:.25rem;font-family:Zen Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.75rem}@media (min-width:640px){.tagbtn__label{display:block}.tagbtn__kbd{display:flex}}.tagdlg{padding:0;width:min(28rem,calc(100vw - 2rem));gap:0}.tagdlg__search{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid color-mix(in oklab,var(--border) 50%,transparent)}.tagdlg__input{flex:1 1;background:transparent;border:0;outline:none;font:inherit;font-size:.875rem;color:var(--foreground)}.tagdlg__input::placeholder{color:var(--muted-foreground)}.tagdlg__clear{color:var(--muted-foreground);transition:color .15s}.tagdlg__clear:hover{color:var(--foreground)}.tagdlg__list{max-height:18rem;overflow-y:auto;padding:.5rem}.tagdlg__empty{padding:1.5rem 0;margin:0;text-align:center;font-size:.875rem;color:var(--muted-foreground)}.tagdlg__item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;color:var(--foreground);transition:background .15s}.tagdlg__item:hover{background:var(--accent)}.tagdlg__item[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}.tagdlg__item-label{display:flex;align-items:center;gap:.5rem}.tagdlg__count{font-size:.75rem;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted-foreground)}.tagdlg__item[aria-pressed=true] .tagdlg__count{color:color-mix(in oklab,var(--primary-foreground) 70%,transparent)}.tagdlg__foot{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;border-top:1px solid color-mix(in oklab,var(--border) 50%,transparent);font-size:.75rem;color:var(--muted-foreground)}.tagdlg__foot-end{margin-left:auto}.post{position:relative;min-height:100vh;background:var(--background)}.post__backdrop{position:absolute;inset:0 0 auto 0;z-index:0;height:200px;-webkit-mask-image:linear-gradient(0deg,transparent 25%,black 95%);mask-image:linear-gradient(0deg,transparent 25%,black 95%)}.post__head{position:relative;z-index:1;border-bottom:1px solid var(--border)}.post__head-inner{max-width:var(--post-max);margin-inline:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.post__meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.875rem}.post__back,.post__meta{align-items:center;color:var(--muted-foreground)}.post__back{display:inline-flex;justify-content:center;width:1.5rem;height:1.5rem;border:1px solid var(--border);border-radius:.375rem;background:var(--muted);transition:all .15s ease-in-out;flex-shrink:0}.post__back:hover{background:var(--accent);border-color:rgba(255,255,255,.3);color:var(--foreground)}.post__tags{display:flex;flex-wrap:wrap;gap:.75rem}.post__tag{display:inline-flex;align-items:center;justify-content:center;height:1.5rem;padding-inline:.75rem;border:1px solid var(--border);border-radius:.375rem;background:var(--muted);color:var(--muted-foreground);font-size:.875rem}.post__date,.post__tag,.post__title{font-weight:500}.post__title{margin:0;font-size:2.25rem;line-height:1.1;letter-spacing:-.04em;text-wrap:balance}@media (min-width:768px){.post__title{font-size:3rem}}@media (min-width:1024px){.post__title{font-size:3.75rem}}.post__lede{margin:0;max-width:56rem;color:var(--muted-foreground)}@media (min-width:768px){.post__lede{font-size:1.125rem;text-wrap:balance}}.post__cols{position:relative;z-index:1;display:flex;max-width:var(--post-max);margin-inline:auto;padding-inline:1rem}@media (min-width:768px){.post__cols{padding-inline:0}}.post__main{min-width:0;border-inline:1px solid var(--border)}.post__cover,.post__main{width:100%;overflow:hidden}.post__cover{position:relative;aspect-ratio:16/9;max-height:480px;border-bottom:1px solid var(--border)}@media (min-width:768px){.post__cover{height:480px;aspect-ratio:auto}}.post__cover img{object-fit:cover}.post__author-mobile{display:block;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}@media (min-width:1024px){.post__author-mobile{display:none}}.post__body{padding:1.5rem}@media (min-width:1024px){.post__body{padding:2.5rem}}.post__aside{display:none}@media (min-width:1024px){.post__aside{display:block;width:var(--aside-w);flex-shrink:0;padding:2.5rem;border-left:1px solid var(--border);background:color-mix(in oklab,var(--muted) 60%,transparent)}}.dark .post__aside{background:color-mix(in oklab,var(--muted) 20%,transparent)}.post__aside-sticky{position:-webkit-sticky;position:sticky;top:5rem;display:flex;flex-direction:column;gap:2rem}.post__toc-box{padding:1.5rem;border:1px solid var(--border);border-radius:.5rem;background:var(--card)}.readmore{border-top:1px solid var(--border);padding:1.5rem}@media (min-width:1024px){.readmore{padding:2.5rem}}.readmore__title{margin:0 0 2rem;font-size:1.5rem;font-weight:500;line-height:1.3}.readmore__list{display:flex;flex-direction:column;gap:2rem}.readmore__item{display:grid;grid-template-columns:1fr;align-items:center;grid-gap:1rem;gap:1rem}@media (min-width:1024px){.readmore__item{grid-template-columns:4fr 8fr}}.readmore__thumb{width:100%;height:100%;object-fit:cover;border-radius:.5rem;transition:opacity .15s}.readmore__item:hover .readmore__thumb{opacity:.8}.readmore__body{display:flex;flex-direction:column;gap:.5rem;min-width:0}.readmore__heading{margin:0;font-size:1.125rem;font-weight:600;color:var(--card-foreground);transition:color .15s;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.readmore__item:hover .readmore__heading{color:var(--primary);text-decoration:underline;text-underline-offset:4px}.readmore__desc{margin:0;font-size:.875rem;color:var(--muted-foreground);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.readmore__date{display:block;font-size:.75rem;font-weight:500;color:var(--muted-foreground)}.toc__title{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:var(--foreground)}.toc__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.toc__link{display:block;width:100%;text-align:left;font-size:.875rem;color:var(--muted-foreground);transition:color .15s}.toc__link:hover{color:var(--foreground)}.toc__link[aria-current=true]{color:var(--primary);font-weight:500;text-decoration:underline;text-underline-offset:4px}.author{display:flex;align-items:flex-start;gap:.5rem}.author--inline{margin-block:2rem}.author__avatar{width:2rem;height:2rem;border-radius:9999px;border:1px solid var(--border);object-fit:cover}.author__name{margin:0;font-size:.875rem;font-weight:600;letter-spacing:-.01em}.author__role{margin:0;font-size:.75rem;color:var(--muted-foreground)}.media{margin-block:1.5rem;width:100%}.media__frame{position:relative;width:100%;aspect-ratio:16/9}.media__el{width:100%;height:100%;object-fit:cover;border:1px solid var(--border);border-radius:.5rem;overflow:hidden}.nf{position:relative;z-index:10;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center}.nf__backdrop{position:absolute;inset:0 0 auto 0;z-index:0;height:500px;-webkit-mask-image:linear-gradient(0deg,transparent 25%,black 95%);mask-image:linear-gradient(0deg,transparent 25%,black 95%)}.nf__inner{position:relative;max-width:20rem;margin-inline:auto;display:flex;flex-direction:column;gap:1rem;text-align:center}.nf__code{margin:0;font-family:Zen Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:6rem;font-weight:700;line-height:1;color:var(--primary);filter:drop-shadow(0 4px 3px rgb(0 0 0/.25))}.nf__text{margin:0;font-size:1rem;line-height:1.7;letter-spacing:-.01em;text-wrap:balance;color:var(--muted-foreground)}.h-anchor{scroll-margin-top:5rem}.h-anchor--copy{display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:color .2s}.h-anchor--copy:hover{color:var(--muted-foreground)}.h-anchor__icon{width:1rem;height:1rem;flex-shrink:0;opacity:0;transition:opacity .2s}.h-anchor--copy:hover .h-anchor__icon{opacity:1}.prose{max-width:none;font-size:1.0625rem;line-height:1.75;color:var(--foreground)}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{margin:2em 0 .75em;font-weight:600;letter-spacing:-.02em;text-wrap:balance;line-height:1.25}.prose h2{font-size:1.75rem;padding-top:.5em;border-top:1px solid color-mix(in oklab,var(--border) 60%,transparent)}.prose h3{font-size:1.375rem}.prose h4{font-size:1.125rem}.prose h5,.prose h6{font-size:1rem}.prose p{margin:1.25em 0;letter-spacing:-.01em;text-wrap:pretty}.prose a{color:var(--primary);border-bottom:1px solid color-mix(in oklab,var(--primary) 40%,transparent);transition:border-color .15s}.prose a:hover{border-bottom-color:var(--primary)}.prose strong{font-weight:600}.prose ol,.prose ul{margin:1.25em 0;padding-left:1.5em}.prose li{margin:.5em 0}.prose li::marker{color:var(--muted-foreground)}.prose blockquote{margin:1.5em 0;padding:.25em 0 .25em 1em;border-left:3px solid var(--border);color:var(--muted-foreground);font-style:italic}.prose hr{margin:2.5em 0;border:0;border-top:1px solid var(--border)}.prose img,.prose video{border-radius:.5rem;border:1px solid var(--border)}.prose figure{margin:1.5em 0}.prose figcaption{margin-top:.5em;font-size:.875rem;color:var(--muted-foreground);text-align:center}.prose :not(pre)>code{padding:.15em .4em;border:1px solid color-mix(in oklab,var(--border) 70%,transparent);border-radius:.3em;font-size:.875em;word-break:break-word}.prose :not(pre)>code,.prose pre{background:var(--muted);font-family:Zen Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.prose pre{margin:1.5em 0;padding:1rem 1.125rem;overflow-x:auto;border:1px solid var(--border);border-radius:.5rem;font-size:.875rem;line-height:1.6;-moz-tab-size:2;tab-size:2}.prose pre code{display:block;background:none;border:0;padding:0;font-size:inherit}.prose .shiki,.prose .shiki span{color:var(--shiki-light);background-color:var(--shiki-light-bg);font-style:var(--shiki-light-font-style);font-weight:var(--shiki-light-font-weight);-webkit-text-decoration:var(--shiki-light-text-decoration);text-decoration:var(--shiki-light-text-decoration)}.dark .prose .shiki,.dark .prose .shiki span{color:var(--shiki-dark);background-color:var(--shiki-dark-bg);font-style:var(--shiki-dark-font-style);font-weight:var(--shiki-dark-font-weight);-webkit-text-decoration:var(--shiki-dark-text-decoration);text-decoration:var(--shiki-dark-text-decoration)}.prose .line{display:block;min-height:1lh}.prose table{width:100%;margin:1.5em 0;display:block;overflow-x:auto;border-collapse:collapse;font-size:.9375rem}.prose td,.prose th{padding:.5em .75em;border:1px solid var(--border);text-align:left;vertical-align:top}.prose th{background:var(--muted);font-weight:600}.action,.prose a.action{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:44px;line-height:42px;padding:0 1.625rem;border-radius:9999px;font-size:.875rem;font-weight:500;color:#ffffff;background:rgba(18,18,22,.7);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);text-decoration:none!important;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.12),0 4px 16px -2px rgba(0,0,0,.4);transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer;white-space:nowrap}.action *,.prose a.action *{margin:0!important;padding:0!important;line-height:inherit!important;color:inherit!important;font-size:inherit!important;font-weight:inherit!important;display:inline!important}.action:hover,.prose a.action:hover{background:rgba(36,36,44,.9);color:#ffffff;text-decoration:none!important;border-color:rgba(255,255,255,.3);transform:translateY(-1px)}.action[data-fill],.prose a.action[data-fill]{border:0;border-bottom:0;background-color:#ffffff!important;color:#000000!important;box-shadow:0 0 24px -4px rgba(255,255,255,.35),0 2px 8px 0 rgba(0,0,0,.4)}.action[data-fill]:hover,.prose a.action[data-fill]:hover{opacity:.96;background-color:#f5f5f5!important;color:#000000!important;text-decoration:none!important;border-bottom:0;transform:translateY(-1px);box-shadow:0 0 32px -2px rgba(255,255,255,.55),0 4px 14px 0 rgba(0,0,0,.4)}.pill{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.08);border-radius:9999px;font-size:.875rem;padding:.25rem .75rem;color:var(--muted-foreground);background:rgba(255,255,255,.03);text-decoration:none}.brand-cta-block{position:relative;margin:3.5rem 0 2rem;padding:2.5rem 1.5rem;border:1px solid rgba(255,255,255,.12);border-radius:1.25rem;background:radial-gradient(120% 120% at 50% 0,rgba(255,255,255,.06) 0,rgba(255,255,255,.01) 55%,rgba(0,0,0,.5) 100%),#0d0d12;box-shadow:0 24px 48px -16px rgba(0,0,0,.75),inset 0 1px 0 0 rgba(255,255,255,.14);text-align:center;overflow:hidden}@media (min-width:768px){.brand-cta-block{padding:3.5rem 2.5rem}}.brand-cta-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.7);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:9999px;padding:.3rem .85rem;margin-bottom:1.25rem}.brand-cta-block h3{margin-top:0;margin-bottom:.875rem;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;color:#ffffff;border-top:none;padding-top:0}@media (min-width:768px){.brand-cta-block h3{font-size:1.875rem}}.brand-cta-block p{color:var(--muted-foreground);max-width:36rem;margin:0 auto 2rem;font-size:.9375rem;line-height:1.6}@media (min-width:768px){.brand-cta-block p{font-size:1rem}}.brand-cta-actions{display:flex;align-items:center;justify-content:center;gap:.875rem;flex-direction:column;width:100%}@media (min-width:640px){.brand-cta-actions{flex-direction:row;flex-wrap:wrap;width:auto}}@media (max-width:639px){.brand-cta-actions .action{width:100%;justify-content:center}}