:root{--color-primary: #155dfc;--color-primary-strong: #0d3d9e;--color-primary-soft: #eaf1fb;--color-primary-ring: rgba(21, 93, 252, .14);--color-success: #16a34a;--color-foreground: #1a1a1a;--color-muted: #4a4a4a;--color-page-bg: #f5f4ef;--color-card-bg: #ffffff;--color-border: #d1d5dc;--color-destructive: #ea1330;--color-overlay: rgba(26, 26, 26, .48);--text: var(--color-foreground);--text-muted: var(--color-muted);--accent: var(--color-primary);--accent-strong: var(--color-primary-strong);--accent-soft: var(--color-primary-soft);--page-bg: var(--color-page-bg);--card-bg: var(--color-card-bg);--border: var(--color-border);--font-sans: "Atkinson Hyperlegible Next", system-ui, sans-serif;--font-serif: "EB Garamond", Georgia, serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.1;--leading-snug: 1.35;--leading-normal: 1.6;--leading-relaxed: 1.8;--tracking-tight: -.03em;--tracking-normal: 0em;--tracking-wide: .04em;--tracking-widest: .1em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--content-width: 760px;--toc-width: 220px;--page-max-width: 1280px;--header-height: 64px;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-xl: 4px;--radius-full: 9999px;--shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / .18), 0 1px 2px -1px hsl(0 0% 0% / .18);--shadow-md: 0 1px 3px 0px hsl(0 0% 0% / .38), 0 2px 4px -1px hsl(0 0% 0% / .38);--shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / .38), 0 4px 6px -1px hsl(0 0% 0% / .38);--transition-fast: .12s ease;--transition-normal: .2s ease;--transition-slow: .35s ease;--z-header: 100;--z-toc: 50}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--text-base);background:var(--page-bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{min-height:100vh}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}img,video{max-width:100%;display:block}h1,h2,h3,h4,h5,h6,p{margin:0}.reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:var(--accent);z-index:calc(var(--z-header) + 1);transition:width var(--transition-fast);border-radius:0 var(--radius-full) var(--radius-full) 0;pointer-events:none}.site-header{position:sticky;top:0;z-index:var(--z-header);height:var(--header-height);background:transparent;transition:background var(--transition-normal),border-color var(--transition-normal);border-bottom:1px solid transparent}.site-header.scrolled{background:#f5f4efe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--border)}.site-header-inner{display:flex;align-items:center;gap:var(--space-6);max-width:var(--page-max-width);height:100%;margin:0 auto;padding:0 var(--space-8)}.site-logo{display:flex;align-items:center;text-decoration:none;color:var(--text);flex-shrink:0}.site-logo-text{font-size:var(--text-3xl);font-weight:700;letter-spacing:var(--tracking-tight);line-height:1}.site-header-spacer{flex:1}.site-header-right{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.site-nav{display:flex;align-items:center;gap:var(--space-1)}.site-nav-link{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:#585858;text-decoration:none;border-radius:var(--radius-md);transition:color var(--transition-fast),background var(--transition-fast);white-space:nowrap}.site-nav-link:hover{color:var(--text);background:#1a1a1a0f}.site-nav-link.login{color:var(--text)}.btn-cta{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:600;font-family:var(--font-sans);color:#fff;background:var(--accent);border:none;border-radius:0;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm)}.btn-cta:hover{background:var(--accent-strong);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-cta:active{transform:translateY(0)}.nav-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:1px solid var(--border);border-radius:0;cursor:pointer;color:var(--text);flex-shrink:0}.nav-toggle:hover{background:#1a1a1a0f}.mobile-nav{display:none;position:fixed;inset:0;z-index:calc(var(--z-header) + 10);background:var(--color-overlay)}.mobile-nav.open{display:block}.mobile-nav-panel{position:absolute;top:0;right:0;width:min(320px,90vw);height:100%;background:var(--card-bg);padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);box-shadow:var(--shadow-lg);border-radius:0}.mobile-nav-close{align-self:flex-end;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:1px solid var(--border);border-radius:0;cursor:pointer;color:var(--text);margin-bottom:var(--space-4)}.mobile-nav-close:hover{background:#1a1a1a0f}.mobile-nav-link{display:block;padding:var(--space-3);font-size:var(--text-base);font-weight:500;color:var(--text);text-decoration:none;border-radius:var(--radius-md);transition:background var(--transition-fast)}.mobile-nav-link:hover{background:#1a1a1a0f}.mobile-nav .btn-cta{display:inline-flex;margin-top:var(--space-4);align-self:flex-start}.post-shell{min-height:calc(100vh - var(--header-height) - 180px)}.post-hero-section{position:relative;overflow:hidden;margin-top:calc(-1 * var(--header-height));padding-top:calc(clamp(36px,5vw,64px) + var(--header-height));padding-bottom:clamp(28px,4vw,52px);padding-left:var(--space-8);padding-right:var(--space-8);background:var(--page-bg)}.post-hero-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:72px;background:linear-gradient(to bottom,transparent,var(--page-bg));pointer-events:none;z-index:1}.post-hero-inner{position:relative;z-index:2;max-width:820px;margin:0 auto;text-align:center}.post-hero-inner h1{font-family:var(--font-serif);font-size:clamp(var(--text-2xl),4.5vw,3.25rem);font-weight:600;line-height:1.1;letter-spacing:-.022em;color:var(--text);margin-bottom:var(--space-4)}.post-hero-description{font-size:clamp(var(--text-base),1.8vw,var(--text-lg));line-height:var(--leading-relaxed);color:#1a1a1a9e;margin:0 auto var(--space-5);max-width:56ch;text-align:center}.post-back-link{display:inline-flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}.post-back-link:hover{color:var(--text)}.post-back-link svg{flex-shrink:0;transition:transform var(--transition-fast)}.post-back-link:hover svg{transform:translate(-2px)}.toc-sticky .post-back-link{display:flex;padding-bottom:0;margin-bottom:0;border-bottom:none;padding-top:var(--space-4);margin-top:var(--space-4);border-top:1px solid var(--border);padding-left:var(--space-4);text-transform:none;letter-spacing:0;font-weight:500;font-size:var(--text-sm)}.toc-sticky--solo .post-back-link{border-top:none;padding-top:0;margin-top:0}.post-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3)}.post-meta-author{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--text)}.post-meta-by{font-size:var(--text-sm);font-weight:400;color:var(--text-muted)}.post-meta-sep{width:3px;height:3px;border-radius:var(--radius-full);background:var(--border);flex-shrink:0}.post-meta-date{font-size:var(--text-sm);color:var(--text-muted)}.post-share-btns,.post-share--hero{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.post-share--hero{margin-top:var(--space-3)}.post-share-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border);background:var(--card-bg);color:var(--text-muted);text-decoration:none;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);border-radius:var(--radius-md);padding:0;flex-shrink:0}.post-share-btn:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:var(--accent-soft)}.post-share-btn[data-copied]{color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 40%,transparent);background:color-mix(in srgb,var(--color-success) 8%,white)}.post-layout-wrapper{max-width:calc(var(--content-width) + var(--toc-width) + var(--space-16) + var(--space-8));margin:0 auto;padding:var(--space-12) var(--space-8) var(--space-24);display:grid;grid-template-columns:var(--toc-width) 1fr;gap:var(--space-16);align-items:start}.post-layout-wrapper.no-toc{grid-template-columns:1fr;max-width:calc(var(--content-width) + var(--space-16))}.toc-sidebar{align-self:stretch}.toc-sticky{position:sticky;top:calc(var(--header-height) + var(--space-8));max-height:calc(100vh - var(--header-height) - var(--space-16));overflow-y:auto;overscroll-behavior:contain}.toc-sidebar::-webkit-scrollbar{width:3px}.toc-sidebar::-webkit-scrollbar-track{background:transparent}.toc-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.toc-label{display:block;font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-3);padding-left:var(--space-4)}.toc-list{list-style:none;margin:0;padding:0;border-left:1px solid var(--border)}.toc-list li{position:relative}.toc-list a{display:block;padding:var(--space-1) 0 var(--space-1) var(--space-4);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast),border-color var(--transition-fast);border-left:2px solid transparent;margin-left:-1px}.toc-list a:hover{color:var(--text)}.toc-list a.active{color:var(--accent);border-left-color:var(--accent);font-weight:500}.post-article{min-width:0}.prose-body{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text);overflow-wrap:break-word;word-break:break-word}.prose-body>*+*{margin-top:var(--space-6)}.prose-body>:first-child{margin-top:0}.prose-body p{margin:0}.prose-body p+p{margin-top:var(--space-6)}.prose-body h2{font-family:var(--font-serif);font-size:clamp(var(--text-2xl),3vw,var(--text-3xl));font-weight:600;line-height:var(--leading-snug);letter-spacing:-.02em;color:var(--text);margin-top:var(--space-16);margin-bottom:var(--space-4);scroll-margin-top:calc(var(--header-height) + var(--space-6))}.prose-body h3{font-family:var(--font-serif);font-size:clamp(var(--text-xl),2.5vw,var(--text-2xl));font-weight:600;line-height:var(--leading-snug);letter-spacing:-.015em;color:var(--text);margin-top:var(--space-10);margin-bottom:var(--space-3);scroll-margin-top:calc(var(--header-height) + var(--space-6))}.prose-body h4{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);margin-top:var(--space-8);margin-bottom:var(--space-2);scroll-margin-top:calc(var(--header-height) + var(--space-6))}.prose-body ul,.prose-body ol{padding-left:var(--space-6);margin:0}.prose-body li{line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.prose-body li:last-child{margin-bottom:0}.prose-body strong{font-weight:700;color:var(--text)}.prose-body em{font-style:italic}.prose-body a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--transition-fast)}.prose-body a:hover{color:var(--accent-strong)}.prose-body blockquote{border-left:3px solid var(--accent);padding:var(--space-3) 0 var(--space-3) var(--space-6);margin:var(--space-8) 0;color:#1a1a1a9e;font-style:italic;font-size:var(--text-xl);line-height:var(--leading-relaxed)}.prose-body blockquote.twitter-tweet{border-left:none;padding:0;margin:0;color:inherit;font-style:normal;font-size:inherit;line-height:inherit}.prose-body blockquote p{margin:0}.prose-body code{font-size:.88em;background:#155dfc0f;color:var(--text);padding:.15em .4em;border-radius:0;border:1px solid rgba(21,93,252,.12)}.prose-body pre{background:#1a1a1a;color:#e8eaed;padding:var(--space-6);border-radius:0;overflow-x:auto;margin:0}.prose-pre-wrapper{position:relative;margin:var(--space-8) 0}.prose-pre-wrapper:after{content:"";position:absolute;top:0;right:0;width:5rem;height:3rem;background:linear-gradient(to right,transparent,#1a1a1a 70%);pointer-events:none;z-index:0}.prose-copy-btn{position:absolute;top:var(--space-3);right:var(--space-3);padding:var(--space-2);background:#ffffff14;color:#a0a0a0;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);cursor:pointer;transition:background .15s,color .15s;line-height:0;user-select:none;display:flex;align-items:center;justify-content:center;z-index:1}.prose-copy-btn:hover{background:#ffffff26;color:#fff}.prose-copy-btn[data-copied]{background:#16a34a33;border-color:#16a34a4d;color:#4ade80}.prose-body pre code{background:none;border:none;color:inherit;padding:0;font-size:var(--text-sm)}.prose-body figure{margin:var(--space-10) 0}.prose-body figure.tweet-embed-shell{margin:var(--space-8) 0}.prose-body figcaption{font-size:var(--text-sm);color:var(--text-muted);text-align:center;margin-top:var(--space-2);line-height:var(--leading-normal)}.prose-body img{border-radius:0;box-shadow:var(--shadow-md)}.prose-body figure.prose-figure{margin:0}.prose-body figure.prose-figure img{display:block;width:100%}.prose-body figure.prose-figure figcaption{margin-top:var(--space-2);font-family:var(--font-serif);font-size:var(--text-sm);font-style:italic;color:var(--text-muted);text-align:center;line-height:var(--leading-relaxed)}.prose-body hr{border:none;border-top:1px solid var(--border);margin:var(--space-12) 0}.prose-body table{width:100%;border-collapse:collapse;font-size:var(--text-base);margin:var(--space-8) 0}.prose-body th{font-weight:600;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);text-align:left}.prose-body td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);vertical-align:top}.prose-body tr:last-child td{border-bottom:none}.prose-body iframe{width:100%;min-height:420px;border:0;border-radius:var(--radius-lg)}.embed-shell{margin:var(--space-8) 0;aspect-ratio:16 / 9;width:100%;overflow:hidden;border-radius:0;background:#000}.embed-shell iframe{width:100%;height:100%}.site-footer{border-top:1px solid var(--border);background:var(--card-bg)}.site-footer-inner{max-width:var(--page-max-width);margin:0 auto;padding:var(--space-10) var(--space-8);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4)}.site-footer-links{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-6);align-items:center;justify-content:center}.site-footer-link{font-size:var(--text-sm);color:var(--text-muted);text-decoration:none;white-space:nowrap;transition:color var(--transition-fast)}.site-footer-link:hover{color:var(--text)}.site-footer-copy{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal)}.mobile-toc{display:none}@media(max-width:1100px){.mobile-toc{display:block;position:fixed;bottom:0;left:0;right:0;z-index:calc(var(--z-toc) + 10);background:var(--card-bg);border-top:1px solid var(--border);box-shadow:0 -4px 20px #1a1a1a14}.post-shell{padding-bottom:58px}}.mobile-toc-bar{display:flex;align-items:center;width:100%;padding:var(--space-3) var(--space-5);gap:var(--space-3);background:none;border:none;cursor:pointer;text-align:left;min-height:52px;color:var(--text)}.mobile-toc-bar:hover{background:#1a1a1a08}.mobile-toc-current{flex:1;min-width:0;font-size:var(--text-sm);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--leading-snug)}.mobile-toc-bar-heading{display:none;flex:1;min-width:0;font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted)}.mobile-toc[data-open=true] .mobile-toc-bar-heading{display:block}.mobile-toc[data-open=true] .mobile-toc-current{display:none}.mobile-toc-chevron{flex-shrink:0;color:var(--text-muted);transition:transform var(--transition-normal)}.mobile-toc[data-open=true] .mobile-toc-chevron{transform:rotate(180deg)}.mobile-toc-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-slow)}.mobile-toc[data-open=true] .mobile-toc-panel{grid-template-rows:1fr}.mobile-toc-panel-inner{overflow:hidden}.mobile-toc-list{overflow-y:auto;max-height:55vh;padding:var(--space-2) var(--space-5) var(--space-4);border-left:none;margin:0}.mobile-toc-list a{padding:var(--space-2) 0;margin-left:0;border-left:none;font-size:var(--text-sm)}.mobile-toc-list a.active{color:var(--accent);font-weight:500;border-left:none}.empty-state{text-align:center;padding:var(--space-16) var(--space-4);color:var(--text-muted)}@media(max-width:1100px){.toc-sidebar{display:none}.post-layout-wrapper{grid-template-columns:1fr;max-width:calc(var(--content-width) + var(--space-16));padding:var(--space-10) var(--space-6) var(--space-20);gap:0}}@media(max-width:720px){.site-header-right,.site-header .btn-cta{display:none}.nav-toggle{display:flex}.site-header-inner{padding:0 var(--space-5);gap:var(--space-4)}.post-hero-section{padding-left:var(--space-5);padding-right:var(--space-5)}.post-hero-inner h1{font-size:clamp(var(--text-3xl),9vw,var(--text-4xl))}.post-layout-wrapper{padding:var(--space-6) var(--space-4) var(--space-16)}.prose-body{font-size:var(--text-base)}.prose-body iframe{min-height:260px}.site-footer-inner{padding:var(--space-8) var(--space-5)}}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}[data-reveal].revealed{opacity:1;transform:translateY(0)}[data-reveal-d="1"]{transition-delay:80ms}[data-reveal-d="2"]{transition-delay:.16s}[data-reveal-d="3"]{transition-delay:.24s}[data-reveal-d="4"]{transition-delay:.32s}[data-reveal-d="5"]{transition-delay:.4s}[data-reveal-d="6"]{transition-delay:.48s}[data-reveal-d="7"]{transition-delay:.56s}[data-reveal-d="8"]{transition-delay:.64s}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}}.site-nav-dropdown[data-astro-cid-ctg3m53h]{position:relative}.site-nav-trigger[data-astro-cid-ctg3m53h]{display:inline-flex;align-items:center;gap:var(--space-1)}.site-nav-chevron[data-astro-cid-ctg3m53h]{transition:transform var(--transition-fast);flex-shrink:0}.site-nav-panel[data-astro-cid-ctg3m53h]{display:none;position:absolute;top:100%;left:0;padding-top:var(--space-2);min-width:320px;z-index:10;flex-direction:column;background:transparent}.site-nav-panel-item[data-astro-cid-ctg3m53h]:first-child{border-top:1px solid var(--border)}.site-nav-panel[data-astro-cid-ctg3m53h]:after{content:"";position:absolute;top:var(--space-2);left:0;right:0;bottom:0;background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:-1;pointer-events:none}.site-nav-dropdown[data-astro-cid-ctg3m53h]:hover .site-nav-panel[data-astro-cid-ctg3m53h],.site-nav-dropdown[data-astro-cid-ctg3m53h]:focus-within .site-nav-panel[data-astro-cid-ctg3m53h]{display:flex}.site-nav-dropdown[data-astro-cid-ctg3m53h]:hover .site-nav-chevron[data-astro-cid-ctg3m53h],.site-nav-dropdown[data-astro-cid-ctg3m53h]:focus-within .site-nav-chevron[data-astro-cid-ctg3m53h]{transform:rotate(180deg)}.site-nav-panel-item[data-astro-cid-ctg3m53h]{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-5);text-decoration:none;transition:background var(--transition-fast);border-bottom:1px solid var(--border);background:var(--card-bg);position:relative;z-index:1}.site-nav-panel-item[data-astro-cid-ctg3m53h]:last-child{border-bottom:none}.site-nav-panel-item[data-astro-cid-ctg3m53h]:hover{background:#1a1a1a08}.site-nav-panel-item[data-astro-cid-ctg3m53h] strong[data-astro-cid-ctg3m53h]{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;color:var(--text)}.site-nav-panel-item[data-astro-cid-ctg3m53h] span[data-astro-cid-ctg3m53h]{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-normal)}.mobile-nav-label[data-astro-cid-ctg3m53h]{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted);padding:var(--space-3);padding-bottom:0}.mobile-nav-link-indent[data-astro-cid-ctg3m53h]{padding-left:var(--space-6)}button[data-astro-cid-ctg3m53h].site-nav-link,button[data-astro-cid-ctg3m53h].mobile-nav-link{background:none;border:none;cursor:pointer;font-family:var(--font-sans);width:100%;text-align:left}.mobile-nav-divider[data-astro-cid-ctg3m53h]{height:1px;background:var(--border);margin:var(--space-2) var(--space-3)}