*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:none;text-size-adjust:none}img,picture,video,canvas,svg{max-width:100%}input,button,textarea,select{font:inherit}table{border-collapse:collapse;border-spacing:0}:root{color-scheme:light dark;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Source Code Pro", Menlo, monospace;--font-serif:Georgia, serif;--font-display:"Instrument Serif", Georgia, serif;--font-body-serif:"Source Serif 4", Georgia, serif;--bg:light-dark(#fff, #1a1a2e);--bg-raised:light-dark(#f8f9fa, #21262d);--bg-surface:light-dark(#fcfcfc, #21262d);--bg-nav:light-dark(rgba(255, 255, 255, 0.85), rgba(26, 26, 46, 0.85));--fg:light-dark(#666, #c9d1d9);--fg-emphasis:light-dark(#222, #e6edf3);--fg-default:light-dark(#333, #c9d1d9);--fg-muted:light-dark(#aaa, #8b949e);--fg-faint:light-dark(#999, #6e7681);--fg-dim:light-dark(#cdd4da, #484f58);--accent:light-dark(#5694f1, #79c0ff);--border:light-dark(#eee, #30363d)}.hidden{display:none}.post h1,h3,h4,h5,p,.post-body ul,ol,pre{margin-bottom:20px}html,body{height:100%}body{font:18px/1.6 var(--font-sans);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:is(h1,h2,h3,h4,h5,h6){text-wrap:balance}h1{font-size:30px;letter-spacing:-1px;color:var(--fg-emphasis);font-weight:700}h2{font:italic 19px/1.3em var(--font-serif);color:var(--fg-muted)}.profile #wrapper{padding:60px 40px 0;max-width:800px;margin:0 auto}.profile #header{padding-bottom:40px;text-align:center;position:relative}.profile #avatar{display:inline-block;width:120px;height:120px;border-radius:50%;margin-bottom:20px}.profile h1{font-weight:400;letter-spacing:0;font-size:20px;color:var(--fg-emphasis)}.profile h2{font-size:20px;font-weight:400;color:var(--fg-muted);margin-top:10px;font-family:var(--font-sans);font-style:normal}.site-layout{display:flex;min-height:100vh;max-width:980px;margin:0 auto}nav.main-nav{width:180px;flex-shrink:0;height:100vh;position:sticky;top:0;padding:60px 16px 24px;display:flex;flex-direction:column;gap:0;transition:transform .3s}.nav-hidden{transform:translateX(-80px)}nav.main-nav .nav-title{color:var(--fg-emphasis);font-weight:600;font-size:13px;letter-spacing:.3px;padding:8px 12px;margin-bottom:20px;border-radius:6px;transition:color .15s ease}nav.main-nav .nav-title:hover{color:var(--accent)}nav.main-nav .nav-links{display:flex;flex-direction:column;gap:1px}nav.main-nav .nav-links a{padding:7px 12px;color:var(--fg-muted);font-size:13px;font-weight:500;line-height:1.35;border-radius:6px;transition:background .15s ease,color .15s ease}nav.main-nav .nav-links a:hover{color:var(--fg-emphasis);background:var(--bg-raised)}.theme-toggle{margin-top:auto;background:0 0;border:none;cursor:pointer;color:var(--fg-dim);padding:7px 12px;display:flex;align-items:center;border-radius:6px;transition:background .15s ease,color .15s ease}.theme-toggle:hover{color:var(--fg-emphasis);background:var(--bg-raised)}.theme-toggle .icon-sun,.theme-toggle .icon-moon{display:none}[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=light] .theme-toggle .icon-moon{display:block}#wrapper{max-width:800px;flex:1;min-width:0;padding:60px 40px 100px}#wrapper.home{max-width:800px;margin:0 auto;padding:0 40px 20px}.home #avatar{float:right;width:40px;height:40px;border-radius:50%}a,#title,#post-list a:hover,#post-list li:hover .dates,#title:hover{text-decoration:none;color:var(--accent)}p a{color:var(--accent)}ul,ol{margin:0;padding:0;margin-bottom:20px}ul{list-style-type:circle}ol{list-style:decimal}li{list-style-position:inside}#post-body,p{line-height:1.7}b,strong{font-weight:500;color:var(--fg-emphasis)}em,i{font-style:italic}#title{display:inline-block;line-height:100%;font-weight:500;font-size:19px;margin:0;padding-bottom:20px}.description{float:right;font:italic 14px/1.4em var(--font-serif);color:var(--fg-muted)}.home h1{font-size:30px;letter-spacing:-1px;color:var(--fg-emphasis);font-weight:700}.home h2{font:italic 19px/1.3em var(--font-serif);color:var(--fg-muted)}.post header{text-align:center}.post-cover{margin:24px 0 32px}.post-cover img{border-radius:6px}.post h1{margin-bottom:0;color:var(--fg-emphasis);font:600 32px/1.4em var(--font-sans)}.post h2{margin-bottom:40px;font:500 24px/1.5 var(--font-sans);color:var(--fg-emphasis)}.post h2.subtitle{font:italic 19px/1.3em var(--font-serif);color:var(--fg-muted)}#post-list h2{font:15px/1.5em var(--font-sans);color:var(--fg-muted);max-width:400px;margin-top:2px}h3,h4,h5{color:var(--fg-emphasis)}h3{font-size:20px;font-weight:400}h4{font-size:16px;font-weight:700}h5{font-size:15px;font-weight:700}h6{font-size:13px;font-weight:700;color:var(--fg);margin-bottom:6px}p.small{color:var(--fg-dim);font-size:14px;line-height:1.5;display:block;text-align:center;margin-top:20px}blockquote{padding:12px 20px;margin:20px 0;border-left:3px solid var(--accent);background:var(--bg-raised);border-radius:0 4px 4px 0;color:var(--fg)}hr{display:block;border:none;height:1px;margin:16px auto;background:var(--border)}span.code{font-family:Menlo,Monaco,Courier;background-color:var(--border);font-size:14px}:not(pre)>code{font-family:var(--font-mono);font-size:.875em;background-color:var(--border);padding:.15em .4em;border-radius:4px}pre{white-space:pre-wrap;padding:20px;overflow:auto;border-radius:8px;background:#1e1e2e;box-shadow:0 2px 12px rgba(0,0,0,.15);font-family:var(--font-mono);font-size:13px;line-height:1.6em;font-weight:500;color:#cdd6f4}table{width:100%;margin:40px 0;border-collapse:collapse;font-size:13px;line-height:1.5em}th,td{text-align:left;padding-right:20px;vertical-align:top}table td,td{border-spacing:none;border-style:solid;padding:10px 15px;border-width:1px 0 0;border-color:var(--border)}tr>td{border-top:1px solid var(--border)}tr:nth-child(odd)>td{background:var(--bg-surface)}thead th,th{text-align:left;padding:10px 15px;height:20px;font-size:13px;font-weight:700;color:var(--fg-default);border-bottom:1px solid var(--border);cursor:default;white-space:nowrap}img{max-width:100%;border-radius:3px}#project-list{margin-bottom:40px}#project-list li{padding:12px 0;list-style-type:none}#project-list li+li{border-top:1px solid var(--border)}#project-list .project-header{display:flex;justify-content:space-between;align-items:baseline}#project-list .project-name{display:flex;align-items:baseline;gap:8px}#project-list a{font:700 17px/1.7 var(--font-sans);color:var(--fg-default)}#project-list a:hover{color:var(--accent)}#project-list .project-stats{display:flex;align-items:baseline;gap:12px;white-space:nowrap}#project-list .stars,#project-list .downloads{font:14px/1.7 var(--font-sans);color:var(--fg-muted)}#project-list p{font:15px/1.5 var(--font-sans);color:var(--fg-muted);margin-bottom:0}#project-list li.deprecated{opacity:.55}#project-list .deprecated-badge{font:500 11px/1 var(--font-sans);color:var(--fg-muted);border:1px solid var(--fg-dim);padding:2px 7px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle}#project-list .maintainer-badge{font:500 11px/1 var(--font-sans);color:var(--accent);border:1px solid var(--accent);padding:2px 7px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle;transition:background .15s ease,color .15s ease}#project-list .maintainer-badge:hover{background:var(--accent);color:var(--bg)}#project-list .project-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}#archive-list{margin-top:100px}#post-list{margin-bottom:0}#post-list li,#archive-list li{padding-top:20px;padding-bottom:20px;list-style-type:none;margin-bottom:0}#post-list li+li,#archive-list li+li{border-top:1px solid var(--border)}#post-list a{color:var(--fg-default);display:block;font:700 19px/1.7 var(--font-sans)}#post-list .dates{float:right;position:relative;top:1px;font:17px/1.8 var(--font-sans);color:var(--fg-muted)}#post-list-footer{border-top:1px solid var(--border);margin-top:20px;padding-top:100px}#archive-link{display:inline-block;font-size:13px;font-weight:700;border-radius:4px;padding:3px 10px 6px;box-shadow:0 0 0 1px var(--accent)}#archive-link:hover{background:var(--accent);color:var(--bg);box-shadow:0 0 0 1px var(--accent)}#archive-link span{position:relative;top:0;font-size:17px}#footer{padding:40px 0 0}.post{margin:80px 0 0}#post-meta{font-size:13px;font-weight:700;line-height:1.4;border-top:1px solid var(--border);padding-top:40px;margin-bottom:40px;padding-bottom:40px;margin-top:40px;color:var(--fg-default);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}#post-meta .post-author{display:flex;align-items:center;gap:16px}#post-meta div span{color:var(--fg-muted);font-weight:500;display:block}#post-meta div span.dark{color:var(--fg-emphasis)}#post-meta img.avatar{height:36px;width:36px;border-radius:50%;box-shadow:0 0 0 3px var(--bg),0 0 0 4px var(--border)}#sharing{display:flex;align-items:center}.copy-link{font-size:13px;font-weight:700;color:var(--bg);background:var(--accent);padding:6px 12px;border-radius:4px;border:none;cursor:pointer;transition:opacity .15s}.copy-link:hover{opacity:.8}#post-nav{text-align:center;font-size:13px;font-weight:500;margin-top:20px}#post-nav span{position:relative}#post-nav span.prev{float:left}#post-nav span.next{float:right}#post-nav span .arrow{position:relative;padding:1px}#post-nav span.prev:hover .arrow{left:-4px}#post-nav span.next:hover .arrow{right:-4px}#post-nav span.prev:hover{left:-3px}#post-nav span.next:hover{right:-3px}h1.archive{margin-bottom:0}h2.month{width:100%;font:700 13px/1 var(--font-sans);text-transform:uppercase;margin-top:40px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}#archive-list li:last-child{margin-bottom:0}#archive-list a{display:block;font:700 17px/1.7 var(--font-sans);color:var(--fg-default)}#archive-list .dates{float:right;position:relative;top:1px;font:17px/1.7 var(--font-sans);color:var(--fg-muted)}#archive-list li a:hover,#archive-list li:hover .dates{color:var(--accent)}.read-more{margin-top:60px}.read-more h3{font:20px var(--font-sans);margin-bottom:20px}.read-more a{font:16px/1.6 var(--font-sans);color:var(--accent)}.read-more a:hover{opacity:.8}.read-more .dates{font:16px/1.6 var(--font-sans)}@media screen and (max-width:768px){.site-layout{flex-direction:column}nav.main-nav{width:100%;min-height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;padding:10px 20px;gap:4px;position:sticky;top:0;background:var(--bg-nav);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid var(--border)}nav.main-nav .nav-title{margin-bottom:0;margin-right:auto;padding:6px 10px}nav.main-nav .nav-links{flex-direction:row;gap:0}nav.main-nav .nav-links a{padding:6px 10px}.theme-toggle{margin-top:0;padding:6px}#wrapper{max-width:800px;margin:0 auto}}@media screen and (max-width:540px){#wrapper{padding:20px}.post{margin:40px 0}#post-list,#archive-list{margin-top:0}#post-meta{margin-top:60px;flex-direction:column;align-items:flex-start;gap:20px}#title{font-size:17px}#post-list .dates{float:none;display:block;font-size:14px;margin-bottom:4px}nav.main-nav .nav-links a{font-size:13px;padding:6px 8px}.profile #wrapper{padding-top:20px}.profile #avatar{width:80px;height:80px}#post-list-footer{margin-top:20px;padding-top:40px}h1{font-size:26px}.post h1{font-size:24px}.post h2{font-size:20px}}#social{display:flex;flex-direction:row;justify-content:center}a.symbol{color:var(--fg-dim);text-decoration:none;margin:0 .4rem;display:inline-flex;align-items:center}a.symbol svg{width:24px;height:24px}a.symbol:hover{color:var(--fg-muted)}.post-meta{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:var(--fg-faint);margin:-5px 0 16px;display:flex;align-items:center;justify-content:center;gap:6px}.post-meta .meta-sep{color:var(--fg-dim)}.post-meta time{color:inherit}.post-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:40px}.tag{font-size:12px;font-weight:500;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);padding:3px 10px;border-radius:3px;letter-spacing:.3px;text-decoration:none;transition:background .15s ease}.tag:hover{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.source-domain{font-family:var(--font-mono);font-size:12px;letter-spacing:0;text-transform:none;color:var(--fg-faint)}.link-post .external-title{color:var(--fg-emphasis);text-decoration:none}.link-post .external-title:hover{color:var(--accent)}.link-post .link-arrow{font-size:.75em;opacity:.4;transition:opacity .15s}.link-post .external-title:hover .link-arrow{opacity:1}.source-callout{display:flex;align-items:center;justify-content:center;gap:8px;margin:40px 0 0;padding:14px 20px;border:1px solid var(--border);border-radius:6px;font-size:14px;font-weight:500;color:var(--accent);background:var(--bg-raised);text-decoration:none;transition:border-color .15s ease,background .15s ease}.source-callout:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--bg));color:var(--accent)}.source-callout-domain{font-family:var(--font-mono);color:var(--fg)}.source-callout-arrow{color:var(--accent);transition:transform .15s}.source-callout:hover .source-callout-arrow{transform:translateX(3px)}.about header{padding-bottom:20px}.about-avatar{display:block;width:100px;height:100px;border-radius:50%;margin:0 auto 20px}.about #post-body{text-align:center}.about #social{margin-top:20px}.post-nav-back{margin:40px 0 0}.post-nav-back a{font-size:14px;font-weight:500;color:var(--accent);text-decoration:none}.post-nav-back a:hover{opacity:.8}.toc{display:none}@media screen and (min-width:1200px){.site-layout{max-width:1160px}.toc{display:block;width:180px;flex-shrink:0;height:100vh;position:sticky;top:0;padding:60px 16px 24px;overflow-y:auto;font-size:12px;line-height:1.5;transition:transform .3s}.toc-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted);margin-bottom:8px}.toc nav#TableOfContents>ul{list-style:none;padding:0;margin:0}.toc nav#TableOfContents ul{list-style:none;padding-left:12px;margin:0}.toc nav#TableOfContents>ul{padding-left:0}.toc nav#TableOfContents li{margin:0;padding:2px 0}.toc nav#TableOfContents a{color:var(--fg-muted);text-decoration:none;transition:color .2s;display:block;padding:1px 0;border-left:2px solid transparent;padding-left:8px}.toc nav#TableOfContents a:hover{color:var(--accent)}.toc nav#TableOfContents a.toc-active{color:var(--accent);border-left-color:var(--accent)}.toc::-webkit-scrollbar{width:3px}.toc::-webkit-scrollbar-thumb{background:var(--fg-dim);border-radius:3px}}.sc-container{border:1px solid var(--border);border-radius:8px;background:var(--bg);overflow:hidden;margin:1.5rem 0}.sc-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--bg-raised);border-bottom:1px solid var(--border)}.sc-title{font-weight:600;font-size:.85rem;color:var(--fg-emphasis)}.sc-btn{font-size:.75rem;padding:.25rem .75rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--fg-default);cursor:pointer;transition:border-color .2s}.sc-btn:hover{border-color:var(--accent);color:var(--accent)}.sc-btn:disabled{opacity:.4;cursor:default}.sc-btn:disabled:hover{border-color:var(--border);color:var(--fg-default)}.sc-status{padding:.5rem 1rem;font-size:.8rem;color:var(--fg-muted);border-top:1px solid var(--border)}.sc-section-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted)}.sc-buttons{display:flex;gap:.35rem}.sc-node rect{fill:var(--bg-raised);stroke:var(--fg-dim);stroke-width:1.5;rx:6}.sc-node text{font-family:var(--font-sans);font-size:10px;fill:var(--fg-default);text-anchor:middle;dominant-baseline:central;pointer-events:none}.sc-edge{stroke:var(--fg-dim);stroke-width:1.2;fill:none}.shortcode-expand{width:140%;margin-left:-20%;position:relative;z-index:1}.toc-hidden{transform:translateX(80px)}.link-list li{display:block}.link-desc{font-size:15px;color:var(--fg-faint);margin:2px 0 0;line-height:1.5}.link-domain{font-family:var(--font-mono);font-size:12px;color:var(--fg-dim);display:block;margin-top:4px}.post h1{font:700 38px/1.2 var(--font-display);letter-spacing:-.5px;margin-bottom:6px}.post h2.subtitle{font:italic 20px/1.4 var(--font-display);color:var(--fg-muted);margin-bottom:32px}#post-body h2{font:500 26px/1.35 var(--font-body-serif);color:var(--fg-emphasis);margin-top:56px;margin-bottom:16px;padding-top:32px;border-top:1px solid var(--border)}#post-body h2:first-child{border-top:none;padding-top:0;margin-top:0}#post-body h3{font:600 18px/1.4 var(--font-sans);color:var(--fg-emphasis);margin-top:40px;margin-bottom:12px;letter-spacing:-.2px}#post-body h4{font:600 15px/1.4 var(--font-sans);color:var(--fg-emphasis);margin-top:28px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-size:12px}#post-body p{font-size:17px;line-height:1.75;margin-bottom:24px;hanging-punctuation:first last}#post-body>p:first-child{font-size:19px;line-height:1.7;color:var(--fg-default)}#post-body ul,#post-body ol{padding-left:1.5em;margin-bottom:24px}#post-body li{list-style-position:outside;font-size:17px;line-height:1.7;margin-bottom:8px;color:var(--fg);padding-left:.4em}#post-body li:last-child{margin-bottom:0}#post-body ul>li{list-style:none;position:relative}#post-body ul>li::before{content:"";position:absolute;left:-1.2em;top:.65em;width:5px;height:5px;border-radius:50%;background:var(--fg-dim)}#post-body ul ul{margin-top:8px;margin-bottom:8px}#post-body ul ul>li::before{width:5px;height:5px;border-radius:50%;background:0 0;border:1.5px solid var(--fg-dim)}#post-body ul ul ul>li::before{width:5px;height:1.5px;border-radius:0;border:none;background:var(--fg-dim)}#post-body ol{list-style:none;counter-reset:ol-counter;padding-left:2em}#post-body ol>li{counter-increment:ol-counter;position:relative;list-style:none}#post-body ol>li::before{content:counter(ol-counter)".";position:absolute;left:-2em;width:1.5em;text-align:right;font-variant-numeric:tabular-nums;font-weight:600;font-size:.9em;color:var(--fg-muted)}#post-body ol ol{counter-reset:ol-counter-nested;margin-top:8px;margin-bottom:8px}#post-body ol ol>li{counter-increment:ol-counter-nested}#post-body ol ol>li::before{content:counter(ol-counter-nested,lower-alpha)".";font-weight:500}#post-body li>strong:first-child{color:var(--fg-emphasis)}#post-body strong{font-weight:600;color:var(--fg-emphasis)}#post-body pre{margin:24px 0 28px;border:1px solid rgba(255,255,255,6%)}#post-body :not(pre)>code{font-size:.85em;padding:.15em .45em;border-radius:3px;font-weight:500}#post-body blockquote{font:italic 17px/1.7 var(--font-body-serif);border-left-width:2px;padding:16px 24px;margin:28px 0}#post-body blockquote p{font:inherit;margin-bottom:0}.post .post-meta{font-family:var(--font-mono);font-size:12px;letter-spacing:.5px;margin-bottom:20px}.post .post-tags{margin-bottom:48px}.post .tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.3px;padding:3px 10px}#post-body hr{margin:48px auto;width:60px;background:var(--fg-dim)}.post-cover{margin:32px -40px 40px}.post-cover img{border-radius:8px;width:100%}@media screen and (max-width:540px){.post-cover{margin-left:-20px;margin-right:-20px}.post-cover img{border-radius:0}.post h1{font-size:28px}#post-body>p:first-child{font-size:17px}}@media screen and (min-width:1200px){.toc nav#TableOfContents a{font-size:11.5px;line-height:1.5;padding:2px 0 2px 10px;border-left-width:1.5px;transition:color .15s,border-color .15s}.toc nav#TableOfContents a.toc-active{font-weight:500}.toc-title{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}}.post-nav-back{margin:48px 0 0}.post-nav-back a{font-family:var(--font-mono);font-size:13px;letter-spacing:.2px;transition:opacity .15s}.post-nav-back a:hover{opacity:.7}#post-meta{margin-top:56px;padding-top:32px;padding-bottom:32px}html{scroll-behavior:smooth}