:root{--paper: #f7f7fb;--surface: #ecedf7;--ink: #141414;--ink-muted: #5b6478;--rule: #dcdef0;--accent: #444ce7;--accent-soft: rgba(68, 76, 231, .12);--mark: #444ce7;--flash: linear-gradient(90deg, #b664ff 0%, #444ce7 100%);--glow: none;--code-bg: #ffffff;--add-bg: rgba(31, 136, 61, .12);--remove-bg: rgba(207, 34, 46, .1);--font-text: "JetBrains Mono", ui-monospace, Menlo, monospace;--font-code: "JetBrains Mono", ui-monospace, Menlo, monospace;--step--1: .8rem;--step-0: 1rem;--step-1: 1.25rem;--step-2: 1.6rem;--step-3: 2rem;--step-4: clamp(2rem, 1.3rem + 2.8vw, 3.2rem);--measure: 42rem;--wide: 60rem;--code: 52rem;--gutter: clamp(16px, 4vw, 40px);--radius: 6px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #141414;--surface: #1a1830;--ink: #f8fafc;--ink-muted: #92a4c3;--rule: #243349;--accent: #a5a9f5;--accent-soft: rgba(97, 105, 237, .28);--mark: #1ff1a5;--flash: linear-gradient(90deg, #b664ff 0%, #444ce7 55%, #1ff1a5 100%);--glow: radial-gradient(ellipse 80% 520px at 50% -120px, rgba(68, 76, 231, .22), transparent 70%);--code-bg: #171626;--add-bg: rgba(31, 241, 165, .12);--remove-bg: rgba(248, 81, 73, .14)}}:root[data-theme=dark]{--paper: #141414;--surface: #1a1830;--ink: #f8fafc;--ink-muted: #92a4c3;--rule: #243349;--accent: #a5a9f5;--accent-soft: rgba(97, 105, 237, .28);--mark: #1ff1a5;--flash: linear-gradient(90deg, #b664ff 0%, #444ce7 55%, #1ff1a5 100%);--glow: radial-gradient(ellipse 80% 520px at 50% -120px, rgba(68, 76, 231, .22), transparent 70%);--code-bg: #171626;--add-bg: rgba(31, 241, 165, .12);--remove-bg: rgba(248, 81, 73, .14)}*,*:before,*:after{box-sizing:border-box}html{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%}body{margin:0;background:var(--glow) no-repeat,var(--paper);color:var(--ink);font-family:var(--font-text);font-size:var(--step-0);font-weight:300;line-height:1.7;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column}main{flex:1;width:100%;max-width:calc(var(--wide) + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter) 5rem}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--mark);outline-offset:3px;border-radius:2px}h1,h2,h3,h4{font-family:inherit;font-weight:300;line-height:1.2;letter-spacing:-.02em;text-wrap:balance;scroll-margin-top:24px}::selection{background:var(--accent-soft)}.SkipLink{position:absolute;left:-9999px}.SkipLink:focus{left:var(--gutter);top:8px;background:var(--paper);padding:4px 8px;z-index:10}.Masthead{width:100%;max-width:calc(var(--wide) + 2 * var(--gutter));margin:0 auto;padding:28px var(--gutter) 0;display:flex;align-items:baseline;justify-content:space-between;gap:16px 32px;flex-wrap:wrap}.Wordmark{font-family:inherit;font-size:1.6rem;font-weight:500;letter-spacing:-.04em;color:var(--ink);text-decoration:none;display:inline-flex;align-items:baseline}.Wordmark-cube{display:inline-block;width:.36em;height:.36em;margin:0 .1em .04em;background:var(--mark);border-radius:2px;transform:rotate(12deg);transition:transform .3s ease}.Wordmark:hover .Wordmark-cube{transform:rotate(57deg)}.Masthead-nav{display:flex;gap:4px 22px;flex-wrap:wrap;font-family:inherit;font-size:1rem}.Masthead-nav a{color:var(--ink-muted);text-decoration:none;padding:2px 0;border-bottom:2px solid transparent}.Masthead-nav a:hover{color:var(--ink)}.Masthead-nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--mark)}.SiteFooter{width:calc(100% - 2 * var(--gutter));max-width:var(--wide);margin:0 auto;padding:24px 0 40px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px 32px;font-size:.95rem;color:var(--ink-muted)}.About{display:flex;align-items:center;gap:14px;max-width:30rem}.About img{flex:0 0 44px;width:44px;height:44px;border-radius:50%;object-fit:cover}.About p{margin:0;line-height:1.45}.SiteFooter nav{display:flex;gap:4px 20px;flex-wrap:wrap}.SiteFooter a{color:var(--ink-muted)}.Entry{padding:22px 0 24px;border-top:1px solid var(--rule)}.Entry-title{font-size:var(--step-1);font-weight:400;margin:0 0 6px}.Entry-title a{color:var(--ink);text-decoration:none}.Entry-title a:hover{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px}.Entry-summary{margin:0 0 10px;color:var(--ink-muted);max-width:var(--measure);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.Entry-meta,.ArticleHeader-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;font-family:inherit;font-size:var(--step--1);color:var(--ink-muted)}.Entry-tags{display:inline-flex;flex-wrap:wrap;gap:2px 12px}.Tag{color:var(--ink-muted);text-decoration:none}.Tag:before{content:"#";opacity:.55}a.Tag:hover{color:var(--accent);text-decoration:underline}.Tag.active{color:var(--ink);font-weight:500}.Entry--featured{border-top:3px solid var(--ink);border-image:var(--flash) 1;margin-top:48px;padding:28px 0 40px}.Entry--featured .Entry-title{font-size:var(--step-4);font-weight:100;letter-spacing:-.04em;margin-bottom:14px;max-width:18ch}.Entry--featured .Entry-summary{font-size:var(--step-1);line-height:1.45;color:var(--ink);-webkit-line-clamp:unset;margin-bottom:16px}.Year{display:grid;grid-template-columns:7rem 1fr;gap:0 24px;margin-top:8px}.Year-label{font-size:var(--step-2);font-weight:100;color:var(--ink-muted);margin:0;padding-top:18px;border-top:1px solid var(--rule);font-variant-numeric:tabular-nums}.Year-entries .Entry:last-child{padding-bottom:8px}.Entry--lab{display:grid;grid-template-columns:7rem 1fr;gap:0 24px}.Entry-duration{font-family:inherit;font-size:var(--step-2);font-weight:100;color:var(--ink-muted);line-height:1.15;white-space:nowrap}.PageHeader{margin:56px 0 32px;max-width:var(--measure)}.PageHeader h1{font-size:var(--step-4);font-weight:100;letter-spacing:-.04em;margin:0 0 10px}.PageHeader p{margin:0;color:var(--ink-muted)}.TagCloud{margin-top:56px;padding-top:20px;border-top:1px solid var(--rule)}.TagCloud h2{font-size:var(--step-0);margin:0 0 10px}.TagCloud>div{display:flex;flex-wrap:wrap;gap:4px 16px;font-family:inherit;font-size:1rem}.post-view{max-width:var(--wide)}.ArticleHeader{max-width:var(--measure);margin:56px 0 40px}.ArticleHeader h1{font-size:var(--step-4);font-weight:100;letter-spacing:-.04em;margin:0 0 16px}.post-view-content{max-width:var(--measure);overflow-wrap:break-word}.post-view-content p{margin:0 0 1.1em}.post-view-content h2{font-size:var(--step-2);margin:2.2em 0 .6em}.post-view-content h3{font-size:var(--step-1);margin:1.8em 0 .5em}.post-view-content h4{font-size:var(--step-0);margin:1.6em 0 .4em}.post-view-content ul,.post-view-content ol{margin:0 0 1.1em;padding-left:1.4em}.post-view-content li{margin:.25em 0}.post-view-content li::marker{color:var(--ink-muted)}.post-view-content strong{font-weight:500}.post-view-content hr{border:none;border-top:1px solid var(--rule);margin:2.5em 0}.post-view-content table{border-collapse:collapse;width:100%;margin:1.5em 0;font-family:inherit;font-size:.95rem;line-height:1.4;display:block;overflow-x:auto}.post-view-content th,.post-view-content td{padding:10px 14px 10px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--rule)}.post-view-content th{font-weight:500;border-bottom:2px solid var(--ink)}blockquote{margin:1.5em 0;padding:2px 0 2px 20px;border-left:3px solid var(--accent);color:var(--ink)}blockquote p:last-child{margin-bottom:0}.post-view-content img{display:block;max-width:100%;height:auto;margin:1.5em auto;border-radius:var(--radius);cursor:zoom-in}.zoomable-overlay{position:fixed;inset:0;cursor:zoom-out;display:flex;align-items:center;justify-content:center;padding:clamp(12px,4vw,50px);z-index:100;background:#0a080ee0}.zoomable-overlay img{max-width:100%;max-height:100%;object-fit:contain}.mermaid-diagram{width:min(var(--code),100vw - 2 * var(--gutter));margin:1.5em 0;padding:1.25rem;overflow-x:auto;border-radius:var(--radius);border:1px solid #243349;background:#141414;cursor:zoom-in}.mermaid-diagram svg{display:block;max-width:100%;height:auto;margin:0 auto}.zoomable-overlay .mermaid-diagram-zoomed{width:auto;max-width:100%;max-height:100%;margin:0;overflow:auto;cursor:default}.embedVideo-container{display:block;max-width:100%;width:700px}.embedVideo-iframe{width:100%;height:400px}.iframe-wrapper{width:100%}code:not(pre code){font-family:var(--font-code);font-weight:400;font-size:.82em;padding:.1em .35em;border-radius:4px;background:var(--surface);overflow-wrap:anywhere}pre.astro-code,pre.shiki{font-family:var(--font-code);font-weight:400;font-size:.8rem;line-height:1.65;margin:0;padding:2.4rem 1.4rem 1.2rem;overflow-x:auto;border-radius:var(--radius);border:1px solid var(--rule);background-color:var(--code-bg)!important}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .astro-code,:root:not([data-theme=light]) .astro-code span{color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important}}:root[data-theme=dark] .astro-code,:root[data-theme=dark] .astro-code span{color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important}pre.astro-code code{font-family:inherit;background:none;padding:0}pre.astro-code .line{white-space:pre-wrap;overflow-wrap:anywhere}pre.astro-code .line.diff{position:relative;display:inline-block;width:calc(100% + 2.8rem);margin:0 -1.4rem;padding:0 1.4rem}pre.astro-code .line.diff.add{background:var(--add-bg)}pre.astro-code .line.diff.remove{background:var(--remove-bg);opacity:.75}pre.astro-code .line.diff:before{position:absolute;left:.5rem}pre.astro-code .line.diff.add:before{content:"+";color:#1f883d}pre.astro-code .line.diff.remove:before{content:"-";color:#cf222e}.code-wrapper{position:relative;margin:1.5em 0;width:min(var(--code),100vw - 2 * var(--gutter))}.confetti-wrapper{position:absolute;top:0;right:0}.code-language-stub,.copy-code-button{position:absolute;top:10px;font-family:var(--font-code);font-size:.72rem;line-height:1;color:var(--ink-muted);z-index:2}.code-language-stub{left:1.4rem;user-select:none}.copy-code-button{right:10px;top:6px;padding:5px 9px;background:var(--paper);border:1px solid var(--rule);border-radius:4px;cursor:pointer}.copy-code-button:hover{color:var(--ink);border-color:var(--ink-muted)}.codelab-wrapper{display:grid;grid-template-columns:14rem minmax(0,1fr);gap:0 48px;align-items:start}.codelab-steps-nav{position:sticky;top:24px;display:flex;flex-direction:column;max-height:calc(100vh - 48px);overflow-y:auto;border-left:1px solid var(--rule)}.codelab-step-link{display:flex;gap:10px;align-items:baseline;padding:7px 0 7px 14px;margin-left:-1px;border:none;border-left:2px solid transparent;background:none;color:var(--ink-muted);font-family:inherit;font-size:.92rem;line-height:1.3;text-align:left;cursor:pointer}.codelab-step-link:hover{color:var(--ink)}.codelab-step-link.active{color:var(--ink);border-left-color:var(--mark);font-weight:500}.codelab-step-number{font-variant-numeric:tabular-nums;min-width:1.2em;opacity:.7}.codelab-content{min-width:0}.codelab-step{display:none}.codelab-step.active{display:block}.codelab-step-title{font-size:var(--step-3);font-weight:200;margin:0 0 24px;max-width:var(--measure)}.codelab-step-badge{display:block;font-size:var(--step--1);font-weight:400;font-variation-settings:normal;letter-spacing:0;color:var(--ink-muted);margin-bottom:6px}.codelab-step-duration{font-size:var(--step--1);font-weight:400;color:var(--ink-muted);margin-left:8px}.codelab-step-content .code-wrapper,.codelab-step-content .mermaid-diagram{width:100%}.codelab-step-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:var(--measure);padding-top:24px;margin-top:32px;border-top:1px solid var(--rule)}.codelab-step-nav-top{display:none}.codelab-nav-btn{display:inline-block;padding:10px 16px;line-height:1.3;border:1px solid var(--rule);border-radius:var(--radius);background:none;color:var(--ink);font-family:inherit;font-size:1rem;text-decoration:none;cursor:pointer}.codelab-nav-btn:hover{border-color:var(--accent);color:var(--accent)}.codelab-next{margin-left:auto;text-align:right}.codelab-next:only-child,.codelab-prev+.codelab-next{background:var(--ink);border-color:var(--ink);color:var(--paper)}.codelab-next:only-child:hover,.codelab-prev+.codelab-next:hover{background:var(--accent);border-color:var(--accent);color:var(--paper)}.NotFound{max-width:var(--measure);margin:96px 0}.NotFound h1{font-size:var(--step-4);font-weight:100;margin:0 0 12px}@media(max-width:900px){.codelab-wrapper{grid-template-columns:minmax(0,1fr)}.codelab-steps-nav{position:static;flex-direction:row;max-height:none;overflow-x:auto;border-left:none;border-bottom:1px solid var(--rule);margin-bottom:32px;scrollbar-width:none}.codelab-step-link{flex:0 0 auto;white-space:nowrap;padding:8px 14px 8px 0;margin:0 0 -1px;border-left:none;border-bottom:2px solid transparent}.codelab-step-link.active{border-bottom-color:var(--mark)}}@media(max-width:640px){body{font-size:1.0625rem}.Masthead{padding-top:20px}.Year,.Entry--lab{grid-template-columns:minmax(0,1fr)}.Year-label{padding-top:28px;border-top:none}.Entry-duration:empty{display:none}.Entry-duration{font-size:var(--step-0);font-weight:400;margin-bottom:4px}.ArticleHeader,.PageHeader{margin-top:36px}pre.astro-code{padding-left:1rem;padding-right:1rem}pre.astro-code .line.diff{width:calc(100% + 2rem);margin:0 -1rem;padding:0 1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}