@import"https://fonts.googleapis.com/css2?family=Cascadia+Code:ital,wght@0,200..700;1,200..700&family=Miranda+Sans:ital,wght@0,400..700;1,400..700&display=swap";:root{--system-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--body-font: "Miranda Sans", var(--system-font);--header-font: "Miranda Sans", var(--system-font);--monospace-font: "Cascadia Code", monospace;--fg-rgb: 28, 27, 23;--fg-secondary-rgb: 116, 108, 96;--fg-highlight-rgb: 14, 113, 73;--bg-rgb: 252, 250, 245;--bg-secondary-rgb: 244, 240, 232;--accent-rgb: 14, 113, 73;--accent-secondary-rgb: 89, 135, 113;--accent-border-rgb: 174, 196, 183;--border-color-rgb: 213, 207, 195;--fg: rgb(var(--fg-rgb));--fg-secondary: rgb(var(--fg-secondary-rgb));--fg-highlight: rgb(var(--fg-highlight-rgb));--bg: rgb(var(--bg-rgb));--bg-secondary: rgb(var(--bg-secondary-rgb));--accent: rgb(var(--accent-rgb));--accent-secondary: rgb(var(--accent-secondary-rgb));--accent-border-color: rgb(var(--accent-border-rgb));--border-color: rgb(var(--border-color-rgb));--border-radius: 6px;--border-radius-1: 8px;--border-radius-2: 10px;--transition: .18s ease;color-scheme:light;accent-color:var(--accent)}:root[data-theme=dark]{--fg-rgb: 239, 235, 225;--fg-secondary-rgb: 178, 168, 151;--fg-highlight-rgb: 96, 219, 160;--bg-rgb: 19, 18, 16;--bg-secondary-rgb: 31, 29, 25;--accent-rgb: 96, 219, 160;--accent-secondary-rgb: 119, 181, 151;--accent-border-rgb: 74, 115, 94;--border-color-rgb: 70, 64, 55;color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme]){--fg-rgb: 239, 235, 225;--fg-secondary-rgb: 178, 168, 151;--fg-highlight-rgb: 96, 219, 160;--bg-rgb: 19, 18, 16;--bg-secondary-rgb: 31, 29, 25;--accent-rgb: 96, 219, 160;--accent-secondary-rgb: 119, 181, 151;--accent-border-rgb: 74, 115, 94;--border-color-rgb: 70, 64, 55;color-scheme:dark}}*{box-sizing:border-box}::selection{color:var(--bg);background:var(--accent)}html{width:100%;margin:0;padding:0;color:var(--fg);background:var(--bg);font-size:18px;font-family:var(--body-font);font-weight:400}body{width:100%;min-height:100vh;margin:0;padding:0}#root{width:min(1120px,calc(100% - 48px));min-height:100vh;margin:0 auto;padding:4rem 0 3rem;display:grid;grid-template-columns:220px minmax(0,760px);grid-template-rows:auto 1fr auto;column-gap:6rem;align-items:start;line-height:1.62}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-family:var(--header-font);font-weight:650;line-height:1.12}h1{font-size:clamp(2.65rem,7vw,5.65rem);line-height:.96}h2{font-size:clamp(1.35rem,2vw,1.75rem)}h3{font-size:1.1rem}p{margin:0;padding:0}pre,code{font-family:var(--monospace-font)}code{padding:.075rem .25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;font-size:.9em}pre{max-width:100%;margin:1.5rem 0;padding:1rem;overflow:auto;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius)}pre code{padding:0;background:none;border:none}a{color:var(--accent);font-weight:550;text-decoration-color:rgba(var(--accent-rgb),.35);text-decoration-thickness:1px;text-underline-offset:.16em;transition:color var(--transition),text-decoration-color var(--transition),background-color var(--transition)}a:hover{color:var(--fg);text-decoration-color:var(--fg)}a:focus-visible,button:focus-visible,.theme-select select:focus-visible,.button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button,.button{padding:.35rem 0;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);background:transparent;border:none;border-radius:0;font-family:inherit;font-size:inherit;font-weight:600;text-decoration:underline;text-decoration-color:rgba(var(--accent-rgb),.35);text-underline-offset:.16em;cursor:pointer;transition:var(--transition);-webkit-user-drag:none}button:hover,.button:hover{color:var(--fg);text-decoration-color:var(--fg)}button:is(:disabled,.disabled),.button:is(:disabled,.disabled){color:var(--fg-secondary);opacity:.45;pointer-events:none;cursor:not-allowed}hr{width:100%;margin:2rem 0;padding:0;border:none;border-bottom:1px solid var(--border-color)}ul,ol{margin:0;padding-block:.35rem;padding-inline:1.25rem 0}li{padding-block:.1rem;padding-inline-start:.25rem}main{z-index:1;width:100%;min-width:0;margin:0;padding:0;grid-column:2;grid-row:1 / span 2}main>h2:first-child{margin-bottom:2.5rem;color:var(--fg);font-size:clamp(2rem,4vw,3.2rem);font-weight:650;line-height:1}.subheading{color:var(--fg-secondary);font-size:1.1rem;font-style:italic}blockquote{margin:1.75rem 0;padding:.35rem 0 .35rem 1rem;color:var(--fg-secondary);border-left:2px solid var(--accent-border-color)}img,iframe{max-width:100%}footer{width:100%;margin:5rem 0 0;padding:1.5rem 0 0;grid-column:2;grid-row:3;color:var(--fg-secondary);border-top:1px solid var(--border-color);font-size:.85rem}footer a{font-weight:550}@media(max-width:900px){#root{width:min(720px,calc(100% - 32px));padding:1.25rem 0 2rem;display:flex;flex-direction:column;gap:2.5rem}main{width:100%}main>h2:first-child{margin-bottom:1.5rem}footer{margin-top:2.5rem}}@media(max-width:480px){html{font-size:17px}#root{width:min(100% - 24px,720px)}}header{--nav-sticky-offset: 1rem;position:sticky;z-index:10;top:var(--nav-sticky-offset);align-self:start;width:100%;margin:0;padding:0;grid-column:1;grid-row:1 / span 3}.header-content{width:100%;max-height:calc(100svh - (var(--nav-sticky-offset) * 2));padding-right:.25rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;display:flex;flex-direction:column;align-items:flex-start;gap:2rem}.header-content::-webkit-scrollbar{width:6px}.header-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:999px}.site-title{width:100%}.site-title a{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:.8rem;color:var(--fg);text-decoration:none}.site-title img{width:44px;height:44px;display:block;border-radius:50%;filter:grayscale(.12);-webkit-user-drag:none}.site-title span{min-width:0;display:flex;flex-direction:column;gap:.05rem}.site-title strong{font-size:1rem;font-weight:650;line-height:1.1}.site-title small{color:var(--fg-secondary);font-size:.82rem;line-height:1.15}nav{width:100%}nav ul{list-style:none;width:100%;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}nav li{margin:0;padding:0}nav a{width:100%;display:grid;grid-template-columns:1rem minmax(0,1fr);align-items:center;gap:.55rem;color:var(--fg-secondary);font-size:.95rem;font-weight:550;text-decoration:none;text-decoration-color:transparent;text-underline-offset:.18em}nav a svg,.nav-elsewhere a svg,.theme-pill svg{flex:none;stroke-width:2}nav a.active{color:var(--accent);font-weight:650;text-decoration:underline;text-decoration-color:rgba(var(--accent-rgb),.45)}nav a:hover{color:var(--accent);text-decoration:underline;text-decoration-color:rgba(var(--accent-rgb),.45)}.theme-select{width:100%;padding-top:1.25rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.4rem}.theme-select label{color:var(--fg-secondary);font-size:.76rem;font-weight:650;letter-spacing:.02em;line-height:1;text-transform:uppercase}.theme-select select{width:100%;min-height:2.1rem;padding:.3rem .55rem;color:var(--fg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);font-family:inherit;font-size:.88rem;font-weight:550;line-height:1.2}.theme-pill-group{display:none}.nav-elsewhere{width:100%;padding-top:1.25rem;border-top:1px solid var(--border-color)}.nav-elsewhere h2{margin-bottom:.7rem;color:var(--fg-secondary);font-size:.76rem;font-weight:650;letter-spacing:.02em;text-transform:uppercase}.nav-elsewhere ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.nav-elsewhere li{margin:0;padding:0}.nav-elsewhere a{width:100%;display:grid;grid-template-columns:.95rem minmax(0,1fr);align-items:center;gap:.5rem;color:var(--fg-secondary);font-size:.95rem;font-weight:500;text-decoration:none}.nav-elsewhere a:hover{color:var(--accent);text-decoration:underline;text-decoration-color:rgba(var(--accent-rgb),.35)}@media(max-width:900px){header{--nav-sticky-offset: .75rem;background:var(--bg)}.header-content{height:auto;max-height:calc(100svh - (var(--nav-sticky-offset) * 2));min-height:0;padding-right:0;overflow-y:auto;gap:1rem}.site-title a{grid-template-columns:38px minmax(0,1fr)}.site-title img{width:38px;height:38px}nav ul{flex-flow:row wrap;gap:.45rem 1rem}nav a{width:auto}.theme-select{max-width:max-content;margin-top:0;padding-top:0;border-top:none}.theme-select label,.theme-select select{display:none}.theme-pill-group{padding:.18rem;display:inline-flex;align-items:center;gap:.1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px}.theme-pill{width:2rem;height:2rem;padding:0;color:var(--fg-secondary);background:transparent;border:none;border-radius:999px;text-decoration:none}.theme-pill:hover{color:var(--accent);text-decoration:none}.theme-pill[aria-pressed=true]{color:var(--bg);background:var(--accent)}.nav-elsewhere{padding-top:1rem}}.link-grid{width:100%}.link-grid ul{list-style:none;width:100%;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.65rem 1.15rem}.link-grid li{margin:0;padding:0}.link-grid a{color:var(--fg-secondary);font-size:.98rem;font-weight:550;text-decoration:none}.link-grid a:hover{color:var(--accent)}section.link-list{width:100%;border-top:1px solid var(--border-color)}section.link-list article{width:100%;margin:0;padding:1.35rem 0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title meta" "subtitle meta" "tags tags";gap:.35rem 1.5rem;border-bottom:1px solid var(--border-color)}section.link-list h3{grid-area:title;padding:0;font-size:clamp(1.35rem,2.5vw,1.85rem)}section.link-list h3 a{color:var(--fg);text-decoration:none}section.link-list h3 a:hover{color:var(--accent)}section.link-list p.subtitle{grid-area:subtitle;padding:0;color:var(--fg-secondary);font-size:1rem}section.link-list sub.timestamp{grid-area:meta;align-self:start;color:var(--fg-secondary);font-size:.84rem;line-height:1.4;white-space:nowrap}.tag-list{grid-area:tags;list-style:none;margin:.25rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .65rem}.tag-list li{margin:0;padding:0;color:var(--fg-secondary);font-size:.8rem}.tag-list li:before{content:"#";color:var(--accent-secondary)}.tag-list a{color:inherit;text-decoration:none}.tag-list a:hover{color:var(--accent)}.tag-list a:focus-visible{outline-offset:3px}.section-label{margin:2.5rem 0 .8rem;color:var(--fg-secondary);font-size:.95rem}main>h2:first-child+.section-label{margin-top:0}@media(max-width:640px){section.link-list article{grid-template-columns:1fr;grid-template-areas:"title" "subtitle" "meta" "tags"}section.link-list sub.timestamp{white-space:normal}}.home{width:100%;display:flex;flex-direction:column;gap:4rem}.home-hero{width:100%;padding-bottom:3rem;border-bottom:1px solid var(--border-color)}.home-hero h1{max-width:11ch;font-size:clamp(2.35rem,5.4vw,4.35rem);font-weight:620;line-height:1.02}.home-hero .lede{max-width:30rem;margin-top:1.2rem;color:var(--fg-secondary);font-size:clamp(1.25rem,2vw,1.65rem);font-weight:500;line-height:1.22}.home-hero p:not(.lede){max-width:34rem;margin-top:1rem;color:var(--fg-secondary);font-size:1.08rem}.home-section{width:100%;display:flex;flex-direction:column;gap:1rem}.section-heading{width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.section-heading h2{color:var(--fg);font-size:1rem;font-weight:650;text-transform:uppercase}.section-heading a{color:var(--fg-secondary);font-size:.86rem;text-decoration:none}.section-heading a:hover{color:var(--accent)}.index-list{width:100%;border-top:1px solid var(--border-color)}.index-list article{width:100%;padding:1rem 0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title meta" "description description";gap:.25rem 1rem;border-bottom:1px solid var(--border-color)}.index-list article>a{grid-area:title;color:var(--fg);font-size:1.15rem;font-weight:620;text-decoration:none}.index-list article>a:hover{color:var(--accent)}.index-list article>p{grid-area:description;color:var(--fg-secondary)}.index-list article>span{grid-area:meta;color:var(--fg-secondary);font-size:.86rem;white-space:nowrap}@media(max-width:640px){.home{gap:3rem}.home-hero{padding-bottom:2rem}.index-list article{grid-template-columns:1fr;grid-template-areas:"title" "description" "meta"}}article.post{width:100%}article.post .post-header{width:100%;margin:0 0 3rem;padding-bottom:2rem;display:flex;flex-direction:column;align-items:flex-start;gap:.9rem;border-bottom:1px solid var(--border-color)}article.post .post-header h2{max-width:11ch;color:var(--fg);font-size:clamp(2.6rem,7vw,5rem);font-weight:650;line-height:.98}article.post .post-header p.subtitle{max-width:34rem;color:var(--fg-secondary);font-size:clamp(1.2rem,2.2vw,1.7rem);font-weight:480;line-height:1.22}article.post .post-header sub.timestamp{color:var(--fg-secondary);font-size:.88rem}article.post .post-body{width:100%;color:var(--fg)}article.post .post-body>*+*{margin-top:1.1rem}article.post .post-body h1,article.post .post-body h2,article.post .post-body h3{margin-top:2.35rem}article.post .post-body h1{font-size:clamp(1.9rem,3vw,2.45rem)}article.post .post-body h2{font-size:clamp(1.45rem,2vw,1.8rem)}article.post .post-body h3{font-size:1.18rem}article.post .post-body p,article.post .post-body li{color:var(--fg)}article.post .post-body img{max-width:100%;height:auto;display:block;border:1px solid var(--border-color);border-radius:var(--border-radius);-webkit-user-drag:none}article.post .post-body iframe{border-radius:var(--border-radius)}article.post .post-body sup{line-height:0}@media(max-width:640px){article.post .post-header{margin-bottom:2rem;padding-bottom:1.5rem}}article.project{width:100%}article.project .project-header{width:100%;margin:0 0 2.5rem;padding-bottom:2rem;display:flex;flex-direction:column;align-items:flex-start;gap:.85rem;border-bottom:1px solid var(--border-color)}article.project .project-header h2{max-width:12ch;color:var(--fg);font-size:clamp(2.6rem,7vw,5rem);font-weight:650;line-height:.98}article.project .project-header p.subtitle{max-width:34rem;color:var(--fg-secondary);font-size:clamp(1.2rem,2.2vw,1.65rem);font-weight:480;line-height:1.22}article.project .project-header sub.timestamp{color:var(--fg-secondary);font-size:.88rem}.project-stack,.project-links ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .8rem}.project-stack li{margin:0;padding:0;color:var(--fg-secondary);font-size:.84rem}.project-stack li+li:before{content:"/";margin-right:.8rem;color:var(--accent-secondary)}.project-links{width:100%;margin-top:.3rem}.project-links li{margin:0;padding:0}.project-links a.button{padding:0}article.project .project-body{width:100%}article.project .project-body>*+*{margin-top:1.1rem}article.project .project-body h1,article.project .project-body h2,article.project .project-body h3,article.project .project-body h4{margin-top:2.35rem}article.project .project-body h3{font-size:clamp(1.45rem,2vw,1.8rem)}article.project .project-body h4{font-size:1.18rem}.project-screenshots{width:100%;margin:0 0 2rem;display:grid;gap:1rem}.project-screenshots a{display:block}.project-screenshots img{width:100%;height:auto;display:block;border:1px solid var(--border-color);border-radius:var(--border-radius);-webkit-user-drag:none}@media(max-width:640px){article.project .project-header{margin-bottom:2rem;padding-bottom:1.5rem}}section.feed-posts-list{width:100%;margin-top:1rem;border-top:1px solid var(--border-color)}section.feed-posts-list ul{list-style:none;width:100%;margin:0;padding:0;display:flex;flex-direction:column}section.feed-posts-list li{width:100%;margin:0;padding:1.5rem 0;border-bottom:1px solid var(--border-color)}section.feed-posts-list li>div:first-child{color:var(--fg)}section.feed-posts-list p{margin:0 0 .75rem}section.feed-posts-list a{overflow-wrap:anywhere}section.feed-posts-list sub.timestamp{display:inline-block;margin-top:.75rem;color:var(--fg-secondary);font-size:.84rem}section.feed-posts-list sub.timestamp a{color:var(--fg-secondary);font-weight:500;text-decoration:none}section.feed-posts-list sub.timestamp a:hover{color:var(--accent)}.carousel{margin-top:1rem;display:grid;gap:1rem}.image-group img{width:100%;display:block;border:1px solid var(--border-color);border-radius:var(--border-radius)}.image-group span{margin-top:.45rem;display:inline-block;color:var(--fg-secondary);font-size:.82rem;font-style:italic}img.not-found{width:180px;height:180px;margin:2rem 0;display:block;border-radius:50%;filter:grayscale(.1);user-select:none;-webkit-user-drag:none}.button.not-found-redirect{margin-top:1rem}