@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg:#1a1a1a;--text:#e7e5e4;--text-muted:#a8a29e;--text-heading:#fff;--accent:#f97316;--accent-bg:#f973161a;font-feature-settings:"tnum" on,"lnum" on;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;line-height:1.6}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}#root{width:100%;min-height:100vh}::selection{color:#fed7aa;background:#f973164d}a{color:inherit;text-decoration:none;transition:color .15s,background-color .15s}h1,h2,h3,p,ul,ol,li,figure{margin:0}ul,ol{padding:0;list-style:none}.page{flex-direction:column;gap:.75rem;width:min(100%,32rem);padding:3rem 1rem;display:flex}.page-home{justify-content:center;min-height:100vh;margin:0 auto}@media (min-width:768px){.page{gap:1rem;padding:3rem 1.5rem}}.header{justify-content:space-between;align-items:flex-start;margin-bottom:0;display:flex}.header-title{justify-content:space-between;align-items:flex-start;gap:1rem;width:100%;display:flex}.header-photo{object-fit:cover;object-position:58% center;flex-shrink:0;width:3.375rem;height:3.375rem;margin-top:.08rem;display:block}.header h1{color:var(--text-heading);letter-spacing:-.01em;white-space:nowrap;font-size:1.25rem;font-weight:400;line-height:1}@media (min-width:640px){.header-photo{width:3.75rem;height:3.75rem}.header h1{font-size:1.5rem}}@media (min-width:768px){.header-photo{width:4.125rem;height:4.125rem}.header h1{font-size:1.875rem}}.section-title{color:var(--text-heading);margin-bottom:.5rem;font-size:.75rem;font-weight:500}@media (min-width:768px){.section-title{font-size:.875rem}}.section-list{color:var(--text-muted);flex-direction:column;gap:.25rem;font-size:.75rem;display:flex}@media (min-width:768px){.section-list{font-size:.875rem}}.section-link{color:var(--text-muted);border-radius:.375rem;margin:0 -.5rem;padding:.25rem .5rem;transition:color .15s,background-color .15s;display:block}.section-link:hover{background:var(--accent-bg);color:var(--accent)}.stack{flex-direction:column;gap:1rem;margin-top:1.25rem;display:flex}.footer{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:5rem;font-size:.75rem;display:flex}.social-group{align-items:center;gap:.375rem;display:flex}.social-link{width:2rem;height:2rem;color:var(--text-muted);background:0 0;border-radius:.375rem;justify-content:center;align-items:center;transition:color .15s,background-color .15s;display:flex}.social-link:hover{background:var(--accent-bg);color:var(--accent)}.social-link svg{width:20px;height:20px}.social-link.email svg{width:22px;height:22px}.blog-page{width:100%;min-height:100vh;padding:3rem 1rem 4rem}.blog-shell{width:min(100%,72rem);margin:0 auto}.blog-toc{display:none}.blog-toc-title{color:var(--text-heading);margin-bottom:1rem;font-size:.875rem;font-weight:500}.blog-toc-list{flex-direction:column;gap:.5rem;display:flex}.blog-toc-link{color:var(--text-muted);padding:.125rem 0;font-size:.875rem;display:block}.blog-toc-link:hover{color:var(--accent)}.blog-article{width:100%;max-width:40rem;margin:0 auto}.blog-back-link{color:var(--text-muted);border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:1rem;margin-left:-.5rem;padding:.375rem .5rem;font-size:.875rem;display:inline-flex}.blog-back-link:hover{background:var(--accent-bg);color:var(--accent)}.blog-title{color:var(--text-heading);margin-bottom:.5rem;font-size:1.8rem;font-weight:500;line-height:1.15}.blog-meta{color:var(--text-muted);margin-bottom:1.5rem;font-size:.875rem}.blog-cover{background:linear-gradient(#ffffff0a,#ffffff05),linear-gradient(135deg,#f973162e,#0f172a14);border:1px solid #ffffff14;width:100%;margin-bottom:1.5rem;overflow:hidden}.blog-cover-bar{background:#0000002e;border-bottom:1px solid #ffffff14;gap:.4rem;padding:.75rem 1rem;display:flex}.blog-cover-dot{background:#ffffff47;border-radius:999px;width:.6rem;height:.6rem}.blog-cover-code{color:#f5f5f4;margin:0;padding:1.25rem 1rem 1.4rem;font-family:SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;line-height:1.7;overflow-x:auto}.blog-rule{border:0;border-top:1px solid #ffffff1f;margin:0 0 2rem}.blog-content{color:var(--text);flex-direction:column;gap:2.2rem;font-size:.875rem;line-height:1.85;display:flex}.blog-content h2{color:var(--text-heading);margin:0 0 .9rem;scroll-margin-top:1.5rem;font-size:1.35rem;font-weight:600;line-height:1.2}.blog-content p+p{margin-top:1rem}.blog-content pre{color:#e7e5e4;background:#ffffff0a;border:1px solid #ffffff14;margin:1.25rem 0 0;padding:1rem;font-family:SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.78rem;line-height:1.6;overflow-x:auto}.blog-content code{font-family:SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.95em}.blog-spacer{display:none}@media (min-width:768px){.blog-page{padding:3rem 1.5rem 5rem}.blog-title{font-size:2.2rem}.blog-content{font-size:.95rem}.blog-content h2{font-size:1.6rem}}@media (min-width:1100px){.blog-shell{grid-template-columns:1fr minmax(0,40rem) 1fr;align-items:start;gap:2rem;display:grid}.blog-toc{display:block;position:sticky;top:3rem}.blog-spacer{display:block}}