html{box-sizing:border-box;scroll-behavior:smooth;height:100%}body{background-color:var(--background)}body::-webkit-scrollbar{width:6px}body{scrollbar-width:thin;scrollbar-color:var(--color-80) var(--background);height:100%}body::-webkit-scrollbar-track{background:var(--background)}body::-webkit-scrollbar-thumb{background-color:var(--color-80)}*,*:before,*:after{box-sizing:inherit;border-style:solid;border-width:0;border-color:currentColor;margin:0;padding:0}img,video,canvas,audio,iframe,embed,object{display:block}img,video{max-width:100%;height:auto}img{display:block;max-width:100%}hr{width:100%;border:none;background:var(--color-10);height:1px;margin-top:2rem}a{text-decoration:none;color:inherit;text-decoration:inherit;transition:all .2s linear;text-decoration:underline}a:hover{color:var(--accent)}ol{list-style-position:inside}ol ol{list-style-type:lower-alpha}ul{list-style-type:square;list-style-position:inside}b,strong{font-weight:500}table{border-collapse:collapse;caption-side:bottom;overflow-x:auto;min-width:100%;border:1px solid var(--color-30);margin-top:1rem}table caption{margin-top:1rem}td,th{border:1px solid var(--color-30);padding:.5rem;text-align:left}th{font-weight:500}td:only-child{text-align:center}*+h1,*+h2{margin-top:2rem}*+h3,*+h4,*+h5{margin-top:1.5rem}*+p{margin-top:1rem}h2+p,h3+p,h4+p{margin-top:1rem}iframe,audio,video,img{width:100%;max-width:100%;margin-top:1rem}blockquote{margin-top:1rem;margin-bottom:1rem;padding-left:1rem;border-left:3px solid var(--accent);font-style:italic}pre{white-space:pre-wrap;tab-size:2;font-size:.95rem;border:1px solid var(--color-10);padding:1rem;margin-top:1rem}code,kbd{font-feature-settings:normal;background:var(--color-30);color:var(--accent);padding:1px 6px;margin:0 2px;font-size:.95rem}pre{overflow:auto;max-width:90vw;margin-left:auto;margin-right:auto;scrollbar-width:thin;scrollbar-color:var(--color-80)}pre::-webkit-scrollbar{width:6px;height:8px}pre::-webkit-scrollbar-track{background:var(--background)}pre::-webkit-scrollbar-thumb{background-color:var(--color-80)}pre,code{font-family:Inconsolata,monospace}pre code{background:transparent;padding:0;margin:0}mark{background:var(--accent);color:var(--background);padding:1px 6px;margin:0 2px;font-size:.95rem}.visually-hidden{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:root{--accent: #3b82f6;--accent-hover: #2563eb;--accent-subtle: rgba(59, 130, 246, .08);--accent-border: rgba(59, 130, 246, .2);--background: #fafafa;--surface: #ffffff;--surface-elevated: #ffffff;--color: #171717;--color-secondary: #525252;--color-muted: #737373;--border: #e5e5e5;--border-subtle: #f0f0f0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--transition: .15s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--accent: #60a5fa;--accent-hover: #93bbfd;--accent-subtle: rgba(96, 165, 250, .1);--accent-border: rgba(96, 165, 250, .25);--background: #0a0a0a;--surface: #141414;--surface-elevated: #1a1a1a;--color: #e5e5e5;--color-secondary: #a3a3a3;--color-muted: #737373;--border: #262626;--border-subtle: #1f1f1f;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .4)}code[class*=language-],pre[class*=language-]{color:#abb2bf;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{text-shadow:none;background:#383e49}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#9aa2b1}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:var(--surface-elevated)}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#5c6370}.token.punctuation{color:#abb2bf}.token.selector,.token.tag{color:#e06c75}.token.property,.token.boolean,.token.number,.token.constant,.token.symbol,.token.attr-name,.token.deleted{color:#d19a66}.token.string,.token.char,.token.attr-value,.token.builtin,.token.inserted{color:#98c379}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#56b6c2}.token.atrule,.token.keyword{color:#c678dd}.token.function{color:#61afef}.token.regex,.token.important,.token.variable{color:#c678dd}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre.line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre.line-numbers>code{position:relative}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{pointer-events:none;display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#5c6370;display:block;padding-right:.8em;text-align:right}:root{--text-scale: 1;--text-xs: clamp(.7rem, .65rem + .25vw, .75rem);--text-sm: clamp(.8rem, .75rem + .25vw, .875rem);--text-base: clamp(.9rem, .85rem + .25vw, 1rem);--text-lg: clamp(1rem, .9rem + .5vw, 1.125rem);--text-xl: clamp(1.125rem, 1rem + .625vw, 1.25rem);--text-2xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-3xl: clamp(1.5rem, 1.25rem + 1.25vw, 1.875rem);--text-4xl: clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem);--text-5xl: clamp(2.25rem, 1.75rem + 2.5vw, 3.25rem);--text-6xl: clamp(2.75rem, 2rem + 3.75vw, 4.5rem)}body{font-size:var(--text-lg);line-height:1.7;color:var(--color);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga","tnum","case","calt","zero","ss01","locl";font-variant-ligatures:contextual;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif}h1,h2,h3,h4,h5,h6{line-height:1.25;font-weight:600;color:var(--color);letter-spacing:-.02em}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5,p{font-size:var(--text-lg)}.tags>*{margin-right:.5rem;margin-top:.375rem}.tags{margin-top:1rem;font-size:var(--text-sm);margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:.375rem}.tags a{display:inline-block;padding:.25rem .625rem;background:var(--accent-subtle);border:1px solid var(--accent-border);border-radius:9999px;color:var(--accent);text-decoration:none;font-size:var(--text-xs);font-weight:500;transition:all var(--transition)}.tags a:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.post-list__wrapper{margin-top:3rem}.post-list__heading{font-size:var(--text-2xl);margin-bottom:1.5rem;letter-spacing:-.02em}.post-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.post-list__item{display:flex;flex-direction:column;padding:1.25rem 1.5rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:all var(--transition)}.post-list__item:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-1px)}.post-list__item:last-child{border-bottom:1px solid var(--border)}.post-list__meta{display:flex;align-items:center;gap:.5rem;font-size:var(--text-xs);color:var(--color-muted);margin-bottom:.5rem}.post-list__meta>*+*{margin-left:0}.post-list__meta time{font-weight:500}.post-list__title{font-size:var(--text-xl);margin-top:.25rem;letter-spacing:-.01em}.post-list__title a{font-weight:500;text-decoration:none;color:var(--color);transition:color var(--transition)}.post-list__title a:hover{color:var(--accent)}.post-list__tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.625rem}.post-list__tags a{display:inline-block;padding:.1875rem .5rem;background:var(--accent-subtle);border-radius:9999px;color:var(--accent);text-decoration:none;font-size:var(--text-xs);font-weight:500;transition:all var(--transition)}.post-list__tags a:hover{background:var(--accent);color:#fff}.post-list__excerpt{margin-top:.75rem;color:var(--color-secondary);font-size:var(--text-base);line-height:1.6}.post-list__read-more{width:fit-content;font-size:var(--text-sm);font-weight:500;margin-top:1rem;color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:.25rem;transition:gap var(--transition)}.post-list__read-more:after{content:"\2192";transition:transform var(--transition)}.post-list__read-more:hover{gap:.5rem}.all-posts-link{margin-top:2rem;display:inline-flex;align-items:center;gap:.375rem;font-size:var(--text-base);font-weight:500;color:var(--accent);text-decoration:none;padding:.625rem 1.25rem;border:1px solid var(--accent-border);border-radius:var(--radius-md);background:var(--accent-subtle);transition:all var(--transition)}.all-posts-link:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.hero{display:flex;flex-direction:column}.hero h1{font-size:var(--text-5xl);letter-spacing:-.03em;line-height:1.1}.hero p{font-size:var(--text-xl);margin-top:1rem;color:var(--color-secondary);line-height:1.6;max-width:42rem}.hero__social-links{display:flex;flex-wrap:wrap;list-style-type:none;margin-top:1.5rem;gap:.5rem}.hero__social-links li{margin-right:0;margin-top:0}.hero__social-links a{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border:1px solid var(--border);border-radius:9999px;font-size:var(--text-sm);color:var(--color-secondary);text-decoration:none;transition:all var(--transition)}.hero__social-links a:hover{color:var(--accent);border-color:var(--accent-border);background:var(--accent-subtle)}.hero__skip-link{align-self:center;cursor:pointer;position:absolute;bottom:2rem;border:1px solid var(--border);border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition);background:var(--surface)}.hero__skip-link:hover{border-color:var(--accent-border);transform:translateY(2px)}.hero__skip-link svg{transition:stroke var(--transition);stroke:var(--color-muted)}.header{max-width:none;width:100%;margin-bottom:3rem}.header__content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-left:auto;margin-right:auto;max-width:48.75rem;padding:1rem;margin-top:1.5rem;gap:1rem}.site-title{font-size:var(--text-lg);font-weight:700;letter-spacing:-.03em}.site-title a{color:var(--color);text-decoration:none;transition:color var(--transition)}.site-title a:hover{color:var(--accent)}.nav__list{display:flex;align-items:center;gap:.25rem;list-style:none;font-size:var(--text-sm)}.nav__list a{display:inline-block;padding:.375rem .75rem;border-radius:9999px;color:var(--color-secondary);text-decoration:none;transition:all var(--transition)}.nav__list a:hover{color:var(--color);background:var(--accent-subtle)}.nav__list a[aria-current=page]{color:var(--accent);background:var(--accent-subtle);font-weight:500}.header__actions{display:flex;align-items:center;gap:.5rem}.theme-toggle{background:transparent;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-secondary);transition:color var(--transition);border-radius:var(--radius-sm)}.theme-toggle:hover{color:var(--color)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle svg{width:18px;height:18px}.theme-toggle .sun-icon{display:none}.theme-toggle .moon-icon,[data-theme=dark] .theme-toggle .sun-icon{display:block}[data-theme=dark] .theme-toggle .moon-icon{display:none}.footer{padding-bottom:3rem;padding-left:1rem;padding-right:1rem;max-width:none;width:100%}.footer__content{display:flex;flex-direction:column;align-items:center;margin-left:auto;margin-right:auto;max-width:48.75rem;width:100%;font-size:var(--text-base);padding-top:2rem}.footer__content>*{margin-top:1.5rem}.footer__attribution{font-size:var(--text-xs);color:var(--color-muted)}.footer__attribution a{color:var(--color-muted);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:.15em}.footer__attribution a:hover{color:var(--accent);text-decoration-color:var(--accent)}.footer ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem 1.5rem}.footer li{margin-right:0}.footer a{color:var(--color-muted);font-size:var(--text-sm);text-decoration:none;transition:color var(--transition)}.footer a:hover{color:var(--accent)}.post{display:flex;flex-direction:column;justify-content:center}.post>*+*{margin-top:3rem}.post__header+.post__content{margin-top:2rem}.post__header h1{letter-spacing:-.03em;line-height:1.15}.post__details{display:flex;align-items:center;gap:.5rem;opacity:.7;font-size:var(--text-sm);color:var(--color-muted);margin-top:.75rem}.post__details>*+*{margin-left:0}.post__details time{font-weight:500}.post__content{word-wrap:break-word}.post__content--with-toc{display:grid;grid-template-columns:1fr;gap:3rem}@media(min-width:1024px){.post__content--with-toc{grid-template-columns:1fr 200px;align-items:start}}.post__content--with-toc .post__toc{order:1}.post__content--with-toc .post__body{order:2}@media(min-width:1024px){.post__content--with-toc .post__toc{order:2;position:sticky;top:2rem;align-self:start}.post__content--with-toc .post__body{order:1}}.post__aside{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.post__tags{display:flex;flex-wrap:wrap;gap:.375rem;font-size:var(--text-sm);margin-bottom:1.5rem}.post__tags a{display:inline-block;padding:.25rem .625rem;background:var(--accent-subtle);border:1px solid var(--accent-border);border-radius:9999px;color:var(--accent);text-decoration:none;font-size:var(--text-xs);font-weight:500;transition:all var(--transition)}.post__tags a:hover{background:var(--accent);color:#fff}.post__pagination{margin-top:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.post__pagination>*:only-child{margin-right:auto;margin-left:auto}.post__pagination a{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-secondary);text-decoration:none;transition:all var(--transition);background:var(--surface)}.post__pagination a:hover{border-color:var(--accent-border);color:var(--accent);box-shadow:var(--shadow-sm)}.post__pagination span{padding-left:0;padding-right:0}.post__toc{display:none}@media(min-width:1024px){.post__toc{display:block;margin-bottom:0;padding:0;border-left:none}}.post__toc h2{margin:0 0 1rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;font-weight:600;color:var(--color-muted)}.post__toc ol,.post__toc ul{margin:0;padding:0;list-style:none}.post__toc li{margin:0;padding:0}.post__toc>nav>ol>li{margin-bottom:.375rem}.post__toc>nav>ol>li>a{font-weight:500}.post__toc a{color:var(--color-muted);text-decoration:none;font-size:var(--text-xs);display:flex;align-items:flex-start;gap:.5rem;padding:.25rem 0;transition:all var(--transition);position:relative}.post__toc a:hover{color:var(--accent)}.post__toc a.is-active{color:var(--accent);font-weight:500}.post__toc ol ol,.post__toc ul ul{margin-left:.75rem;margin-top:.25rem;padding-left:.5rem;border-left:1px solid var(--border)}.post__toc ol ol a,.post__toc ul ul a{font-size:.7rem;font-weight:400;padding:.2rem 0}.about h1{margin-bottom:2rem;letter-spacing:-.03em}.about img{border:1px solid var(--border);border-radius:var(--radius-lg);float:none;margin-left:auto;margin-right:auto;margin-top:0;box-shadow:var(--shadow-md)}@media(min-width:35.9375em){.about img{width:200px;float:right;margin-left:1.5rem;margin-top:.5rem}}.experiments-page h1{margin-bottom:.5rem;letter-spacing:-.03em}.experiments-page>p{color:var(--color-secondary);margin-bottom:2.5rem;font-size:var(--text-lg);line-height:1.6}.experiments-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.experiments-grid{grid-template-columns:repeat(2,1fr)}}.experiment-card{display:flex;flex-direction:column;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:all var(--transition)}.experiment-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.experiment-card__title{font-size:var(--text-xl);font-weight:600;letter-spacing:-.01em;margin-bottom:.5rem;color:var(--color)}.experiment-card__description{font-size:var(--text-base);color:var(--color-secondary);line-height:1.6;flex:1;margin-bottom:1.25rem}.experiment-card__links{display:flex;flex-wrap:wrap;gap:.5rem}.experiment-card__link{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid var(--border);border-radius:9999px;font-size:var(--text-xs);font-weight:500;color:var(--color-secondary);text-decoration:none;transition:all var(--transition)}.experiment-card__link:hover{color:var(--accent);border-color:var(--accent-border);background:var(--accent-subtle)}.experiment-card__link svg{width:14px;height:14px;flex-shrink:0}.experiment-card__link--github:hover{color:var(--color);border-color:var(--color-muted);background:var(--accent-subtle)}.layout-wrapper{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:100%}.main{display:flex;padding-bottom:4rem;flex-direction:column;padding-left:1rem;padding-right:1rem;min-width:0;max-width:48.75rem;margin-left:auto;margin-right:auto;width:100%}.back-to-top{position:fixed;bottom:2rem;right:calc(50% - 27.375rem);width:2.5rem;height:2.5rem;border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface);color:var(--color-secondary);cursor:pointer;opacity:0;visibility:hidden;transition:all var(--transition);display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:var(--shadow-sm)}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{transform:translateY(-2px);border-color:var(--accent-border);color:var(--accent);box-shadow:var(--shadow-md)}.back-to-top svg{width:1.125rem;height:1.125rem}