:root{--bg:#fbfaf8;--fg:#1d1d1f;--muted:#6b6b70;--accent:#b4451f;--line:#e4e1db;--code:#f1eee8;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg:#16161a;--fg:#e8e6e1;--muted:#9a98a0;--accent:#f08a5d;--line:#2c2c33;--code:#202026}}*{box-sizing:border-box}body{margin:0 auto;max-width:42rem;padding:0 1rem;background:var(--bg);color:var(--fg);font:1.0625rem/1.65 system-ui,sans-serif}a{color:var(--accent);text-underline-offset:.15em}header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1.5rem;padding:2rem 0 1rem;border-bottom:1px solid var(--line)}header .name{color:var(--fg);font-weight:700;text-decoration:none}nav{display:flex;gap:1.25rem}main{padding:2rem 0}h1,h2{line-height:1.2;letter-spacing:-.01em}h1{margin:0 0 1rem;font-size:2rem}h2{margin:2.5rem 0 1rem;font-size:1.25rem}.intro{font-size:1.25rem}.projects{margin:0;padding:0;list-style:none}.projects li{padding:1rem 0;border-top:1px solid var(--line)}.projects a{font-weight:600}.projects p{margin:.25rem 0 0;color:var(--muted)}.tags span{margin-right:.5rem;padding:.1rem .5rem;border:1px solid var(--line);border-radius:1rem;color:var(--muted);font-size:.8125rem}pre,code{background:var(--code);border-radius:.25rem;font:.875rem/1.5 ui-monospace,monospace}code{padding:.1rem .3rem}pre{padding:1rem;overflow-x:auto}pre code{padding:0}footer{padding:1rem 0 2rem;border-top:1px solid var(--line);color:var(--muted);font-size:.875rem}