:root{color-scheme:light dark;--bg:#f4f0e7;--surface:#e9e3d7;--text:#302d27;--muted:#746e63;--accent:#bd573b;--highlight:#c9a33f;--selection:#e6a082;--line:#cec6b7;--shell:64rem;--reading:45rem;font-synthesis:none;font-family:Georgia,Times New Roman,serif}@media (prefers-color-scheme:dark){:root{--bg:#1e1c19;--surface:#292620;--text:#e2dbce;--muted:#a9a194;--accent:#dc8065;--highlight:#d2ad55;--selection:#a94f38;--line:#423e36}}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-size:18px;line-height:1.72}body{min-height:100vh;margin:0;position:relative;overflow-x:hidden}::selection{background:var(--selection);color:var(--text)}a{color:inherit;text-decoration-color:var(--accent);text-underline-offset:.2em}a:hover{color:var(--accent)}.site-header,main,footer{z-index:1;width:min(var(--shell), calc(100% - 3rem));margin-inline:auto;position:relative}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding-block:2rem;display:flex}.wordmark{align-items:center;gap:.38rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.wordmark-icon{fill:none;width:.95rem;height:.95rem;stroke:var(--accent);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}nav{gap:1rem;font-family:ui-monospace,monospace;font-size:.8rem;display:flex}main{min-height:calc(100vh - 12rem);padding-block:5rem}main>:is(section,article){width:min(100%, var(--reading))}h1,h2{letter-spacing:-.025em;line-height:1.12}h1{max-width:15ch;margin:.15em 0 .4em;font-size:clamp(2.4rem,8vw,4.5rem)}.intro h1{max-width:19ch;font-size:clamp(2.4rem,6vw,4rem)}h2{margin-top:4rem;font-family:ui-monospace,monospace;font-size:1.15rem}.eyebrow,.updated{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-family:ui-monospace,monospace;font-size:.78rem}.intro>p:last-child,.lede{max-width:34rem;color:var(--muted);font-size:1.15rem}.intro-note{margin-top:1.6rem;line-height:1.65}.intro-note span{background-image:linear-gradient(178deg, transparent 0 83%, color-mix(in srgb, var(--highlight) 62%, transparent) 84% 86%, transparent 87%), linear-gradient(181deg, transparent 0 89%, color-mix(in srgb, var(--highlight) 38%, transparent) 90% 91%, transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-bottom:.14em}.post-list{border-top:1px solid var(--line);padding:0;list-style:none}.post-list li{border-bottom:1px solid var(--line);padding-block:1.2rem}.post-list a{justify-content:space-between;gap:1rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.post-list time,.post-list p{color:var(--muted);font-size:.85rem}.post-list p{margin:.25rem 0 0}.post-header{margin-bottom:3.5rem}.tags{gap:.5rem;padding:0;list-style:none;display:flex}.tags li{background:var(--surface);color:var(--muted);border-radius:999px;padding:.1rem .55rem;font:.75rem ui-monospace,monospace}.prose :is(h2,h3){margin-top:2.5em}.prose :is(p,li){max-width:68ch}.prose pre{border-radius:.25rem;padding:2.8rem 1rem 1rem;font-size:.82rem;position:relative;overflow-x:auto}.copy-code{color:#c9c4bb;cursor:pointer;background:#ffffff12;border:1px solid #ffffff29;border-radius:.25rem;padding:.3rem .55rem;font:.68rem/1.2 ui-monospace,monospace;position:absolute;top:.6rem;right:.6rem}.copy-code:hover,.copy-code:focus-visible{border-color:color-mix(in srgb, var(--accent) 65%, transparent);color:#fff}.copy-code:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.prose code:not(pre code){background:var(--surface);border-radius:.2rem;padding:.1em .3em}.post-navigation{border-top:1px solid var(--line);justify-content:space-between;gap:2rem;margin-top:5rem;padding-top:1.4rem;font-family:Georgia,Times New Roman,serif;display:flex}.post-navigation a{max-width:46%;text-decoration:none;display:grid}.post-navigation span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.25rem;font:.7rem ui-monospace,monospace}.post-navigation strong{line-height:1.35}.next-post{text-align:right;margin-left:auto}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding-block:1.5rem 3rem;font-family:ui-monospace,monospace;font-size:.75rem;display:flex}.github-link{width:2.25rem;height:2.25rem;color:var(--muted);border:1px solid #0000;border-radius:50%;place-items:center;transition:color .16s,border-color .16s,transform .16s;display:grid}.github-link:hover{border-color:var(--line);color:var(--accent);transform:translateY(-2px)}.github-link svg{fill:currentColor;width:1.15rem}.starfield{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.star{background:var(--accent);width:3px;height:3px;box-shadow:0 0 8px color-mix(in srgb, var(--accent) 55%, transparent);opacity:0;border-radius:50%;animation:8s ease-in-out infinite star-drift;position:absolute}.star-1{animation-duration:9s;animation-delay:-1s;top:11%;left:6%}.star-2{animation-duration:11s;animation-delay:-5s;top:24%;left:18%}.star-3{animation-duration:8s;animation-delay:-3s;top:8%;left:42%}.star-4{animation-duration:12s;animation-delay:-7s;top:18%;left:72%}.star-5{animation-duration:10s;animation-delay:-2s;top:34%;left:91%}.star-6{animation-duration:9s;animation-delay:-6s;top:49%;left:8%}.star-7{animation-duration:13s;animation-delay:-4s;top:57%;left:29%}.star-8{animation-duration:11s;animation-delay:-8s;top:45%;left:63%}.star-9{animation-duration:9s;animation-delay:-3s;top:68%;left:82%}.star-10{animation-duration:12s;animation-delay:-7s;top:79%;left:13%}.star-11{animation-duration:10s;animation-delay:-1s;top:87%;left:47%}.star-12{animation-duration:8s;animation-delay:-5s;top:76%;left:69%}.star-13{animation-duration:13s;animation-delay:-9s;top:91%;left:93%}.star-14{animation-duration:12s;animation-delay:-2s;top:39%;left:46%}.star-15{animation-duration:10s;animation-delay:-6s;top:62%;left:96%}.star-16{animation-duration:9s;animation-delay:-4s;top:5%;left:87%}@keyframes star-drift{0%,to{opacity:0;transform:translateY(8px)scale(.5)}38%,62%{opacity:.32;transform:translate(5px)scale(1)}}@media (width<=35rem){html{font-size:17px}.site-header,main,footer{width:min(100% - 2.25rem, var(--shell))}.site-header{padding-block:1.4rem}main{padding-block:3.5rem}h1{font-size:clamp(2.35rem,13vw,3.2rem)}.intro h1{max-width:18ch;font-size:clamp(2.15rem,10vw,2.8rem)}h2{margin-top:3rem}.post-list a{display:block}.post-list time{margin-top:.2rem;display:block}.post-navigation{flex-direction:column;gap:1.5rem;margin-top:3.5rem}.post-navigation a{max-width:85%}.next-post{align-self:flex-end}footer{padding-bottom:2rem}}@media (prefers-reduced-motion:reduce){.star{opacity:.16;animation:none}.github-link{transition:none}}