:root{color-scheme:dark;--color-paper:oklch(21.8% 0.000 90);--color-paper-2:oklch(28.5% 0.000 90);--color-ink:oklch(85.8% 0.000 90);--color-ink-muted:oklch(68.3% 0.000 90);--color-meta:oklch(70.8% 0.059 221);--color-accent:oklch(74.8% 0.138 89);--color-accent-bright:oklch(87.3% 0.177 92);--color-accent-soft:oklch(47.8% 0.082 253);--color-rule:oklch(34.8% 0.000 90);--color-code-bg:oklch(28.5% 0.000 90);--color-code-rule:oklch(34.8% 0.000 90);--color-code-ink:oklch(82.5% 0.114 85);--color-ganksoft:oklch(71.5% 0.158 144.5);--color-ganksoft-hover:oklch(82% 0.135 144.5);--color-focus:oklch(87.3% 0.177 92);--color-mark:oklch(84.9% 0.160 84);--font-body:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
               "Liberation Mono", monospace;--space-2xs:0.25rem;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--text-xs:0.8125rem;--text-sm:0.9375rem;--text-base:1.0625rem;--text-lg:1.25rem;--text-xl:1.625rem;--text-2xl:1.875rem;--text-3xl:clamp(2rem, 7vw, 2.75rem);--page:44rem;--measure:38rem;--measure-wide:50rem;--wide:68rem;--rule:1px;--radius:3px;--ease-out:cubic-bezier(0.16, 1, 0.3, 1);--dur-fast:120ms}*,*::before,*::after{box-sizing:border-box}html,body{overflow-x:clip;margin:0}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.65;text-rendering:optimizeLegibility}::selection{background:var(--color-accent-soft);color:var(--color-ink)}a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:.18em;transition:color var(--dur-fast)var(--ease-out)}a:hover{color:var(--color-accent-bright)}a:active{color:var(--color-accent-bright)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius)}.skip-link{position:absolute;left:var(--space-md);top:var(--space-md);z-index:10;padding:var(--space-xs)var(--space-sm);background:var(--color-paper);border:var(--rule)solid var(--color-rule);border-radius:var(--radius);transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.page{max-width:var(--page);margin-inline:auto;padding-inline:var(--space-md)}#content{padding-block:var(--space-xl)var(--space-2xl)}.site-header{border-bottom:var(--rule)solid var(--color-rule)}.site-header .bar{max-width:var(--wide);margin-inline:auto;padding:var(--space-md);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-xs)var(--space-lg)}.wordmark{font-size:var(--text-lg);font-weight:650;letter-spacing:-.01em;color:var(--color-accent-bright);text-decoration:none;white-space:nowrap}.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)var(--space-md);font-size:var(--text-base);line-height:1}.nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)var(--space-md)}.site-nav a{color:var(--color-ink);font-weight:550;text-decoration:none;white-space:nowrap}.site-nav a:hover{color:var(--color-accent-bright);text-decoration:underline;text-underline-offset:.18em}.wordmark:hover{text-decoration:underline;text-underline-offset:.18em}.site-nav .icons a:hover{text-decoration:none}.site-nav a[href*="ganksoft.com"],.site-intro a[href*="ganksoft.com"]{color:var(--color-ganksoft)}.site-nav a[href*="ganksoft.com"]:hover,.site-intro a[href*="ganksoft.com"]:hover{color:var(--color-ganksoft-hover)}.site-nav a[aria-current=page]{color:var(--color-accent);text-decoration:underline;text-underline-offset:.18em}.site-nav .icons{display:flex;align-items:center;gap:var(--space-sm);padding-left:var(--space-xs);border-left:var(--rule)solid var(--color-rule)}.site-nav .icons a{display:inline-flex}.site-nav svg{width:1.0625rem;height:1.0625rem;fill:currentColor;display:block}@media(max-width:39.9375rem){.site-nav{flex-direction:column;align-items:flex-start;gap:0}.site-nav .icons{border-left:none;border-top:var(--rule)solid var(--color-rule);padding-left:0;margin-top:var(--space-sm);padding-top:var(--space-sm)}}.site-intro{margin:0 0 var(--space-2xl);color:var(--color-ink-muted);font-size:var(--text-lg);line-height:1.55;text-wrap:pretty}.masthead .site-intro{font-size:1.4rem}@media(max-width:39.9375rem){.masthead .site-intro{font-size:var(--text-base);line-height:1.5;margin-bottom:var(--space-xl)}}.index-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2xs)var(--space-md);margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:var(--rule)solid var(--color-rule);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.index-head h2{margin:0;font-size:inherit;font-weight:650;letter-spacing:inherit;color:var(--color-accent)}.index-head .meta{color:var(--color-ink-muted);font-variant-numeric:tabular-nums}.index-list{list-style:none;margin:0;padding:0}.index-list li{display:flex;gap:var(--space-sm);align-items:baseline;padding-block:.1rem;line-height:1.45}.index-list time{flex:none;white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-accent)}.index-list a{color:var(--color-ink);text-decoration:none;min-width:0;text-wrap:pretty}.index-list a:hover{color:var(--color-accent);text-decoration:underline}.search-form{margin:0 0 var(--space-md)}.search-form input{width:100%;padding:var(--space-xs)var(--space-sm);background:var(--color-code-bg);color:var(--color-ink);border:var(--rule)solid var(--color-rule);border-radius:var(--radius);font-family:var(--font-body);font-size:var(--text-base)}.search-form input::placeholder{color:var(--color-ink-muted)}.search-form input:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px;border-color:transparent}.search-status{min-height:1.5em;margin:0 0 var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-muted)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.article-wrapper{max-width:var(--measure);margin-inline:auto;padding-inline:var(--space-md)}.article-wide{max-width:var(--measure-wide)}.post-title{margin:0 0 var(--space-xs);font-size:var(--text-2xl);font-style:normal;font-weight:680;line-height:1.15;letter-spacing:-.02em;overflow-wrap:anywhere;text-wrap:balance}.post-meta{margin:0 0 var(--space-lg);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-muted)}.post-meta time{color:var(--color-accent)}.post-meta a{color:var(--color-meta)}.post-meta a:hover{color:var(--color-accent-bright)}.post-content{overflow-wrap:break-word}.post-content h2,.post-content h3,.post-content h4{font-style:normal;font-weight:650;line-height:1.25;letter-spacing:-.01em;overflow-wrap:anywhere;text-wrap:balance}.post-content h2{margin:var(--space-xl)0 var(--space-md);padding-top:var(--space-sm);border-top:var(--rule)solid var(--color-rule);font-size:var(--text-xl)}.post-content h3{margin:var(--space-lg)0 var(--space-xs);font-size:var(--text-lg);color:var(--color-accent)}.post-content h4{margin:var(--space-lg)0 var(--space-2xs);font-size:var(--text-base);font-weight:700}.post-content h2:first-child{margin-top:0;padding-top:0;border-top:0}.post-content p,.post-content ul,.post-content ol{margin:0 0 var(--space-lg)}.post-content p{text-wrap:pretty}.post-content li{margin-bottom:var(--space-2xs)}.post-content li>ul,.post-content li>ol{margin-block:0}.post-content li:has(>ul),.post-content li:has(>ol){margin-bottom:var(--space-sm)}.post-content img,.post-content video{display:block;max-width:100%;height:auto;margin-block:var(--space-lg);border-radius:var(--radius)}.post-content .readme img{display:inline-block;margin:0 .15rem .35rem 0;vertical-align:middle}.post-content iframe{max-width:100%;margin-block:var(--space-lg);border:0}.post-content blockquote{margin:var(--space-lg)0;padding-left:var(--space-md);border-left:3px solid var(--color-accent-bright);color:var(--color-ink-muted)}.post-content blockquote p:last-child{margin-bottom:0}.post-content hr{margin:var(--space-xl)0;border:0;border-top:var(--rule)solid var(--color-rule)}.post-content code,.post-content kbd{font-family:var(--font-mono);font-size:.9em;color:var(--color-code-ink);background:var(--color-code-bg);border:var(--rule)solid var(--color-code-rule);border-radius:var(--radius);padding:.08em .32em}.post-content pre{margin:var(--space-lg)0;padding:var(--space-md);overflow-x:auto;border-radius:var(--radius);background:var(--color-code-bg);font-size:var(--text-sm);line-height:1.5}.post-content pre code{color:inherit;background:0 0;border:0;padding:0;font-size:inherit}.post-content mark{background:var(--color-mark);color:var(--color-paper)}.post-content table{width:100%;margin:var(--space-lg)0;border-collapse:collapse;font-size:var(--text-sm);display:block;overflow-x:auto}.post-content th,.post-content td{padding:var(--space-xs)var(--space-sm);border:var(--rule)solid var(--color-rule);text-align:left}.post-content th{background:var(--color-paper-2);font-weight:650}.toc-sidebar{display:none}.toc-title{margin:0 0 var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.toc ul{list-style:none;margin:0;padding:0 0 0 var(--space-sm);border-left:var(--rule)solid var(--color-rule);font-size:var(--text-sm);line-height:1.4}.toc li{margin-bottom:var(--space-xs)}.toc a{color:var(--color-ink-muted);text-decoration:none}.toc a:hover{color:var(--color-accent)}@media(min-width:1180px){.article-wrapper{max-width:var(--wide);display:grid;grid-template-columns:minmax(0,var(--measure))minmax(0,14rem);gap:var(--space-2xl);justify-content:center}.toc-sidebar{display:block;position:sticky;top:var(--space-lg);align-self:start;max-height:calc(100vh - var(--space-xl));overflow-y:auto}.article-wide{display:block;max-width:var(--measure-wide)}}.post-footer{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:var(--rule)solid var(--color-rule);font-size:var(--text-sm)}.post-nav{display:grid;gap:var(--space-md);margin-bottom:var(--space-xl)}.post-nav a{color:var(--color-ink);text-decoration:none;text-wrap:pretty}.post-nav a:hover{color:var(--color-accent);text-decoration:underline}.post-nav .label{display:block;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-muted)}@media(min-width:40rem){.post-nav{grid-template-columns:1fr 1fr}.post-nav .post-nav-next{text-align:right}.post-nav .post-nav-next:only-child{grid-column:2}}.related h2{margin:0 0 var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.related ul{margin:0;padding-left:var(--space-md)}.project{display:grid;grid-template-columns:17rem 1fr;gap:var(--space-md);align-items:center;margin-block:var(--space-lg)}.project-thumb{aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-paper-2);border:var(--rule)solid var(--color-rule);border-radius:var(--radius)}a.project-thumb{text-decoration:none;transition:border-color var(--dur-fast)var(--ease-out)}a.project-thumb:hover{border-color:var(--color-accent)}.project-thumb.is-empty{background:0 0;border:0;aspect-ratio:auto}.project-thumb img{width:100%;height:100%;object-fit:contain}.project-body{min-width:0}.project-stack{min-width:0;display:grid;gap:var(--space-md)}p.project-title{margin:0;font-weight:600;line-height:1.4;text-wrap:pretty}p.project-desc{margin:var(--space-2xs)0 0;line-height:1.5;font-size:var(--text-sm);color:var(--color-ink-muted);text-wrap:pretty}@media(max-width:48rem){.project{grid-template-columns:10rem 1fr}}@media(max-width:30rem){.project{grid-template-columns:7rem 1fr;gap:var(--space-sm)}}.tag-cloud{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-xs)var(--space-md)}.tag-cloud a{color:var(--color-ink);text-decoration:none;white-space:nowrap}.tag-cloud a:hover{color:var(--color-accent);text-decoration:underline}.tag-cloud .count{font-family:var(--font-mono);color:var(--color-ink-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.site-footer{border-top:var(--rule)solid var(--color-rule);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-muted)}.site-footer .bar{max-width:var(--wide);margin-inline:auto;padding:var(--space-md);display:flex;flex-wrap:wrap;gap:var(--space-xs)var(--space-md);justify-content:space-between}.site-footer a{color:var(--color-ink-muted)}.site-footer a:hover{color:var(--color-accent)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}