:root{--bg: #ffffff;--surface: #f9fafb;--border: #e5e7eb;--text: #374151;--text-heading: #111827;--muted: #6b7280;--link: #047857;--link-hover: #065f46;--code-bg: #f3f4f6;--pre-bg: #363636;--pre-text: #f9fafb;--label-size: .95rem;--project-hover-wash: 4%}.dark{--bg: #2C2C2C;--surface: #363636;--border: #4a4a4a;--text: #E4E4E4;--text-heading: #E4E4E4;--muted: #a0a0a0;--link: #10b981;--link-hover: #34d399;--code-bg: #363636;--pre-bg: #363636;--pre-text: #f9fafb;--project-hover-wash: 2%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,system-ui,sans-serif;background-color:var(--bg);color:var(--text);transition:background-color .2s,color .2s}body{min-height:100vh;display:flex;flex-direction:column}header{display:flex;gap:1rem;justify-content:space-between;align-items:center;max-width:65ch;width:100%;margin:0 auto;padding:2rem 1rem 0}.site-title{color:var(--text-heading);text-decoration:none;font-weight:500;font-size:1.25rem}.site-title:hover{color:var(--link)}.site-nav{display:flex;gap:.75rem;align-items:center;margin-left:auto;font-size:var(--label-size)}.site-nav a{border:1px solid var(--border);border-radius:.375rem;color:var(--muted);min-height:2rem;padding:.375rem .625rem;text-decoration:none;transition:border-color .2s,color .2s}.site-nav a:hover{border-color:var(--link);color:var(--link)}main{max-width:65ch;width:100%;margin:0 auto;padding:2rem 1rem;flex:1}main a{color:var(--link)}main a:hover{color:var(--link-hover)}footer{max-width:65ch;width:100%;margin:0 auto;padding:1rem;color:var(--muted);font-size:.875rem;text-align:center}footer a{color:var(--muted);text-decoration:underline}footer a:hover{color:var(--link)}@media(max-width:520px){header{flex-wrap:wrap}.site-nav{order:3;width:100%;margin-left:0}}.theme-toggle{background:none;border:1px solid var(--border);border-radius:.375rem;min-height:2rem;padding:.375rem .625rem;cursor:pointer;color:var(--text);font-size:.875rem;font-family:inherit;transition:border-color .2s}.theme-toggle:hover{border-color:var(--muted)}.home-intro{margin-bottom:2.5rem}.home-intro h1{margin:0 0 1rem;color:var(--muted);font-size:calc(var(--label-size) * 1.1);font-weight:500;line-height:1.5}.home-intro p{margin-bottom:.75rem;line-height:1.65}.section-heading{border-top:1px solid var(--border);margin:2rem 0 1rem;padding-top:1rem}.section-heading h2{color:var(--muted);font-size:calc(var(--label-size) * 1.1);font-weight:500;line-height:1.5}.post-list{list-style:none;padding:0}.post-list li{margin-bottom:1.25rem}.post-list a{color:var(--text-heading);text-decoration:none;font-weight:500;font-size:1.125rem}.post-list a:hover{color:var(--link)}.post-date{display:block;color:var(--muted);font-size:.875rem;margin-top:.125rem}.post-note{color:var(--muted);font-size:.875rem;margin-top:.25rem}.project-list{list-style:none;padding-left:0}.project-list li{border-top:1px solid var(--border);margin:0;padding:1.25rem 0}.project-list h2{margin-top:0}.prose{color:var(--text);line-height:1.75}.prose h1,.prose h2,.prose h3{color:var(--text-heading);font-weight:600;margin-top:2em;margin-bottom:.5em}.prose h1{font-size:1.875rem;margin-top:0}.prose h2{font-size:1.5rem}.prose h3{font-size:1.25rem}.prose p{margin-bottom:1.25em}.prose code{font-family:JetBrains Mono,monospace;font-size:.875em;background:var(--code-bg);color:var(--text);padding:.2em .4em;border-radius:.25rem}.prose pre{background:var(--pre-bg);color:var(--pre-text);padding:1rem;border-radius:.5rem;overflow-x:auto;margin:1.5em 0}.prose pre code{background:none;padding:0;color:inherit;font-size:.875rem}.prose .katex-display{overflow-x:auto;overflow-y:hidden;padding:.5rem 0;margin:1.5em 0}.prose .katex{font-size:1.05em}.prose a{color:var(--link);text-decoration:underline}.prose a:hover{color:var(--link-hover)}.prose blockquote{border-left:4px solid var(--border);padding-left:1rem;margin:1.5em 0;color:var(--muted);font-style:italic}.prose ul,.prose ol{margin:1.25em 0;padding-left:1.5em}.prose li{margin:.5em 0}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose table{display:block;width:100%;border-collapse:collapse;margin:1.5em 0;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);padding:.75rem 1rem;text-align:left}.prose th{background:var(--surface);font-weight:600}.prose hr{border:none;border-top:1px solid var(--border);margin:2em 0}.prose img{max-width:100%;height:auto;border-radius:.5rem;margin:1.5em 0}.prose strong{color:var(--text-heading)}.page-prose>h1{margin:0 0 1rem;color:var(--muted);font-size:calc(var(--label-size) * 1.1);font-weight:500;line-height:1.5}.page-prose>p{margin-bottom:.75rem;line-height:1.65}.project-section{margin-top:2.25rem}.project-section>h2{color:var(--muted);font-size:.95rem;font-weight:500;line-height:1.5;margin:0 0 .4rem}.prose .project-list{list-style:none;margin:0;padding:0}.prose .project-list li{border-top:1px solid var(--border);margin:0;padding:1.35rem 0 1.5rem}.prose .project-feed li{position:relative;cursor:pointer;transition:background .2s,border-color .2s;-webkit-tap-highlight-color:transparent}.project-tags{position:absolute;left:-5.65rem;top:1.35rem}.project-tags span{color:var(--link);border:1px solid color-mix(in srgb,var(--link) 38%,transparent);border-radius:.375rem;font-size:calc(var(--label-size) * .92);line-height:1.2;min-height:1.84rem;padding:.35rem .57rem;white-space:nowrap}.project-body{min-width:0}.prose .project-list h2,.prose .project-list h3{color:var(--text-heading);font-size:1.125rem;font-weight:500;line-height:1.5;margin:0 0 .35rem}.prose .project-list h2 a,.prose .project-list h3 a,.prose .project-title-link{color:var(--text-heading)!important;text-decoration:none!important}.project-meta{color:var(--muted);font-size:.875rem;margin-bottom:.65rem}@media(hover:hover)and (pointer:fine){.prose .project-feed li:hover{background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--text) var(--project-hover-wash),transparent) 8%,color-mix(in srgb,var(--text) var(--project-hover-wash),transparent) 84%,transparent 100%);border-top-color:color-mix(in srgb,var(--link) 28%,var(--border))}.prose .project-feed li:hover .project-tags span{border-color:color-mix(in srgb,var(--link) 58%,transparent)}.prose .project-list h2 a:hover,.prose .project-list h3 a:hover,.prose .project-title-link:hover{color:var(--link)!important}}.prose .project-list p{margin-bottom:.45rem;transition:color .2s}.project-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.65rem}.loop-flow{counter-reset:loop-step;display:grid;gap:.65rem;list-style:none;margin:1.1rem 0 1.7rem;max-width:31rem;padding:0;position:relative}.loop-flow:before{background:var(--border);bottom:.7rem;content:"";left:.65rem;position:absolute;top:.7rem;width:1px}.loop-flow li{counter-increment:loop-step;align-items:center;color:var(--text-heading);display:grid;font-family:Inter,system-ui,sans-serif;font-size:.98rem;font-weight:500;gap:.75rem;grid-template-columns:1.35rem 1fr;line-height:1.4;min-height:1.65rem;position:relative}.loop-flow li:before{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:999px;color:var(--muted);content:counter(loop-step);display:inline-flex;font-size:.68rem;font-weight:500;height:1.35rem;justify-content:center;position:relative;width:1.35rem;z-index:1}@media(max-width:860px){.project-body{display:flex;flex-direction:column;align-items:flex-start}.project-tags{position:static;order:-1;margin:0 0 .7rem}.prose .project-feed h2{display:block;padding-right:0}.project-actions{gap:1.05rem;margin-top:.9rem}.loop-flow{max-width:100%}}.back-link{display:inline-block;color:var(--muted);text-decoration:none;font-size:.875rem;margin-bottom:2rem}.back-link:hover{color:var(--link)}.article-header{margin-bottom:2rem}.article-header h1{font-size:1.875rem;font-weight:600;color:var(--text-heading);margin-bottom:.5rem}.article-date{color:var(--muted);font-size:.875rem}.article-banner{width:100%;height:auto;border-radius:.5rem;margin-top:1.5rem}.dark .astro-code,.dark .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}