:root{--color-text-muted:#52606d;--color-link:#1d4ed8;--color-link-hover:#1e40af;--color-button-bg:#e6edf5;--color-button-bg-hover:#d8e3ef;--color-button-text:#102a43;--color-header-bg:#fff;--color-footer-text:#627d98;--size-page-max-width:56rem;--size-space-2xs:0.25rem;--size-space-xs:0.5rem;--size-space-lg:1.5rem;--size-space-xl:2rem;--size-radius-md:0.5rem;--size-header-gap:1rem;--size-nav-gap:0.5rem;--size-font-title:1.25rem;--size-font-small:0.9rem;--size-content-max-width:44rem;--size-post-line-height:1.65;--size-code-font:0.9rem;--size-pre-padding:0.875rem}@media (prefers-color-scheme:dark){:root{--color-bg:#0f1720;--color-surface:#16212b;--color-surface-muted:#1d2b38;--color-text:#e0e0e0;--color-text-muted:#b0c0cf;--color-link:#93c5fd;--color-link-hover:#bfdbfe;--color-border:#304457;--color-shadow:rgba(0,0,0,.35);--color-button-bg:#243645;--color-button-bg-hover:#2d4558;--color-button-text:#e5edf5;--color-header-bg:#16212b;--color-footer-text:#9fb0c2}}body.theme-light{--color-text-muted:#52606d;--color-link:#1d4ed8;--color-link-hover:#1e40af;--color-button-bg:#e6edf5;--color-button-bg-hover:#d8e3ef;--color-button-text:#102a43;--color-header-bg:#fff;--color-footer-text:#627d98}body.theme-dark{--color-text-muted:#b0c0cf;--color-link:#93c5fd;--color-link-hover:#bfdbfe;--color-button-bg:#243645;--color-button-bg-hover:#2d4558;--color-button-text:#e5edf5;--color-header-bg:#16212b;--color-footer-text:#9fb0c2}footer,header,main{width:min(100% - (var(--size-space-lg) * 2),var(--size-page-max-width));margin-inline:auto}header{margin-top:var(--size-space-lg);padding:var(--size-space-lg);background:var(--color-header-bg);border:var(--size-border-width) solid var(--color-border);border-radius:var(--size-radius-lg);box-shadow:0 var(--size-space-xs) var(--size-shadow-blur) var(--color-shadow);& h1{margin-block-end:.2rem}}header>p{margin:0 0 var(--size-header-gap) 0;font-size:var(--size-font-title);font-weight:700}nav{display:flex;flex-wrap:wrap;gap:var(--size-nav-gap)}button,nav,nav a{align-items:center}button,nav a{display:inline-flex;justify-content:center;min-height:var(--size-button-height);padding:0 var(--size-space-md);border-radius:var(--size-radius-md);border:var(--size-border-width) solid var(--color-border);background:var(--color-button-bg);color:var(--color-button-text);text-decoration:none;font:inherit;cursor:pointer}button:hover,nav a:hover{background:var(--color-button-bg-hover)}main{margin-top:var(--size-space-lg);padding:var(--size-space-lg);background:var(--color-surface);border:var(--size-border-width) solid var(--color-border);border-radius:var(--size-radius-lg);box-shadow:0 var(--size-space-xs) var(--size-shadow-blur) var(--color-shadow)}main>article p{margin:0}main>article div.row{padding-inline:.5rem;padding-block:.8rem;& a{font-size:1.4rem;text-decoration:none;color:var(--color-text)}& div{font-size:1.2rem;color:color-mix(in srgb,var(--color-text),#000 30%)}}main>article div.row:hover{background:color-mix(in srgb,var(--color-surface),#fff 5%)}main>article div{border-radius:10px 10px 10px 10px}.site-tag-line{color:color-mix(in srgb,var(--color-text),#000 30%)}.tech-post-wrapper{max-width:var(--size-page-max-width);margin-inline:auto;margin-block:3rem;border:var(--size-border-width) solid var(--color-border);border-radius:var(--size-radius-lg);background-color:var(--color-header-bg)}.tech-post-wrapper div.spaced-bullet-list li{margin-block-end:.5lh}.tech-post-wrapper article{line-height:var(--size-post-line-height);padding:2rem}.tech-post-wrapper h1,.tech-post-wrapper h2,.tech-post-wrapper h3{line-height:1.25;margin-top:var(--size-space-lg);margin-bottom:var(--size-space-sm)}.tech-post-wrapper h1{margin:0 0 2rem;padding-bottom:var(--size-space-sm);border-bottom:var(--size-border-width) solid var(--color-border)}.tech-post-wrapper h3,article h2:not(:first-of-type){margin-top:3rem}.tech-post-wrapper p{margin:0 0 var(--size-space-md) 0;padding:0;border-bottom:none}.tech-post-wrapper blockquote{margin:0 0 var(--size-space-md) 0;padding-inline:var(--size-space-sm);padding-block:1rem .3rem;border-left:calc(var(--size-border-width)*4) solid var(--color-border);background:var(--color-surface-muted);border-radius:var(--size-radius-sm);color:var(--color-text-muted)}.tech-post-wrapper ol,.tech-post-wrapper ul{margin:0 0 var(--size-space-md) 0;padding-left:var(--size-space-lg)}.tech-post-wrapper li{margin-bottom:var(--size-space-xs)}.tech-post-wrapper code{font-family:Consolas,Courier New,monospace;font-size:var(--size-code-font);padding:0 var(--size-space-2xs);background:var(--color-surface-muted);border-radius:var(--size-radius-sm);color:#daa520}.tech-post-wrapper pre{margin:0 0 var(--size-space-md) 0;padding:var(--size-pre-padding);overflow-x:auto;border:var(--size-border-width) solid var(--color-border);border-radius:var(--size-radius-md);background:var(--color-surface-muted);line-height:1.4}.tech-post-wrapper pre code{padding:0;background:transparent;border-radius:0}.tech-post-wrapper pre.copyable-code{position:relative}.tech-post-wrapper pre.copyable-code .code-copy-button{position:absolute;top:var(--size-space-xs);right:var(--size-space-xs);min-height:0;width:2rem;height:2rem;padding:0;border-radius:999px;box-shadow:0 .25rem .75rem var(--color-shadow);opacity:.88;z-index:1;line-height:0;transform-origin:center;will-change:transform;transition:transform .12s ease,opacity .12s ease,background-color .12s ease}.tech-post-wrapper pre.copyable-code .code-copy-button:hover{opacity:1}.tech-post-wrapper pre.copyable-code .code-copy-button svg{width:1.8rem;height:1.8rem;flex:none}.tech-post-wrapper pre.copyable-code .code-copy-button.is-wiggling{animation:code-copy-wiggle .52s cubic-bezier(.34,1.56,.64,1)}@keyframes code-copy-wiggle{0%{transform:rotate(0deg)}20%{transform:translateX(-1px) rotate(-14deg) scale(1.04)}40%{transform:translateX(1px) rotate(12deg) scale(1.06)}60%{transform:translateX(-1px) rotate(-10deg) scale(1.03)}80%{transform:translateX(1px) rotate(8deg) scale(1.02)}to{transform:rotate(0deg)}}a{color:var(--color-link)}a:hover{color:var(--color-link-hover)}footer{margin-top:var(--size-space-lg);margin-bottom:var(--size-space-xl);padding:0 var(--size-space-xs)}footer p{margin:0;color:var(--color-footer-text);font-size:var(--size-font-small)}.graph{text-align:center}table{background-color:color-mix(in srgb,var(--color-header-bg),#fff 5%);padding-inline:1rem;padding-block:1rem;border-radius:5px;margin-block-end:1rem}th{text-align:left}td,th{padding-inline:.4rem}div.mermaid{margin-block:3rem}.spacer-reveal{display:flex;align-items:center}.icon-wrap{font-size:1.2rem;color:#f59e0b;padding-right:15px;opacity:.7}.reveal-line{height:1.5px;flex-grow:1;background:linear-gradient(90deg,#f59e0b,#e2e8f0 20%,rgba(226,232,240,.2));opacity:.3;border-radius:2px}.disabled{pointer-events:none;opacity:.4}div.show-shiki-lines+pre.shiki{counter-reset:line-counter}div.show-shiki-lines+pre.shiki .line:before{counter-increment:line-counter;content:counter(line-counter);display:inline-block;width:1.2rem;margin-right:1rem;text-align:right;color:#657b83;user-select:none}div.show-shiki-lines+pre.shiki .line:last-child:empty:before{content:none;counter-increment:none}div.table-100+table{width:100%;font-size:80%}div.center-image+p{text-align:center}::highlight(searchHighlight){background-color:#ff9;color:#242124}body{font-family:sans-serif}:root{scrollbar-gutter:stable;interpolate-size:allow-keywords;--pico-transition:0.2s ease-in-out;--pico-icon-close:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%238891a4' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' viewBox='0 0 24 24'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");color-scheme:light dark;--color-bg:#f5f7fa;--color-surface:#fff;--color-surface-muted:#eef2f7;--color-text:#1f2933;--color-border:#d9e2ec;--color-shadow:rgba(15,23,42,.1);--size-space-sm:0.75rem;--size-space-md:1rem;--size-radius-sm:0.375rem;--size-radius-lg:0.75rem;--size-border-width:0.0625rem;--size-shadow-blur:1.5rem;--size-font-base:1.2rem;--size-line-height:1.5;--size-button-height:2.25rem;--size-search-width:50rem}@media (prefers-color-scheme:dark){:root{--color-bg:#0f1720;--color-surface:#16212b;--color-surface-muted:#1d2b38;--color-text:#e0e0e0;--color-border:#304457;--color-shadow:rgba(0,0,0,.35)}}body.theme-light{--color-bg:#f5f7fa;--color-surface:#fff;--color-surface-muted:#eef2f7;--color-text:#1f2933;--color-border:#d9e2ec;--color-shadow:rgba(15,23,42,.1)}body.theme-dark{--color-bg:#0f1720;--color-surface:#16212b;--color-surface-muted:#1d2b38;--color-text:#e0e0e0;--color-border:#304457;--color-shadow:rgba(0,0,0,.35)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:var(--size-font-base);line-height:var(--size-line-height);background:var(--color-bg);color:var(--color-text)}.search-dialog-wrapper{margin-top:var(--size-space-md)}@container search-dialog-wrapper{dialog{--delay:400ms;margin-top:200px;margin-inline:auto;font-size:1.2rem;border:none;opacity:0;scale:.8;transition:opacity var(--delay) ease,scale var(--delay) ease,display var(--delay) allow-discrete,overlay var(--delay) allow-discrete}#search-dialog{width:min(100%,var(--size-search-width));border:var(--size-border-width) solid var(--color-border);border-radius:var(--size-radius-lg);padding:0;background:var(--color-surface);color:var(--color-text);box-shadow:0 var(--size-space-sm) var(--size-shadow-blur) var(--color-shadow)}dialog[open]{opacity:1;scale:1}@starting-style{dialog[open]{opacity:0;scale:.8}}dialog::backdrop{background-color:transparent;opacity:0;transition:opacity var(--delay) ease,display var(--delay) allow-discrete,background-color var(--delay) ease,overlay var(--delay) allow-discrete}dialog[open]::backdrop{background-color:rgba(0,0,0,.6);opacity:1}@starting-style{dialog[open]::backdrop{opacity:0;background-color:transparent}}#search-dialog article{margin:0;padding:var(--size-space-md)}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--size-space-md)}dialog>article span#search-results-count{font-size:.8rem}dialog>article .close,dialog>article :is(a,button)[rel=prev]{display:block;width:1rem;height:1rem;margin-top:.2rem;margin-bottom:var(--pico-spacing);margin-left:auto;border:none;background-image:var(--pico-icon-close);background-position:50%;background-size:auto 1rem;background-repeat:no-repeat;background-color:transparent;opacity:.5;transition:opacity var(--pico-transition)}#search-input{width:100%;min-height:var(--size-button-height);padding:0 var(--size-space-sm);outline:none;border:1px solid #686a6c;border-radius:var(--size-radius-sm);background:var(--color-surface-muted);color:var(--color-text)}dialog>article input#search-input{font-size:inherit}.search-results{margin-top:var(--size-space-md);max-height:16rem;overflow:auto}#search-results{margin:0;padding-inline-start:.5rem}dialog .search-results{max-height:200px;margin:var(--pico-spacing);margin-block:2rem;overflow:auto}dialog .search-results ul{list-style-type:none}.tags-wrapper{display:flex;align-items:flex-end;gap:10px}.tags-list{color:#daa520;font-size:.8rem}details{margin-top:.5rem;margin-bottom:.5rem;font-size:.9rem;outline:1px solid #686a6c;padding:.6rem;border-radius:var(--size-radius-sm);background:var(--color-surface-muted);color:#9b9a96}details::details-content{height:0;overflow:clip;transition:height .3s ease,content-visibility allow-discrete .3s ease}details[open]::details-content{height:auto}dialog>article details div{margin-inline-start:1.4rem}}details>summary{list-style:none;display:flex;align-items:center;cursor:pointer}details>summary::-webkit-details-marker{display:none}details>summary:after{content:"";display:inline-block;width:20px;height:20px;margin-left:.5rem;margin-right:24px;background-repeat:no-repeat;background-position:50%;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-chevron-down-icon lucide-chevron-down' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-chevron-down-icon lucide-chevron-down' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}details>summary:after,details[open] summary:after{background-color:#9b9a96;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-size:contain}details[open] summary:after{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-chevron-up-icon lucide-chevron-up' viewBox='0 0 24 24'%3E%3Cpath d='m18 15-6-6-6 6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-chevron-up-icon lucide-chevron-up' viewBox='0 0 24 24'%3E%3Cpath d='m18 15-6-6-6 6'/%3E%3C/svg%3E")}.post-date-updated{font-size:.8rem;font-style:italic;margin-block:2rem}details.code-display{font-size:1.2rem;margin-block-end:1rem}details.code-display div{margin-block-start:1rem}details.code-display::details-content{height:0;overflow:clip;transition:height .3s ease,content-visibility allow-discrete .3s ease}details.code-display[open]::details-content{height:auto}details.code-display>summary{list-style:none;display:flex;align-items:center;cursor:pointer}summary{list-style:none!important}details.code-display>summary::-webkit-details-marker{display:none}ddetails.code-display>summary:before{content:"";display:inline-block;width:20px;height:20px;margin-right:12px;background-repeat:no-repeat;background-position:50%;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23f5f5f5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-square-plus-icon lucide-square-plus' viewBox='0 0 24 24'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M8 12h8M12 8v8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23f5f5f5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-square-plus-icon lucide-square-plus' viewBox='0 0 24 24'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M8 12h8M12 8v8'/%3E%3C/svg%3E")}ddetails.code-display>summary:before,ddetails.code-display[open] summary:before{background-color:var(--color-text);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-size:contain}ddetails.code-display[open] summary:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E")}