:root{--font-sans: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;--step--1:clamp(0.83rem, 0.81rem + 0.10vw, 0.89rem);--step-0:clamp(1.06rem, 1.01rem + 0.24vw, 1.20rem);--step-1:clamp(1.27rem, 1.18rem + 0.45vw, 1.55rem);--step-2:clamp(1.52rem, 1.34rem + 0.90vw, 2.07rem);--step-3:clamp(1.83rem, 1.52rem + 1.55vw, 2.76rem);--measure:68ch;--leading:1.65;--leading-tight:1.18;--radius:6px;--bg:#fcfcfb;--fg:#1b1b1a;--muted:#676763;--faint:#ededea;--line:#e2e2dd;--accent:#4f46e5;--accent-soft:rgba(79, 70, 229, 0.12);--code-bg:#f3f3f0;--highlight:rgba(250, 204, 21, 0.42);--c-comment:#6d6d69;--c-keyword:#9a3b6b;--c-string:#2f6f4f;--c-number:#9a5a1f;--alert-tip:#27774c;--alert-important:#764ecf;--alert-warning:#8a6316;--alert-caution:#b3442c}@media(prefers-color-scheme:dark){:root{--bg:#161617;--fg:#e8e8e4;--muted:#9a9a94;--faint:#232325;--line:#2c2c2f;--accent:#818cf8;--accent-soft:rgba(129, 140, 248, 0.15);--code-bg:#1d1d1f;--highlight:rgba(250, 204, 21, 0.25);--c-comment:#868683;--c-keyword:#d98cb3;--c-string:#87c8a3;--c-number:#d6a875;--alert-tip:#449a6b;--alert-important:#9776e0;--alert-warning:#c08a1e;--alert-caution:#cd6d59}}[data-theme=light]{--bg:#fcfcfb;--fg:#1b1b1a;--muted:#676763;--faint:#ededea;--line:#e2e2dd;--accent:#4f46e5;--accent-soft:rgba(79, 70, 229, 0.12);--code-bg:#f3f3f0;--highlight:rgba(250, 204, 21, 0.42);--c-comment:#6d6d69;--c-keyword:#9a3b6b;--c-string:#2f6f4f;--c-number:#9a5a1f;--alert-tip:#27774c;--alert-important:#764ecf;--alert-warning:#8a6316;--alert-caution:#b3442c}[data-theme=dark]{--bg:#161617;--fg:#e8e8e4;--muted:#9a9a94;--faint:#232325;--line:#2c2c2f;--accent:#818cf8;--accent-soft:rgba(129, 140, 248, 0.15);--code-bg:#1d1d1f;--highlight:rgba(250, 204, 21, 0.25);--c-comment:#868683;--c-keyword:#d98cb3;--c-string:#87c8a3;--c-number:#d6a875;--alert-tip:#449a6b;--alert-important:#9776e0;--alert-warning:#c08a1e;--alert-caution:#cd6d59}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;border-top:3px solid var(--accent);background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--step-0);line-height:var(--leading);font-feature-settings:"kern","liga","calt";-webkit-font-smoothing:antialiased}::selection{background:var(--highlight)}.content{width:100%;max-width:var(--measure);margin-inline:auto;padding-inline:clamp(1.1rem,5vw,2rem)}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:10;padding:.5rem .75rem;background:var(--accent);color:#fff;border-radius:var(--radius)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:no-preference){body{transition:background-color .2s ease,color .2s ease}*,*::before,*::after{transition-property:background-color,border-color;transition-duration:.2s;transition-timing-function:ease}}.site-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;padding-block:1.6rem .8rem;flex-wrap:wrap}.site-title{font-weight:700;font-size:var(--step-1);letter-spacing:-.02em;text-decoration:none;color:var(--fg);transition:color .15s}.site-title:hover{color:var(--accent)}.site-nav{display:flex;align-items:center;gap:1.1rem}.site-nav a{color:var(--muted);text-decoration:none;font-size:var(--step--1);transition:color .12s}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--fg)}#theme-toggle{display:inline-flex;align-items:center;background:0 0;border:0;padding:.2rem;margin:0;color:var(--muted);cursor:pointer;line-height:0}#theme-toggle:hover{color:var(--fg)}.icon-sun{display:none}.icon-moon{display:inline}[data-theme=dark] .icon-sun{display:inline}[data-theme=dark] .icon-moon{display:none}.site-footer{margin-top:4rem;padding-block:2rem 3rem;border-top:1px solid var(--line);color:var(--muted)}.site-footer a{color:var(--muted);text-decoration:none;transition:color .12s}.site-footer a:hover{color:var(--accent)}.footer-nav{display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem 2rem;font-size:var(--step--1)}.footer-group{display:flex;flex-wrap:wrap;gap:.75rem 1.4rem}.footer-group-feeds{margin-left:auto}.footer-copy{margin:1.25rem 0 0;font-size:var(--step--1)}@media(max-width:480px){.footer-nav{flex-direction:column;gap:1rem}.footer-group{flex-direction:column;gap:0}.footer-group-feeds{margin-left:0}.site-footer a{display:block;padding-block:.6rem}}.post-header{margin-block:2rem 1.6rem}.post-title{font-size:var(--step-3);line-height:var(--leading-tight);letter-spacing:-.02em;font-weight:700;margin:0 0 .5rem;text-wrap:balance}.post-meta{color:var(--muted);font-size:var(--step--1)}.post-meta a{color:var(--muted);text-decoration:none}.post-meta a:hover{color:var(--accent)}.post-tags{display:inline-flex;flex-wrap:wrap;gap:.3rem}.post-tags a{display:inline-block;padding:.1em .55em;border-radius:99px;background:var(--accent-soft);color:var(--muted);font-size:.85em;text-decoration:none;transition:color .12s,background .12s}.post-tags a:hover{color:var(--fg);background:var(--highlight)}.prose{overflow-wrap:break-word}.prose>*+*{margin-top:1.1em}.prose h2,.prose h3,.prose h4{line-height:var(--leading-tight);letter-spacing:-.01em;margin-top:1.5em}.heading-anchor{display:inline-flex;align-items:center;margin-left:.35em;color:var(--muted);opacity:0;text-decoration:none;transition:opacity .12s;vertical-align:middle}:is(h2,h3,h4):hover .heading-anchor,.heading-anchor:focus-visible{opacity:1}.prose h2{font-size:var(--step-2)}.prose h3{font-size:var(--step-1)}.prose h4{font-size:var(--step-0);font-weight:650}.prose p{text-wrap:pretty}.prose a{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 30%,transparent);text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color .15s}.prose a:hover{text-decoration-color:var(--accent)}.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:.3em}.prose li::marker{color:var(--muted)}.prose hr{border:0;height:2px;background:var(--accent-soft);margin-block:2.4em;border-radius:2px}.prose strong{font-weight:650}.prose kbd{font-family:var(--font-mono);font-size:.82em;padding:.15em .45em;background:var(--bg);border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;color:var(--fg);white-space:nowrap}.prose abbr[title]{text-decoration:underline dotted;text-decoration-color:var(--muted);text-underline-offset:2px;cursor:help}.prose mark{background:var(--highlight);color:inherit;border-radius:2px;padding:.05em .15em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.prose ul:has(input[type=checkbox]){list-style:none;padding-left:.3em}.prose li:has(input[type=checkbox]){display:flex;align-items:baseline;gap:.45em}.prose input[type=checkbox]{flex-shrink:0;accent-color:var(--accent);width:1em;height:1em;cursor:default;margin-top:.1em}.prose blockquote:not(.alert){margin:1.6em 0;padding:.7em 1em .7em 1.2em;border-left:3px solid var(--line);color:var(--muted);font-style:italic}.prose blockquote p{margin:.3em 0}.alert{margin:1.4em 0;border-radius:var(--radius);padding:1em 1.2em;color:var(--fg);font-style:normal}.alert-label{margin:0 0 .35em;font-size:var(--step--1);font-weight:650;letter-spacing:.02em;text-transform:uppercase}.alert-note{background:var(--accent-soft)}.alert-tip{background:rgba(47,143,91,.12)}.alert-important{background:rgba(123,81,216,.12)}.alert-warning{background:rgba(192,138,30,.12)}.alert-caution{background:rgba(192,73,47,.12)}.alert-note .alert-label{color:var(--accent)}.alert-tip .alert-label{color:var(--alert-tip)}.alert-important .alert-label{color:var(--alert-important)}.alert-warning .alert-label{color:var(--alert-warning)}.alert-caution .alert-label{color:var(--alert-caution)}.prose code{font-family:var(--font-mono);font-size:.9em;background:var(--code-bg);padding:.15em .4em;border-radius:4px;border:1px solid var(--line)}.prose pre{font-family:var(--font-mono);background:var(--code-bg);padding:1.1em 1.4em;border-radius:var(--radius);border:1px solid var(--line);overflow-x:auto;font-size:.88em;line-height:1.5;margin:0}.code-wrapper{display:flex;flex-direction:column}.code-lang{font-family:var(--font-mono);font-size:.72em;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;text-align:right;padding-bottom:.35em;user-select:none}.prose pre code{background:0 0;padding:0;border:none;font-size:inherit}.chroma .c,.chroma .ch,.chroma .cm,.chroma .c1,.chroma .cs{color:var(--c-comment);font-style:italic}.chroma .k,.chroma .kd,.chroma .kn,.chroma .kr,.chroma .kc,.chroma .kt{color:var(--c-keyword)}.chroma .s,.chroma .s1,.chroma .s2,.chroma .sb,.chroma .sc,.chroma .sd{color:var(--c-string)}.chroma .m,.chroma .mi,.chroma .mf,.chroma .mh{color:var(--c-number)}.chroma .nf,.chroma .nx{color:var(--fg)}.prose table{width:100%;border-collapse:collapse;font-size:.95em}.prose th,.prose td{text-align:left;padding:.5em .7em;border-bottom:1px solid var(--line)}.prose th{font-weight:650;background:var(--highlight)}.table-wrap{overflow-x:auto}.prose .ta-center{text-align:center}.prose .ta-right{text-align:right}.prose .ta-left{text-align:left}.prose figure{margin:1.6em 0}.prose img{display:block;max-width:100%;height:auto;border-radius:var(--radius)}.prose figcaption{margin-top:.5em;text-align:center;color:var(--muted);font-size:var(--step--1)}.video-embed{position:relative;aspect-ratio:16/9;margin:1.6em 0}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:var(--radius)}.home-intro{margin-block:2rem}.home-posts{margin-top:2.5rem}.home-posts-title{font-size:var(--step--1);font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 1.5rem}.author-note{margin-top:3rem;padding:1.2em 1.4em;border-radius:var(--radius);background:var(--faint);font-size:var(--step--1);color:var(--muted)}.author-note p{margin:0}.author-note p+p{margin-top:.5rem}.author-note strong{color:var(--fg);font-weight:650}.author-note a{color:var(--accent);text-decoration:none}.author-note a:hover{text-decoration:underline;text-underline-offset:2px}.post-nav{display:flex;justify-content:space-between;gap:2rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line)}.post-nav-item{display:flex;flex-direction:column;gap:.25em;text-decoration:none;max-width:46%}.post-nav-label{font-size:var(--step--1);color:var(--muted)}.post-nav-title{font-size:var(--step-0);color:var(--fg);font-weight:500;line-height:var(--leading-tight);transition:color .12s}.post-nav-newer{margin-left:auto;text-align:right}.post-nav-item:hover .post-nav-title{color:var(--accent)}.post-nav-item:hover .post-nav-label{color:var(--accent)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2.5rem;font-size:var(--step--1)}.pagination a{color:var(--accent);text-decoration:none}.pagination .disabled{color:var(--muted);opacity:.5}.pagination-info{color:var(--muted)}.prose del{color:var(--muted);text-decoration-color:var(--muted)}.prose sup a,.prose sub a{color:var(--accent);text-decoration:none}.prose .footnotes{margin-top:2.4em;padding-top:1.4em;border-top:1px solid var(--line);font-size:var(--step--1);color:var(--muted)}.prose .footnotes>hr{display:none}.prose .footnotes ol{padding-left:1.4em}.prose .footnotes li{margin-top:.4em}.prose .footnote-backref{text-decoration:none}.post-index{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.post-index-item{border-bottom:1px solid var(--line)}.post-index-link{display:flex;justify-content:space-between;align-items:baseline;gap:2rem;padding-block:.8rem;text-decoration:none;color:var(--fg);transition:color .12s}.post-index-link:hover{color:var(--accent)}.post-index-title{font-size:var(--step-0);font-weight:450}.post-index-title::after{content:' →';display:inline-block;color:var(--accent);opacity:0;transform:translateX(-6px);transition:opacity .15s,transform .15s}.post-index-link:hover .post-index-title::after{opacity:1;transform:translateX(2px)}.post-index-date{flex-shrink:0;font-size:var(--step--1);color:var(--muted);font-variant-numeric:tabular-nums;transition:color .12s}.post-index-link:hover .post-index-date{color:var(--accent)}.home-all-posts{margin-top:1.2rem;text-align:right}.home-all-posts a{font-size:var(--step--1);color:var(--muted);text-decoration:none;transition:color .12s}.home-all-posts a:hover{color:var(--accent)}.apps{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-block:2.5rem}.app-card{display:flex;flex-direction:column;gap:.3rem;border:1px solid transparent;border-radius:var(--radius);padding:1.2em 1.4em;text-decoration:none;color:var(--fg);background:var(--accent-soft);transition:opacity .15s}.app-card:hover{opacity:.8}.app-icon{width:48px;height:48px;border-radius:22%;margin-bottom:.4rem}.app-name{font-size:var(--step-1);font-weight:600;letter-spacing:-.01em}.app-tag{font-size:var(--step-0);color:var(--muted)}.app-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4rem 1rem;margin-top:auto;padding-top:.6rem}.app-platforms{font-size:var(--step--1);color:var(--muted)}.app-cta{font-size:var(--step--1);color:var(--accent)}@media(max-width:600px){.apps{grid-template-columns:1fr}}.error-page{margin-top:4rem;text-align:center}.error-page h1{font-size:var(--step-3);color:var(--muted);margin:0 0 1rem}@media(max-width:768px){.prose figure{margin-inline:calc(-1 * clamp(1.1rem,5vw,2rem))}.prose img{border-radius:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}