:root{color-scheme:dark;--font-main: "Inter", system-ui, sans-serif;--font-code: "JetBrains Mono", ui-monospace, monospace;--radius: 2px;--container-max-width: 36em;--bg: #0f1116;--text: #a7aab1;--text-muted: rgba(255, 255, 255, .6);--links: #d90452;--headings: #d98d62;--icon: rgba(255, 255, 255, .45)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-main);background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:2px solid var(--headings);outline-offset:2px}.page{position:relative;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:5rem 1rem 2rem;gap:2rem}.sidebar{position:fixed;top:0;left:50%;z-index:10;width:100%;max-width:var(--container-max-width);padding:.5rem 0;transform:translate(-50%)}.sidebar:before{content:"";position:absolute;inset:0;background:var(--bg);z-index:-1}.sidebar__inner{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 1rem}.sidebar-name{display:none;margin:0 0 3rem;font-size:1rem;font-weight:600;color:var(--text);text-decoration:none}.sidebar-name:hover{color:var(--headings)}.logo{display:block;width:48px;height:48px;border-radius:var(--radius);overflow:clip;flex-shrink:0}.logo img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(100%);opacity:.75;transition:filter .5s ease,opacity .25s ease}.logo:hover img{filter:none;opacity:1}.socials{display:flex;flex-direction:row;align-items:center;gap:1rem;font-size:.75rem}.social{position:relative;padding-left:32px;color:inherit;opacity:.5;text-decoration:none;user-select:none;font-family:var(--font-code)}.social svg{position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:.5}.social span{display:none}.social:hover{opacity:1}.content{position:relative;width:100%;max-width:var(--container-max-width);display:flex;flex-direction:column}.content h1,.content h2{margin:2rem 0 0;font-size:1.125em;line-height:1.4;font-weight:700;color:var(--headings)}.content h1{margin-top:0;font-size:1.5rem;line-height:1.25}.content.home h1{margin-top:0}.article h1{margin-top:0;font-size:1.5rem;line-height:1.25}.article-meta{margin:.5rem 0 0;font-family:var(--font-code);font-size:.875rem;color:var(--text-muted)}.article-cover{margin:1.5rem 0 0}.article-cover img{display:block;width:100%;max-width:100%;height:auto;border-radius:var(--radius)}.prose{margin-top:1.5rem}.prose :global(h2){margin:2rem 0 .75rem;font-size:1.125em;line-height:1.4;font-weight:700;color:var(--headings)}.prose :global(h2:first-child){margin-top:0}.prose :global(p){margin:0 0 1rem}.prose :global(a){color:var(--links);text-decoration:underline;text-underline-offset:2px}.prose :global(a:hover){opacity:.9}.prose :global(ul),.prose :global(ol){margin:0 0 1rem;padding-left:1.25rem}.prose :global(li){margin:.35rem 0}.prose :global(blockquote){margin:1rem 0;padding:.75rem 1rem;border-left:3px solid var(--headings);background:#0003;color:var(--text-muted)}.prose :global(.mermaid){margin:1.5rem 0 2rem;overflow-x:auto}.prose :global(.mermaid svg){display:block;max-width:100%;margin:0 auto}.article-footer{margin-top:2.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);font-family:var(--font-code);font-size:.875rem}.article-footer a{color:var(--links);text-decoration:none}.article-footer a:hover{text-decoration:underline}.section-note{margin:.75rem 0 0;font-size:1em;font-weight:400;color:var(--text-muted);font-style:italic}.section-empty{margin:.75rem 0 0;color:var(--text-muted);font-style:italic}.iconlist{--hover-color: var(--links)}.iconlist>a,.iconlist__item{display:flex;flex-direction:row;align-items:flex-start;gap:1rem;padding:.5em 0;color:inherit;text-decoration:none}.iconlist>a:hover{color:var(--hover-color)}.iconlist svg{flex-shrink:0;margin-top:.125em;color:var(--icon)}.iconlist .line{flex:1;min-width:0;line-height:1.5}.iconlist.projects .title,.iconlist.posts .title{font-weight:700}@media (min-width: 1024px){.page{flex-direction:row;justify-content:center;align-items:flex-start;padding:10vh 1rem;gap:2rem}.sidebar{position:sticky;top:10vh;left:auto;width:200px;transform:none;flex-shrink:0}.sidebar:before{display:none}.sidebar__inner{flex-direction:column;align-items:flex-start;padding:0 1rem}.sidebar-name{display:block;margin-top:.75rem}.logo{margin-bottom:0}.socials{flex-direction:column;align-items:flex-start}.social span{display:block}.content{margin-top:-.35em;flex:1;min-width:0}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.logo img{transition:none}}