:root{--bg:#faf9f7;--bg-raised:#fff;--bg-sunken:#f0eeea;--ink:#16181d;--prose:#2b3038;--muted:#55606f;--faint:#818b9c;--rule:#141a2824;--rule-soft:#141a2814;--code-bg:#f5f4f1;--accent:#0551ff;--good:#0f7a37;--bad:#c62828;--shadow:0 1px 3px #10182812;--measure:68ch;--display:"Syne", sans-serif;--body:"Outfit", system-ui, sans-serif;--label:"Space Grotesk", sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}:root[data-accent=rose]{--accent:#c9093b}:root[data-accent=mint]{--accent:#147439}:root[data-accent=gold]{--accent:#865e04}:root[data-accent=lavender]{--accent:#6239ff}:root[data-accent=peach]{--accent:#b13b00}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#131314;--bg-raised:#1c1b1c;--bg-sunken:#0e0e0f;--ink:#e6e1e5;--prose:#cdc9ce;--muted:#948f94;--faint:#6b6870;--rule:#ffffff1c;--rule-soft:#ffffff0f;--code-bg:#0e0e0f;--accent:#adc6ff;--good:#4ade80;--bad:#f87171;--shadow:none}:root:not([data-theme=light])[data-accent=rose]{--accent:#f4a0b6}:root:not([data-theme=light])[data-accent=mint]{--accent:#8ee4af}:root:not([data-theme=light])[data-accent=gold]{--accent:#f0c566}:root:not([data-theme=light])[data-accent=lavender]{--accent:#c4b5fd}:root:not([data-theme=light])[data-accent=peach]{--accent:#ffb088}}:root[data-theme=dark]{--bg:#131314;--bg-raised:#1c1b1c;--bg-sunken:#0e0e0f;--ink:#e6e1e5;--prose:#cdc9ce;--muted:#948f94;--faint:#6b6870;--rule:#ffffff1c;--rule-soft:#ffffff0f;--code-bg:#0e0e0f;--accent:#adc6ff;--good:#4ade80;--bad:#f87171;--shadow:none}:root[data-theme=dark][data-accent=rose]{--accent:#f4a0b6}:root[data-theme=dark][data-accent=mint]{--accent:#8ee4af}:root[data-theme=dark][data-accent=gold]{--accent:#f0c566}:root[data-theme=dark][data-accent=lavender]{--accent:#c4b5fd}:root[data-theme=dark][data-accent=peach]{--accent:#ffb088}.blog-root{background:var(--bg);min-height:100vh;color:var(--prose);font-family:var(--body);-webkit-font-smoothing:antialiased}body:has(.blog-root){background:var(--bg)}:root:has(.blog-root){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]:has(.blog-root){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):has(.blog-root){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.blog-root ::selection{background:color-mix(in srgb, var(--accent) 22%, transparent)}.blog-root :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.wrap{max-width:var(--measure);margin:0 auto;padding:0 24px}.post-head{padding:60px 0 0}.eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:11px}.post-head h1{font-family:var(--display);letter-spacing:-.03em;color:var(--ink);margin-top:16px;font-size:clamp(2.1rem,4.6vw,3.05rem);font-weight:800;line-height:1.06}.deck{color:var(--muted);margin-top:18px;font-size:20px;line-height:1.55}.byline{border-bottom:1px solid var(--rule);font-family:var(--mono);color:var(--faint);flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px;padding-bottom:26px;font-size:11.5px;display:flex}.byline .tag{color:var(--accent)}.byline .sep{opacity:.4}.prose{padding-top:34px}.prose>p{margin:0 0 26px;font-size:19px;line-height:1.75}.prose>p:first-of-type{color:var(--ink);font-size:20.5px}.prose h2{font-family:var(--body);letter-spacing:-.012em;color:var(--ink);margin:52px 0 18px;font-size:23px;font-weight:600;line-height:1.3}.prose h3{font-family:var(--body);color:var(--ink);margin:36px 0 14px;font-size:19px;font-weight:600}.prose strong{color:var(--ink);font-weight:600}.prose a{color:var(--accent);border-bottom:1px solid color-mix(in srgb, var(--accent) 38%, transparent);text-decoration:none}.prose a:hover{border-bottom-color:var(--accent)}.prose :not(pre)>code{font-family:var(--mono);color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:4px;padding:2px 6px;font-size:.87em}.prose ul,.prose ol{margin:0 0 26px;padding:0;list-style:none}.prose li{margin-bottom:12px;padding-left:24px;font-size:19px;line-height:1.72;position:relative}.prose ul>li:before{content:"";background:var(--accent);opacity:.75;border-radius:50%;width:5px;height:5px;position:absolute;top:.72em;left:4px}.prose ol{counter-reset:li}.prose ol>li{counter-increment:li}.prose ol>li:before{content:counter(li);font-family:var(--mono);color:var(--accent);font-size:13px;position:absolute;top:0;left:0}.prose figure{max-width:100vw;margin:40px calc(50% - 50vw);padding:0 24px}.prose figure .figure-inner{max-width:1000px;margin:0 auto}.prose figure img{border:1px solid var(--rule);background:var(--bg-raised);border-radius:10px;width:100%;height:auto;display:block}.prose figcaption{text-align:center;font-family:var(--mono);color:var(--faint);margin-top:12px;font-size:11.5px;line-height:1.6}.prose figure img.fig-dark{display:none}:root[data-theme=dark] .prose figure img.fig-dark{display:block}:root[data-theme=dark] .prose figure img.fig-light{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .prose figure img.fig-dark{display:block}:root:not([data-theme=light]) .prose figure img.fig-light{display:none}}.prose .aside{border-left:2px solid color-mix(in srgb, var(--accent) 55%, transparent);margin:34px 0;padding:4px 0 4px 22px}.prose .aside p{color:var(--muted);margin:0;font-size:18px;line-height:1.7}.prose .table-scroll{margin:32px 0;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:13.5px}.prose th{text-align:left;border-bottom:1px solid var(--rule);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);white-space:nowrap;padding:9px 10px;font-size:10.5px;font-weight:500}.prose td{border-bottom:1px solid var(--rule-soft);padding:10px}.prose figure[data-rehype-pretty-code-figure]{max-width:none;margin:32px 0;padding:0}.prose [data-rehype-pretty-code-title]{font-family:var(--mono);color:var(--faint);background:var(--code-bg);border:1px solid var(--rule);border-bottom:0;border-radius:10px 10px 0 0;padding:10px 16px;font-size:11px}.prose pre{background:var(--code-bg);border:1px solid var(--rule);border-radius:10px;margin:0;overflow-x:auto}.prose [data-rehype-pretty-code-title]+pre{border-radius:0 0 10px 10px}.prose pre>code{font-family:var(--mono);background:0 0;padding:16px 0;font-size:13.5px;line-height:1.75;display:grid}.prose pre>code>[data-line]{padding:0 16px}.prose pre>code>[data-highlighted-line]{background:color-mix(in srgb, var(--accent) 9%, transparent);box-shadow:inset 2px 0 0 var(--accent)}.prose code[data-theme*=\ ] span{color:var(--shiki-light)}:root[data-theme=dark] .prose code[data-theme*=\ ] span{color:var(--shiki-dark)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .prose code[data-theme*=\ ] span{color:var(--shiki-dark)}}.post-foot{padding:0 0 90px}.post-foot .rule{background:var(--rule);height:1px;margin:44px 0 26px}.xp{font-family:var(--mono);flex-direction:column;gap:11px;font-size:12.5px;display:flex}.xp a{color:var(--muted);text-decoration:none}.xp a:hover{color:var(--accent)}
.blog-root .blog-bar{z-index:30;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule-soft);position:sticky;top:0}.blog-root .blog-bar .in{justify-content:space-between;align-items:center;gap:16px;max-width:1000px;margin:0 auto;padding:13px 24px;display:flex}.blog-root .blog-bar a.home{font-family:var(--mono);color:var(--muted);font-size:11.5px;text-decoration:none}.blog-root .blog-bar a.home:hover{color:var(--accent)}.blog-root .tt{align-items:center;gap:12px;display:flex}.blog-root .tt-mode{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--bg-raised);border:1px solid var(--rule);cursor:pointer;border-radius:6px;min-width:62px;padding:5px 10px;font-size:10.5px}.blog-root .tt-accents{gap:6px;display:flex}.blog-root .tt-accents button{border:1px solid var(--rule);cursor:pointer;border-radius:50%;width:15px;height:15px}.blog-root .tt-accents button.on{outline:2px solid var(--accent);outline-offset:2px}.blog-root .idx{max-width:1000px;margin:0 auto;padding:64px 24px 110px}.blog-root .idx .eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:11px}.blog-root .idx h1{font-family:var(--display);color:var(--ink);letter-spacing:-.03em;margin-top:14px;font-size:clamp(2.2rem,5vw,3rem);font-weight:800;line-height:1.05}.blog-root .idx .sub{color:var(--muted);max-width:58ch;margin-top:14px;font-size:17px;line-height:1.55}.blog-root .idx .filters{flex-wrap:wrap;gap:8px;margin:30px 0 26px;display:flex}.blog-root .idx .filters button{font-family:var(--mono);color:var(--muted);cursor:pointer;background:var(--bg-raised);border:1px solid var(--rule);border-radius:999px;padding:5px 11px;font-size:11px;transition:color .18s,border-color .18s}.blog-root .idx .filters button:hover{color:var(--ink)}.blog-root .idx .filters button.on{color:var(--accent);border-color:var(--accent)}.blog-root .blog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.blog-root .card{color:inherit;background:var(--bg-raised);border:1px solid var(--rule);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;text-decoration:none;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.blog-root .card:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent);transform:translateY(-2px)}.blog-root .card:hover .c-title{color:var(--accent)}.blog-root .c-thumb{aspect-ratio:1200/628;background:var(--bg-sunken);border-bottom:1px solid var(--rule);position:relative;overflow:hidden}.blog-root .c-thumb:before{content:"";background:linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--accent) 7%, transparent) 50%, transparent 80%);background-size:220% 100%;animation:1.6s ease-in-out infinite thumb-shimmer;position:absolute;inset:0}@keyframes thumb-shimmer{0%{background-position:120% 0}to{background-position:-60% 0}}@media (prefers-reduced-motion:reduce){.blog-root .c-thumb:before{animation:none}}.blog-root .c-thumb img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.blog-root .c-thumb img.fig-dark{display:none}:root[data-theme=dark] .c-thumb img.fig-dark{display:block}:root[data-theme=dark] .c-thumb img.fig-light{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .c-thumb img.fig-dark{display:block}:root:not([data-theme=light]) .c-thumb img.fig-light{display:none}}.blog-root .c-thumb.none{place-items:center;display:grid}.blog-root .c-thumb.none span{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-size:11px}.blog-root .c-body{flex-direction:column;flex:1;padding:18px 18px 20px;display:flex}.blog-root .c-meta{font-family:var(--mono);color:var(--faint);flex-wrap:wrap;align-items:center;gap:9px;font-size:10.5px;display:flex}.blog-root .c-title{color:var(--ink);letter-spacing:-.015em;margin-top:10px;font-size:19px;font-weight:600;line-height:1.32;transition:color .18s}.blog-root .c-deck{color:var(--muted);flex:1;margin-top:8px;font-size:14.5px;line-height:1.55}.blog-root .c-tags{font-family:var(--mono);color:var(--faint);flex-wrap:wrap;gap:7px;margin-top:14px;font-size:10.5px;display:flex}.blog-root .c-off{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);border-radius:4px;padding:3px 7px;font-size:9.5px}.blog-root .post-nav{justify-content:space-between;align-items:center;gap:16px;display:flex}.blog-root .xp a.chan{color:var(--accent)}.blog-root .neighbours{grid-template-columns:1fr 1fr;gap:14px;margin-top:30px;display:grid}.blog-root .nb{border:1px solid var(--rule);background:var(--bg-raised);border-radius:10px;padding:16px 18px;text-decoration:none;display:block}.blog-root .nb:hover{border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.blog-root .nb .l{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:10px}.blog-root .nb .t{color:var(--ink);margin-top:7px;font-size:16px;font-weight:500;line-height:1.35}.blog-root .nb.next{text-align:right}@media (max-width:640px){.blog-root .neighbours{grid-template-columns:1fr}}