@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--system-font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--body-font:"Inter", var(--system-font);--header-font:"Inter", var(--system-font);--label-font:"Inter", var(--system-font);--monospace-font:"JetBrains Mono", monospace;--fg-rgb:20, 18, 15;--fg-secondary-rgb:106, 100, 91;--fg-highlight-rgb:78, 38, 46;--bg-rgb:255, 255, 255;--bg-secondary-rgb:225, 225, 225;--accent-rgb:50, 75, 25;--accent-secondary-rgb:50, 150, 75;--accent-border-rgb:181, 167, 151;--border-color-rgb:215, 207, 193;--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));--surface:var(--bg);--surface-strong:#fffdf7;--shadow:none;--border-radius:0;--border-radius-1:0;--border-radius-2:0;--transition:.16s ease;color-scheme:light;accent-color:var(--accent)}:root[data-theme=dark]{--fg-rgb:238, 232, 219;--fg-secondary-rgb:166, 157, 140;--fg-highlight-rgb:209, 155, 139;--bg-rgb:18, 17, 15;--bg-secondary-rgb:30, 28, 25;--accent-rgb:209, 155, 139;--accent-secondary-rgb:176, 137, 121;--accent-border-rgb:90, 78, 66;--border-color-rgb:58, 53, 46;--surface:var(--bg);--surface-strong:#171512;--shadow:none;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme]){--fg-rgb:238, 232, 219;--fg-secondary-rgb:166, 157, 140;--fg-highlight-rgb:209, 155, 139;--bg-rgb:18, 17, 15;--bg-secondary-rgb:30, 28, 25;--accent-rgb:209, 155, 139;--accent-secondary-rgb:176, 137, 121;--accent-border-rgb:90, 78, 66;--border-color-rgb:58, 53, 46;--surface:var(--bg);--surface-strong:#171512;--shadow:none;color-scheme:dark}}*{box-sizing:border-box}::selection{color:var(--surface);background:var(--accent)}html{width:100%;color:var(--fg);background:var(--bg);font-size:1rem;font-family:var(--body-font);margin:0;padding:0;font-weight:400}body{background:var(--bg);width:100%;min-height:100vh;margin:0;padding:0}#root{background:var(--surface);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);width:min(960px,100% - 48px);min-height:100vh;margin:0 auto;line-height:1.65;display:grid}h1,h2,h3,h4,h5,h6{font-family:var(--header-font);letter-spacing:0;margin:0;padding:0;font-weight:500;line-height:1}h1{font-size:clamp(3.2rem,8vw,6.8rem)}h2{font-size:clamp(2rem,3.5vw,3.5rem)}h3{font-size:clamp(1.3rem,2vw,1.75rem)}p{margin:0;padding:0}pre,code{font-family:var(--monospace-font)}code{background:var(--bg-secondary);border-radius:0;padding:.075rem .25rem;font-size:.9em}pre{background:var(--bg-secondary);border-radius:0;max-width:100%;margin:1.5rem 0;padding:1rem;overflow:auto}pre code{background:0 0;border:none;padding:0}a{color:var(--accent);text-decoration-color:rgba(var(--accent-rgb), .4);text-underline-offset:.16em;transition:color var(--transition), text-decoration-color var(--transition), background-color var(--transition);font-weight:500;text-decoration-thickness:1px}a:hover{color:var(--fg);text-decoration-color:var(--fg)}a:focus-visible,button:focus-visible,.button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button,.button{color:var(--accent);font-family:var(--label-font);text-decoration:underline;text-decoration-color:rgba(var(--accent-rgb), .4);text-underline-offset:.16em;cursor:pointer;transition:var(--transition);-webkit-user-drag:none;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:.25rem 0;font-size:.82rem;font-weight:600;display:inline-flex}button:hover,.button:hover{color:var(--fg);background:0 0}button:is(:disabled,.disabled),.button:is(:disabled,.disabled){color:var(--fg-secondary);opacity:.45;pointer-events:none;cursor:not-allowed}hr{border:none;border-bottom:1px solid rgba(var(--fg-rgb), .22);width:100%;margin:2rem 0;padding:0}ul,ol{margin:0;padding-block:.35rem;padding-inline:1.25rem 0}li{padding-block:.1rem;padding-inline-start:.25rem}main{grid-area:2/1;width:100%;min-width:0;margin:0;padding:clamp(2.25rem,4vw,3.75rem) 0 clamp(3rem,7vw,5.5rem)}main>h2:first-child{color:var(--fg);margin-bottom:2.25rem;font-size:clamp(3rem,7vw,5.8rem);font-weight:500}.subheading{color:var(--fg-secondary);font-size:1.08rem}blockquote{color:var(--fg);margin:1.75rem 0;padding:0;font-size:1.12rem;font-style:italic;line-height:1.55}img,iframe{max-width:100%}footer{width:100%;color:var(--fg-secondary);font-family:var(--label-font);grid-area:3/1;margin:0;padding:1.1rem 0 2rem;font-size:.78rem}@media (width<=900px){#root{width:min(760px,100% - 32px);min-height:auto;margin:0 auto}main{padding:2rem 0 3.5rem}footer{padding:1rem 0 2rem}}@media (width<=480px){html{font-size:17px}#root{border-inline:none;width:100%;margin:0}main,footer{padding-inline:1rem}}header{background:0 0;width:100%;min-height:100%;margin:0;padding:0}.header-content{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem 1.75rem;width:100%;padding:1.25rem 0;display:grid}.site-title{--site-logo-size:clamp(2.63rem, 2.375vw + 1.014rem, 3.11rem);min-width:0}.site-title a{color:var(--fg);align-items:center;gap:.8rem;text-decoration:none;display:flex}.site-title img{width:var(--site-logo-size);height:var(--site-logo-size);object-fit:cover;-webkit-user-drag:none;flex:none;display:block}.site-title span{flex-direction:column;gap:.15rem;min-width:0;display:flex}.site-title strong{font-family:var(--header-font);font-size:clamp(1.7rem,2.5vw,2.2rem);font-weight:700;line-height:.95}.site-title small{color:var(--fg-secondary);font-family:var(--label-font);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:600;line-height:1.2}.theme-cycle{color:var(--fg-secondary);font-family:var(--label-font);letter-spacing:.08em;text-transform:uppercase;gap:.4rem;font-size:.72rem;font-weight:680;line-height:1;text-decoration:none}.theme-cycle:hover{color:var(--fg)}.theme-cycle-icon{align-items:center;display:inline-flex}.theme-cycle-icon[hidden]{display:none}@media (width<=900px){header{border-right:none;min-height:0}.header-content{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem 1rem;padding:1rem 0}.site-title{grid-area:1/1}.theme-cycle{grid-area:1/2}.theme-cycle [data-theme-label]{display:none}}@media (width<=480px){.header-content{padding-inline:1rem}}section.link-list{border-top:1px solid rgba(var(--fg-rgb), .28);width:100%}section.link-list article{border-bottom:1px solid rgba(var(--fg-rgb), .16);grid-template-columns:minmax(0,1fr) minmax(9rem,auto);grid-template-areas:"title meta""subtitle meta""tags tags";gap:.25rem 1.5rem;width:100%;margin:0;padding:1.25rem 0;display:grid}section.link-list h3{grid-area:title;padding:0;font-size:clamp(1.45rem,2.8vw,2.1rem);font-weight:500;line-height:1.05}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{color:var(--fg-secondary);grid-area:subtitle;padding:0;font-size:1rem;line-height:1.48}section.link-list sub.timestamp{color:var(--fg-secondary);font-family:var(--label-font);letter-spacing:.04em;text-align:right;text-transform:uppercase;white-space:nowrap;grid-area:meta;align-self:start;font-size:.72rem;font-weight:600;line-height:1.4}.tag-list{flex-wrap:wrap;grid-area:tags;gap:.35rem .6rem;margin:.25rem 0 0;padding:0;list-style:none;display:flex}.tag-list li{color:var(--fg-secondary);font-family:var(--label-font);letter-spacing:.04em;text-transform:uppercase;margin:0;padding:0;font-size:.68rem;font-weight:650}.tag-list li:before{content:"#";color:var(--accent)}.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{color:var(--fg-secondary);font-family:var(--label-font);letter-spacing:.08em;text-transform:uppercase;margin:2.75rem 0 .85rem;font-size:.72rem;font-weight:700}main>h2:first-child+.section-label{margin-top:0}@media (width<=640px){section.link-list article{grid-template-columns:1fr;grid-template-areas:"title""subtitle""meta""tags"}section.link-list sub.timestamp{text-align:left;white-space:normal}}.outline{width:min(100%,48rem);color:var(--fg)}.outline>ul,.outline ul{margin:0;padding:0;list-style:none}.outline>ul>.outline-node{margin:0}.outline>ul>.outline-node+.outline-node{margin-top:.45rem}.outline-node{min-width:0;margin:0;padding:0;position:relative}.outline-row{align-items:flex-start;min-width:0;min-height:2rem;padding:.25rem 0;display:flex;position:relative}.outline-content{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.outline-link{min-width:0;color:var(--fg);font-family:var(--header-font);overflow-wrap:anywhere;text-decoration:1px var(--fg-secondary) dotted;align-items:center;gap:.25rem;padding:.1rem 0;font-size:1.5rem;font-weight:500;line-height:1.5;display:inline-flex;&:hover{color:var(--accent);background:rgba(var(--accent-rgb), .08)}}.outline>ul>.outline-node>.outline-row>.outline-link{color:var(--fg);font-size:1.75rem;font-weight:700}.outline-node-marker{width:1rem;height:1rem;color:var(--accent-secondary);flex:0 0 1rem;margin-top:.125rem}.outline-children{margin:0;padding:.15rem 0 .25rem .25rem;& .outline-row{gap:.5rem;min-height:2rem;padding:.18rem 0}& .outline-link{color:var(--fg);font-size:1rem;&:hover{color:var(--accent)}}}.outline-description{max-width:42rem;color:var(--fg-secondary);font-family:var(--body-font);margin:.08rem 0 .5rem;font-size:.75rem;line-height:1.4}.outline-meta{color:var(--fg-secondary);font-family:var(--label-font);margin-block:0 .5rem;font-size:.75rem;line-height:1}.outline-children .outline-children{padding-left:1rem}.external-link-indicator{color:var(--accent);flex:none}.outline .external-link-indicator{display:block}@media (width<=640px){.outline>ul>.outline-node+.outline-node{margin-top:.3rem}.outline-link{font-size:1.5rem}.outline>ul>.outline-node>.outline-row>.outline-link{font-size:3rem}.outline-children{padding-left:.25rem}.outline-node-marker{flex-basis:.75rem;width:.75rem;height:.75rem;margin-top:.25rem}.outline-description{font-size:1rem}.outline-meta{font-size:.75rem}}article.about{grid-template-columns:minmax(0,1fr);gap:1.5rem;width:min(100%,48rem);padding-bottom:2.5rem;display:grid}.about-header{margin:0}.about-header .lede{max-width:36rem;color:var(--fg);font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.3}.about-body{max-width:42rem;color:var(--fg-secondary);font-size:.98rem;line-height:1.65}.about-body>*+*{margin-top:.9rem}@media (width<=640px){article.about{grid-template-columns:1fr;gap:1rem}}article.post{width:100%}article.post .post-header{flex-direction:column;align-items:flex-start;gap:.9rem;width:100%;margin:0 0 2.75rem;display:flex}article.post .post-header h2{color:var(--fg);font-size:2.5rem;font-weight:650;line-height:1}article.post .post-header p.subtitle{color:var(--fg-secondary);font-size:1.5rem;line-height:1.25}article.post .post-header sub.timestamp{color:var(--fg-secondary);font-family:var(--label-font);font-size:1rem}article.post .post-body{width:min(100%,740px);color:var(--fg);font-size:1rem;line-height:1.75}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.5rem}article.post .post-body h1{font-size:1.5rem;font-weight:650}article.post .post-body h2{font-size:1.325rem;font-weight:600}article.post .post-body h3{font-size:1.25rem;font-weight:550}article.post .post-body p,article.post .post-body li{color:var(--fg)}article.post .post-body img{-webkit-user-drag:none;border-radius:0;max-width:100%;height:auto;display:block}article.post .post-body iframe{border-radius:0}article.post .post-body sup{line-height:0}@media (width<=640px){article.post .post-header{margin-bottom:2rem;padding-bottom:1.5rem}}article.project{width:100%}article.project .project-header{flex-direction:column;align-items:flex-start;gap:.9rem;width:100%;margin:0 0 2.75rem;display:flex}article.project .project-header h2{color:var(--fg);font-size:2.5rem;font-weight:650;line-height:1}article.project .project-header p.subtitle{color:var(--fg-secondary);font-size:1.5rem;line-height:1.25}article.project .project-header sub.timestamp{color:var(--fg-secondary);font-family:var(--label-font);font-size:1rem}.project-stack,.project-links ul{flex-wrap:wrap;gap:.35rem .8rem;margin:0;padding:0;list-style:none;display:flex}.project-stack li{color:var(--fg-secondary);font-family:var(--label-font);letter-spacing:.04em;text-transform:uppercase;margin:0;padding:0;font-size:.7rem;font-weight:650}.project-stack li+li:before{content:"/";color:var(--accent-secondary);margin-right:.8rem}.project-links{width:100%;margin-top:.3rem}.project-links li{margin:0;padding:0}.project-links a.button{border:3px solid var(--accent-secondary);padding:.25rem 1rem;font-size:1.5rem;text-decoration:none;&:hover{color:var(--bg);background:var(--fg);border-color:var(--fg)}}article.project .project-body{width:min(100%,740px);font-size:1rem;line-height:1.75}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{gap:1rem;width:100%;margin:0 0 2rem;display:grid}.project-screenshots a{display:block}.project-screenshots img{-webkit-user-drag:none;border-radius:0;width:100%;height:auto;display:block}@media (width<=640px){article.project .project-header{margin-bottom:2rem;padding-bottom:1.5rem}}img.not-found{filter:grayscale(.1);user-select:none;-webkit-user-drag:none;border-radius:0;width:180px;height:180px;margin:2rem 0;display:block}.button.not-found-redirect{margin-top:1rem}