:root{font-size:62.5%;--color-bg:#faf9f7;--color-text:#1a1a1a;--color-muted:#595959;--color-border:#e8e6e3;--color-hover:#f0eeeb;--color-header-bg:rgba(250, 249, 247, 0.9);--color-code-bg:#1a1a1a;--color-code-text:#f5f5f5;--size:1rem;--spacing:calc(var(--size) * 2.4);--transition:0.2s ease;--max-width:720px}[data-theme=dark]{--color-bg:#0d0d0d;--color-text:#e5e5e5;--color-muted:#999999;--color-border:#252525;--color-hover:#1a1a1a;--color-header-bg:rgba(13, 13, 13, 0.9);--color-code-bg:#1a1a1a;--color-code-text:#f5f5f5}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--color-bg:#0d0d0d;--color-text:#e5e5e5;--color-muted:#999999;--color-border:#252525;--color-hover:#1a1a1a;--color-header-bg:rgba(13, 13, 13, 0.9);--color-code-bg:#1a1a1a;--color-code-text:#f5f5f5}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:inter,-apple-system,BlinkMacSystemFont,segoe ui,sans-serif;font-size:calc(var(--size) * 1.6);line-height:1.7;min-height:100dvh;font-weight:400;-webkit-font-smoothing:antialiased;transition:background var(--transition),color var(--transition);display:flex;flex-direction:column}header{position:sticky;top:0;background:var(--color-header-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);z-index:100;padding:0 calc(var(--spacing) * 1.5)}.header-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing);padding:calc(var(--spacing) * .8)0}.header-top{display:flex;align-items:center;justify-content:space-between}.menu-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:calc(var(--spacing) * .3);border-radius:6px;color:var(--color-muted);transition:all var(--transition)}.menu-toggle:hover{background:var(--color-hover);color:var(--color-text)}.nav-wrapper{display:flex;align-items:center;gap:calc(var(--spacing) * .5)}.header-actions{display:none;align-items:center;gap:calc(var(--spacing) * .3)}.theme-toggle--mobile{display:none}.theme-toggle--desktop{display:flex}.title{text-decoration:none;border:none}.title:hover{border:none}.title h1{font-size:calc(var(--size) * 1.8);font-weight:600;margin:0;letter-spacing:-.02em}nav{display:flex;align-items:center;gap:calc(var(--spacing) * .3)}nav a{font-size:calc(var(--size) * 1.4);color:var(--color-muted);text-decoration:none;border:none;padding:calc(var(--spacing) * .3)calc(var(--spacing) * .5);border-radius:6px;transition:all var(--transition)}nav a:hover{color:var(--color-text);background:var(--color-hover);border:none}.theme-toggle{background:0 0;border:none;cursor:pointer;padding:calc(var(--spacing) * .3);border-radius:6px;color:var(--color-muted);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.theme-toggle:hover{color:var(--color-text);background:var(--color-hover)}.icon-sun{display:none}.icon-moon{display:none}.icon-system{display:block}[data-theme=light] .icon-sun{display:block}[data-theme=light] .icon-moon{display:none}[data-theme=light] .icon-system{display:none}[data-theme=dark] .icon-sun{display:none}[data-theme=dark] .icon-moon{display:block}[data-theme=dark] .icon-system{display:none}main{width:min(var(--max-width),100% - calc(var(--spacing) * 3));margin:0 auto;padding:calc(var(--spacing) * 2.5)0;flex:1}main>:first-child{margin-top:0}h1,h2,h3,h4{font-weight:600;line-height:1.3;letter-spacing:-.02em;color:var(--color-text)}h1{font-size:calc(var(--size) * 3.2);margin-bottom:var(--spacing)}h2{font-size:calc(var(--size) * 2.2);margin-top:calc(var(--spacing) * 2);margin-bottom:calc(var(--spacing) * .8)}h3{font-size:calc(var(--size) * 1.8);margin-top:calc(var(--spacing) * 1.5);margin-bottom:calc(var(--spacing) * .6)}h4{font-size:calc(var(--size) * 1.6)}p{margin-bottom:var(--spacing);color:var(--color-text)}a{color:var(--color-text);text-decoration:none;border-bottom:1px solid var(--color-border);transition:border-color var(--transition)}a:hover{border-bottom-color:var(--color-text)}.skip-link{position:absolute;top:0;left:0;transform:translateY(-100%);background:var(--color-text);color:var(--color-bg);padding:8px 16px;border:none;transition:transform var(--transition);z-index:1000}.skip-link:focus{transform:translateY(0)}::selection{background:rgba(128,128,128,.3)}@media screen and (min-width:769px){ul.blog-posts li{flex-direction:row;align-items:baseline;gap:var(--spacing)}}@media screen and (max-width:768px){.header-inner{flex-direction:column;align-items:stretch;gap:0}.header-top{width:100%}.header-actions{display:flex}.menu-toggle{display:block}.theme-toggle--mobile{display:flex}.theme-toggle--desktop{display:none}.nav-wrapper{display:none;flex-direction:column;align-items:flex-start;width:100%;gap:calc(var(--spacing) * .3);padding-top:calc(var(--spacing) * .5)}.nav-wrapper.nav-open{display:flex}.nav-wrapper nav{flex-direction:column;align-items:flex-start}.nav-wrapper nav a{padding-inline:0}.nav-wrapper nav a:hover{background:0 0}h1{font-size:calc(var(--size) * 2.6)}main{padding:calc(var(--spacing) * 1.5)0}}footer{width:min(var(--max-width),100% - calc(var(--spacing) * 3));margin:0 auto;text-align:center;padding:calc(var(--spacing) * 2)0;border-top:1px solid var(--color-border);font-size:calc(var(--size) * 1.3);color:var(--color-muted)}.footer-meta{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing) * .8);flex-wrap:nowrap;width:100%}.footer-copy{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ul,ol{padding-inline-start:var(--spacing);margin-bottom:var(--spacing)}li{margin-bottom:calc(var(--spacing) * .4)}ul.blog-posts{list-style:none;padding:0}ul.blog-posts li{display:flex;flex-direction:column;padding:calc(var(--spacing) * .8)0;border-bottom:1px solid var(--color-border);margin:0}ul.blog-posts li:last-child{border-bottom:none}ul.blog-posts li span{font-size:calc(var(--size) * 1.3);color:var(--color-muted);font-family:ui-monospace,sf mono,monospace;font-variant-numeric:tabular-nums}ul.blog-posts li a{font-weight:500}a.blog-tags{font-size:calc(var(--size) * 1.4);color:var(--color-muted);text-decoration:none;border:none;padding:calc(var(--spacing) * .3)calc(var(--spacing) * .5);border-radius:6px;transition:all var(--transition);line-height:2;margin-right:calc(var(--spacing) * .3)}a.blog-tags:hover{color:var(--color-text);background:var(--color-hover)}blockquote{padding:var(--spacing)var(--spacing)var(--spacing)calc(var(--spacing) * 1.2);border-left:3px solid var(--color-border);background:var(--color-hover);border-radius:0 8px 8px 0;margin:var(--spacing)0;font-style:italic;color:var(--color-muted)}code{font-family:ui-monospace,sf mono,cascadia code,monospace;font-size:calc(var(--size) * 1.4);background:var(--color-hover);padding:2px 6px;border-radius:4px;border:1px solid var(--color-border)}pre code{display:block;padding:var(--spacing);overflow-x:auto;border-radius:8px;background:var(--color-code-bg);color:var(--color-code-text);border:none}img{display:block;max-width:100%;height:auto;border-radius:8px;margin:var(--spacing)0}figure{margin:calc(var(--spacing) * 1.5)0}figcaption>p{margin-top:calc(var(--spacing) * .4);text-align:center;font-style:italic;color:var(--color-muted);font-size:calc(var(--size) * 1.4)}table{width:100%;border-collapse:collapse;margin:var(--spacing)0}th,td{padding:calc(var(--spacing) * .6);text-align:left;border-bottom:1px solid var(--color-border)}th{font-weight:600;font-size:calc(var(--size) * 1.3);text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted)}p.byline{color:var(--color-muted);font-size:calc(var(--size) * 1.4);margin-top:calc(var(--spacing) * .2)}.disabled{color:var(--color-muted);cursor:not-allowed;opacity:.4}.social-links{display:inline-flex;align-items:center;gap:calc(var(--spacing) * .35)}.social-links--footer{justify-content:flex-end;flex:none}.social-link{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;text-decoration:none;border:none;transition:all var(--transition)}.social-link:hover{background:var(--color-hover)}.social-link img{--icon-filter:grayscale(1) saturate(0) brightness(0) opacity(0.55);--icon-filter-hover:grayscale(1) saturate(0) brightness(0) opacity(0.88);width:19px;height:19px;margin:0;border-radius:0;filter:var(--icon-filter)}.social-link:hover img{filter:var(--icon-filter-hover)}[data-theme=dark] .social-link img{--icon-filter:grayscale(1) saturate(0) brightness(0) invert(1) opacity(0.66);--icon-filter-hover:grayscale(1) saturate(0) brightness(0) invert(1) opacity(0.92)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .social-link img{--icon-filter:grayscale(1) saturate(0) brightness(0) invert(1) opacity(0.72);--icon-filter-hover:grayscale(1) saturate(0) brightness(0) invert(1) opacity(0.92)}}