:root{color-scheme:dark;--page-bg:#050505;--panel-bg:#0b0b0b;--text:#f2f2f2;--muted:#888;--quiet:#555;--line:#242424;--content-width:42rem;--page-gutter:clamp(1.25rem, 4vw, 2rem);font-synthesis:none;text-rendering:optimizelegibility;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--page-bg);scroll-behavior:smooth;min-width:320px}body{background:var(--page-bg);min-height:100vh;color:var(--text);margin:0;font-size:1rem;line-height:1.6}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--muted)}button{font:inherit}img{border-radius:.5rem;max-width:100%;height:auto}svg{display:block}.skip-link{z-index:200;background:var(--text);color:var(--page-bg);border-radius:.4rem;padding:.6rem .85rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.page-shell{width:min(var(--content-width), calc(100% - 2 * var(--page-gutter)));margin-inline:auto;padding-block:clamp(8rem,16vh,12rem) 5rem}.page-shell-wide{--content-width:86rem}.profile{margin-bottom:5rem}.profile-avatar{border:1px solid var(--line);background:var(--panel-bg);width:3.5rem;height:3.5rem;color:var(--muted);letter-spacing:.04em;border-radius:50%;place-items:center;margin-bottom:3rem;font-size:.9rem;font-weight:700;display:grid}.profile h1{letter-spacing:-.035em;margin:0 0 .75rem;font-size:clamp(1.5rem,3.5vw,1.8rem);font-weight:600;line-height:1.2}.profile-intro{color:#bdbdbd;letter-spacing:-.015em;max-width:42rem;margin:0;font-size:clamp(1.1rem,2.5vw,1.35rem);font-weight:500;line-height:1.5}.home-section{margin-top:3.5rem}.section-heading{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.25rem;display:flex}.section-heading h2{color:var(--muted);margin:0;font-size:1rem;font-weight:500}.section-heading a{color:var(--muted);font-size:.9rem}.writing-list,.project-list{margin:0;padding:0;list-style:none}.writing-list li+li,.project-list li+li{margin-top:.7rem}.writing-list a,.project-list a{letter-spacing:-.015em;font-size:clamp(1.05rem,2.2vw,1.2rem);font-weight:500;line-height:1.4}.post-list-date,.post-meta{color:var(--muted);font-size:.9rem}.page-title{letter-spacing:-.04em;margin:0 0 2.5rem;font-size:clamp(2rem,5vw,2.75rem);line-height:1.1}.post{max-width:100%}.post-header{margin-bottom:2.5rem}.post-header h1{letter-spacing:-.04em;margin:0 0 1rem;font-size:clamp(2rem,5vw,3rem);line-height:1.1}.post-header .post-meta{margin:0 0 1rem}.post-hero{border-radius:.5rem;width:100%;height:auto;margin-bottom:2.5rem}.prose{color:#d0d0d0}.prose h2,.prose h3,.prose h4{color:var(--text);letter-spacing:-.025em;margin:2.5rem 0 .8rem}.prose h2{font-size:1.7rem}.prose h3{font-size:1.35rem}.prose p,.prose ul,.prose ol{margin:0 0 1.25rem}.prose a{text-underline-offset:.18em;text-decoration:underline}.prose code{color:#eee;background:#1c1c1c;border-radius:.25rem;padding:.12em .35em;font-size:.9em}.prose pre{border:1px solid var(--line);background:var(--panel-bg);border-radius:.5rem;max-width:100%;padding:1rem;overflow-x:auto}.prose pre>code{background:0 0;padding:0}.prose blockquote{border-left:2px solid var(--quiet);color:var(--muted);margin:1.5rem 0;padding-left:1rem}.prose hr{border:0;border-top:1px solid var(--line);margin:2rem 0}.menu-toggle{z-index:120;width:2.5rem;height:2.5rem;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:.5rem;place-items:center;padding:0;display:grid;position:fixed;top:1rem;left:1rem}.menu-toggle:hover{background:#171717}.page-breadcrumb{z-index:109;max-width:calc(100vw - 5.25rem);color:var(--muted);font-size:.95rem;font-weight:600;line-height:1.25;position:fixed;top:1.65rem;left:4.25rem}.page-breadcrumb ol{align-items:center;gap:.75rem;width:100%;min-width:0;margin:0;padding:0;list-style:none;display:flex}.page-breadcrumb li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-breadcrumb li:first-child{flex:none}.page-breadcrumb li:last-child{min-width:0}.page-breadcrumb li+li:before{color:var(--quiet);content:"/";margin-right:.75rem}.page-breadcrumb a{color:var(--text);text-decoration:none}.page-breadcrumb a:hover{color:var(--muted)}.menu-icon{width:1.15rem;height:.9rem;position:relative}.menu-icon span{background:currentColor;border-radius:2px;width:100%;height:2px;transition:transform .16s,top .16s,opacity .12s;position:absolute;left:0}.menu-icon span:first-child{top:0}.menu-icon span:nth-child(2){top:.4rem}.menu-icon span:nth-child(3){top:.8rem}.menu-toggle[aria-expanded=true] .menu-icon span:first-child{top:.4rem;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-icon span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] .menu-icon span:nth-child(3){top:.4rem;transform:rotate(-45deg)}.menu-panel{z-index:110;padding:5rem var(--page-gutter) 2rem;background:var(--page-bg);opacity:0;flex-direction:column;justify-content:space-between;align-items:flex-start;transition:opacity .18s;display:flex;position:fixed;inset:0;overflow-y:auto}.menu-panel.is-open{opacity:1}.menu-panel[hidden]{display:none!important}.menu-content{width:100%}.menu-group+.menu-group{margin-top:2.5rem}.menu-group-label{color:var(--quiet);margin:0 0 .75rem;font-size:.8rem;font-weight:500}.menu-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.menu-link{width:fit-content;color:var(--muted);letter-spacing:-.02em;font-size:clamp(1.1rem,2.4vw,1.3rem);font-weight:500;line-height:1.2}.app-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:2rem 1.25rem;margin:0;padding:0;list-style:none;display:grid}.app-card{min-width:0;color:var(--text);text-align:center;flex-direction:column;align-items:center;gap:.35rem;display:flex}.app-icon{border:1px solid var(--line);background:var(--panel-bg);object-fit:cover;border-radius:.8rem;place-items:center;width:3.25rem;height:3.25rem;margin-bottom:.2rem;display:grid}.app-icon-fallback{color:var(--muted);font-size:1.25rem;font-weight:500}.app-grid-preview .app-icon-fallback{color:#f2f2f2;border-color:#0000}.app-grid-preview li:nth-child(6n+1) .app-icon-fallback{background:#59413f}.app-grid-preview li:nth-child(6n+2) .app-icon-fallback{background:#40534c}.app-grid-preview li:nth-child(6n+3) .app-icon-fallback{background:#3e4c67}.app-grid-preview li:nth-child(6n+4) .app-icon-fallback{background:#5d4a67}.app-grid-preview li:nth-child(6n+5) .app-icon-fallback{background:#62533d}.app-grid-preview li:nth-child(6n) .app-icon-fallback{background:#3e5b61}.app-name{max-width:100%;font-size:.9rem;font-weight:500;line-height:1.3}.app-date{color:var(--muted);font-size:.8rem;line-height:1.3}.apps-preview-note{color:var(--muted);margin:-1.5rem 0 2.5rem;font-size:.9rem}.menu-link[aria-current=page],.menu-link:hover{color:var(--text)}.menu-socials{gap:1.1rem;width:auto;margin:3rem 0 0;display:flex}.menu-socials a{width:2rem;height:2rem;color:var(--quiet);place-items:center;display:grid}.menu-socials a:hover{color:var(--text)}.menu-socials svg{width:1.35rem;height:1.35rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (width<=600px){.page-shell{padding-top:7rem}.profile{margin-bottom:3.5rem}.profile-avatar{margin-bottom:2rem}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem .75rem}}@media (width>=601px) and (width<=900px){.app-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}