@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.06d3mdzz5bre_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.11.cyxs5p-0z~.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.16t1db8_9y2o~.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0q3udbd2bu5yp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0gw~uztddq1df.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0.q-h669a_dqa.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}

:root{--bg:#fdfaf6;--bg-secondary:#f5f1eb;--fg:#25252b;--fg-muted:#5c5a55;--fg-faint:#b0ada6;--accent:#ca8a04;--accent-hover:#92400e;--border:#e8e2d9;--code-bg:#f0ece5;--font-sans:var(--font-geist-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:var(--font-geist-mono), "Fira Code", "Cascadia Code", monospace;--sidebar-width:260px;--content-max:720px;--gap:1.5rem;--base-font:1rem;--h1:1.875rem;--h2:1.5rem;--h3:1.2rem;--h4:1.05rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (min-width:600px){:root{--h1:2.4rem;--h2:1.85rem;--h3:1.45rem;--h4:1.2rem}}@media (min-width:1280px){:root{--h1:2.7rem;--h2:2rem;--h3:1.55rem;--h4:1.25rem;--sidebar-width:290px}}@media (min-width:1920px){:root{--h1:3rem;--h2:2.2rem;--h3:1.65rem;--h4:1.3rem;--sidebar-width:330px}}[data-theme=dark]{--bg:#16161a;--bg-secondary:#1e1e24;--fg:#e2e2e8;--fg-muted:#888890;--fg-faint:#44444c;--accent:#fbbf24;--accent-hover:#fde68a;--border:#2a2a34;--code-bg:#1a1a22;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-color=purple]{--accent:#9333ea;--accent-hover:#7e22ce}[data-color=blue]{--accent:#2563eb;--accent-hover:#1d4ed8}[data-color=green]{--accent:#16a34a;--accent-hover:#15803d}[data-color=rose]{--accent:#e11d48;--accent-hover:#be123c}[data-color=purple][data-theme=dark]{--accent:#c084fc;--accent-hover:#e879f9}[data-color=blue][data-theme=dark]{--accent:#60a5fa;--accent-hover:#93c5fd}[data-color=green][data-theme=dark]{--accent:#4ade80;--accent-hover:#86efac}[data-color=rose][data-theme=dark]{--accent:#fb7185;--accent-hover:#fda4af}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;line-height:1.75}a{color:var(--accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}a:hover{color:var(--accent-hover)}.layout-wrapper{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:1fr;place-self:center;width:fit-content;min-width:80%;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);flex-direction:column;height:100vh;padding:2rem 1.5rem;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.sidebar-controls{align-items:center;gap:.4rem;display:flex}.sidebar-logo{color:var(--fg);letter-spacing:-.01em;font-size:2rem;font-weight:700;text-decoration:none}.sidebar-logo:hover{color:var(--accent)}.sidebar-divider{border:none;border-top:1px solid var(--border);margin:1rem 0}.sidebar-section{margin-bottom:.25rem}.sidebar-section-title{color:var(--fg);margin-bottom:.6rem;font-size:1rem;font-weight:700}.sidebar-blurb{color:var(--fg-muted);font-size:.875rem;line-height:1.6}.sidebar-blurb a{color:var(--accent)}.sidebar-nav ul{flex-direction:column;gap:.1rem;list-style:none;display:flex}.sidebar-nav a{border-radius:5px;margin-left:-.5rem;padding:.3rem .5rem;font-size:1rem;text-decoration:none;transition:background .1s,color .1s;display:block}.sidebar-nav a:hover{background:var(--bg-secondary);color:var(--fg)}.sidebar-links{flex-direction:column;gap:.35rem;list-style:none;display:flex}.sidebar-links a{color:var(--fg-muted);font-size:1rem;text-decoration:none}.sidebar-links a:hover{color:var(--accent)}.color-picker-dropdown{position:relative}.color-picker-trigger{cursor:pointer;color:var(--fg-muted);background:0 0;border:none;border-radius:6px;align-items:center;gap:.35rem;min-height:2.25rem;padding:.45rem .55rem;line-height:1;transition:background .1s,color .1s;display:flex}.color-picker-trigger:hover{background:var(--bg-secondary);color:var(--fg)}.color-swatch-dot{border-radius:50%;flex-shrink:0;width:15px;height:15px;display:inline-block}.color-picker-caret{font-size:.85rem;line-height:1}.color-picker-menu{background:var(--bg);border:1px solid var(--border);z-index:100;border-radius:7px;min-width:110px;padding:.3rem;list-style:none;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 16px #0000001a}.color-picker-option{cursor:pointer;width:100%;color:var(--fg-muted);font-size:.9rem;font-family:var(--font-sans);text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:.5rem;padding:.45rem .6rem;transition:background .1s,color .1s;display:flex}.color-picker-option:hover{background:var(--bg-secondary);color:var(--fg)}.color-picker-option--active{color:var(--fg);font-weight:600}.theme-toggle{cursor:pointer;color:var(--fg-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-height:2.25rem;padding:.45rem .55rem;font-size:1.15rem;line-height:1;transition:color .1s,background .1s;display:flex}.theme-toggle:hover{color:var(--fg);background:var(--bg-secondary)}.mobile-header{display:none}.main-area{flex-direction:row;align-items:flex-start;min-height:100vh;display:flex}.content-col{flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex;overflow-x:hidden}.page-content{flex:1;width:100%;padding:3rem 5rem 4rem}.site-footer{border-top:1px solid var(--border);padding:1.25rem var(--gap);text-align:center;color:var(--fg-muted);font-size:.82rem}.site-footer a{color:var(--fg-muted);text-decoration:none}.site-footer a:hover{color:var(--accent)}h1{font-size:var(--h1);letter-spacing:-.02em;font-weight:700;line-height:1.2}h2{font-size:var(--h2);letter-spacing:-.015em;font-weight:700;line-height:1.3}h3{font-size:var(--h3);font-weight:600;line-height:1.4}h4{font-size:var(--h4);font-weight:600;line-height:1.4}.hero{flex-direction:row;align-items:flex-start;gap:2rem;padding:.5rem 0 3rem;display:flex}.hero-text{flex:1;min-width:0}.portrait-wrapper{background:var(--bg-secondary);border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:clamp(100px,15vw,250px);height:clamp(100px,15vw,250px);overflow:hidden}.portrait-wrapper img{object-fit:cover;width:100%;height:100%;display:block}.portrait-placeholder{width:100%;height:100%;color:var(--fg-faint);letter-spacing:-.02em;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex}.hero h1{margin-bottom:.75rem}.hero-tagline{color:var(--fg-muted);max-width:460px;margin-bottom:1.25rem;font-size:1.15rem;line-height:1.65}.hero-links{gap:1.25rem;font-size:1rem;display:flex}.hero-links a{color:var(--fg-muted);text-decoration:none}.hero-links a:hover{color:var(--accent)}.home-section{margin-bottom:3rem}.section-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.25rem;display:flex}.section-header h2{font-size:var(--h2);margin:0;font-weight:700}.section-subtitle{color:var(--fg-muted);margin:.2rem 0 1rem;font-size:1.1rem}.see-all{color:var(--fg-muted);white-space:nowrap;padding-top:.3rem;font-size:1rem;text-decoration:none}.see-all:hover{color:var(--accent)}.year-group{margin-bottom:2.5rem}.year-label{color:var(--fg);border-bottom:1px solid var(--border);margin-bottom:.25rem;padding-bottom:.5rem;font-size:1rem;font-weight:700}.post-row{border-bottom:1px solid var(--border);flex-direction:row;align-items:baseline;gap:.75rem;padding:5px 0;text-decoration:none;transition:background .1s;display:flex}.post-row:last-child{border-bottom:none}.post-row:hover{background:var(--bg-secondary);margin:0 -.5rem;padding-left:.5rem;padding-right:.5rem}.post-row-date{width:7.5rem;min-width:7.5rem;color:var(--fg-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.82rem}.post-row-title{color:var(--accent);flex:1;font-size:.975rem;font-weight:600;text-decoration:none}.post-row-title:hover{color:var(--accent-hover);text-underline-offset:3px;text-decoration:underline}.tag-filter{flex-wrap:wrap;gap:.4rem;margin-bottom:2.5rem;display:flex}.tag{background:var(--bg-secondary);color:var(--fg-muted);border:1px solid var(--border);border-radius:99px;padding:.2rem .65rem;font-size:.77rem;line-height:1.5;text-decoration:none;transition:background .1s,color .1s,border-color .1s;display:inline-block}.tag:hover{color:var(--fg);border-color:var(--fg-muted)}.tag--active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.tag--active:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--bg)}.post-tags{flex-wrap:wrap;gap:.4rem;margin-top:.6rem;display:flex}.post-header{border-bottom:1px solid var(--border);margin-bottom:3rem;padding-bottom:1.5rem}.post-header h1{margin-bottom:.6rem}.post-meta{color:var(--fg-muted);flex-wrap:wrap;gap:.75rem;font-size:.85rem;display:flex}.back-link{color:var(--fg-muted);margin-bottom:1.5rem;font-size:.85rem;text-decoration:none;display:inline-block}.back-link:hover{color:var(--accent)}.project-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:1.5rem;display:grid}.project-card{border:1px solid var(--border);background:var(--bg-secondary);border-radius:10px;flex-direction:column;gap:.35rem;padding:1.25rem 1.5rem;display:flex}.project-card-year{color:var(--fg-muted);font-variant-numeric:tabular-nums;font-size:.78rem}.project-card-name{color:var(--accent);font-size:1.05rem;font-weight:600;text-decoration:none}.project-card-name:hover{color:var(--accent-hover);text-underline-offset:3px;text-decoration:underline}.project-card-desc{color:var(--fg-muted);flex:1;margin:0;font-size:.875rem;line-height:1.55}.project-card-actions{flex-wrap:wrap;gap:.4rem;margin-top:.65rem;display:flex}.project-btn{border:1px solid var(--border);color:var(--fg);background:var(--bg);white-space:nowrap;border-radius:6px;padding:.2rem .7rem;font-size:.8rem;text-decoration:none;transition:border-color .1s,color .1s;display:inline-block}.project-btn:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:900px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:550px){.project-grid{grid-template-columns:1fr}}.pico8-player{margin-top:1rem}.pico8-iframe{border:1px solid var(--border);border-radius:4px;max-width:100%;display:block}.pico8-start{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;color:var(--fg-muted);font-size:.875rem;font-family:var(--font-sans);border-radius:6px;padding:.65rem 1.25rem;transition:border-color .1s,color .1s}.pico8-start:hover{border-color:var(--accent);color:var(--accent)}.prose{max-width:var(--content-max);font-size:1rem;line-height:1.8}@media (min-width:800px){.prose{font-size:1.05rem}}@media (min-width:1280px){.prose{font-size:1.075rem;line-height:1.85}}@media (min-width:1920px){.prose{font-size:1.1rem}.page-content{width:70%}}@media (max-width:1280px){.sidebar-logo{font-size:1.6rem}}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--fg);margin-top:2.5rem;margin-bottom:.75rem;scroll-margin-top:2rem}.prose h1{font-size:var(--h1)}.prose h2{font-size:var(--h2)}.prose h3{font-size:var(--h3)}.prose h4{font-size:var(--h4)}.prose>h1:first-child,.prose>h2:first-child,.prose>h3:first-child{margin-top:0}.prose h2+h3,.prose h3+h4{margin-top:.5rem}.prose h1 a,.prose h2 a,.prose h3 a,.prose h4 a{color:inherit;text-decoration:none}.prose h2 a:hover,.prose h3 a:hover{color:var(--accent)}.prose h2{border-bottom:1px solid var(--border);padding-bottom:.5rem}.prose p{margin-bottom:1.4rem}.prose ul,.prose ol{margin:0 0 1.4rem 1.4rem}.prose li{margin-bottom:.3rem;line-height:1.7}.prose li p{margin-top:0}.prose a{color:var(--accent);text-underline-offset:3px;border-radius:3px;font-weight:500;text-decoration:underline}.prose a:hover{color:var(--accent-hover);background:color-mix(in srgb, var(--accent) 12%, transparent)}.prose code{font-family:var(--font-mono);background:var(--code-bg);border-radius:3px;padding:.15em .4em;font-size:.875em}.prose pre{border:1px solid var(--border);background:var(--code-bg);border-radius:6px;margin-bottom:1.4rem;padding:1rem 1.25rem;font-size:.875rem;overflow-x:auto}.prose figure[data-rehype-pretty-code-figure]{margin-bottom:1.4rem}.prose figure[data-rehype-pretty-code-figure] pre{margin-bottom:0}.prose pre code{font-size:inherit;background:0 0;border-radius:0;padding:0}.prose blockquote{border-left:4px solid var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--bg));color:var(--fg-muted);border-top-right-radius:4px;border-bottom-right-radius:4px;margin:0 0 1.4rem;padding:.75rem 1rem}.prose blockquote>:last-child{margin-bottom:0}.prose blockquote>:first-child{margin-top:0}.prose table{border-collapse:collapse;border:1px solid var(--border);width:100%;margin-bottom:1.4rem;font-size:.9rem}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:.5rem .75rem;line-height:1.5}.prose th{background:var(--bg-secondary);border-bottom:2px solid var(--border);font-weight:600}.prose tbody tr:nth-child(2n){background:var(--bg-secondary)}.prose hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}.prose img{border-radius:30px;width:auto;max-width:100%;height:auto;margin:1.5rem 0}@media (max-width:768px){.layout-wrapper{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar{display:none}.main-area{flex-direction:column}.content-col{min-height:auto}.mobile-header{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex;position:sticky;top:0}.mobile-nav{scrollbar-width:none;flex:1;gap:.1rem;display:flex;overflow-x:auto}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav a{color:var(--fg-muted);white-space:nowrap;border-radius:4px;padding:.25rem .45rem;font-size:.85rem;text-decoration:none}.mobile-nav a:hover{color:var(--fg);background:var(--bg-secondary)}.page-content{padding:2rem 1.25rem 3rem}.hero{flex-direction:column-reverse;align-items:flex-start;gap:1.25rem;padding-bottom:2rem}.portrait-wrapper{width:80px;height:80px}.post-row{flex-direction:column;align-items:flex-start;gap:.1rem;padding:.55rem 0}.post-row-date{width:auto;min-width:0;font-size:.75rem}.pico8-iframe{aspect-ratio:1;width:100%;height:auto}}@media (max-width:425px){html{font-size:15px}.page-content{padding:1.5rem 1rem 2.5rem}.portrait-wrapper{width:68px;height:68px}.hero{gap:1rem;padding-bottom:1.5rem}.hero-tagline{font-size:1rem}.section-header h2{font-size:1.3rem}}