:root{--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:var(--font-geist-sans),ui-sans-serif,system-ui,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:var(--font-geist-mono),ui-monospace,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-selected=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-selected=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{align-items:center;font-size:.875rem;color:var(--muted-foreground)}.post__meta,.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;height:500px}.post__cover img{object-fit:cover}.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:var(--font-geist-mono),ui-monospace,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:var(--font-geist-mono),ui-monospace,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}