@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/poppins-devanagari-400-normal.CJDn6rn8.woff2)format("woff2"),url(/_astro/poppins-devanagari-400-normal.CqVvlrh5.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/poppins-latin-ext-400-normal.by3JarPu.woff2)format("woff2"),url(/_astro/poppins-latin-ext-400-normal.DaBSavcJ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/poppins-latin-400-normal.cpxAROuN.woff2)format("woff2"),url(/_astro/poppins-latin-400-normal.BOb3E3N0.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/poppins-devanagari-500-normal.BIdkeU1p.woff2)format("woff2"),url(/_astro/poppins-devanagari-500-normal.DMPDjHtT.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/poppins-latin-ext-500-normal.CK-6C4Hw.woff2)format("woff2"),url(/_astro/poppins-latin-ext-500-normal.CgAe2rWW.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/poppins-latin-500-normal.C8OXljZJ.woff2)format("woff2"),url(/_astro/poppins-latin-500-normal.DGXqpDMm.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--bg-normal:#fff;--bg-normal-overlay:#fff6;--bg-popover:#fff;--bg-qr-code:#fff;--bg-container:#f8f8f7;--bg-container-gradient:#f8f8f700;--bg-container-hover:#f2f2f2;--bg-container-glow:color-mix(in srgb, var(--bg-normal) 88%, transparent);--glow-cyan:#2ad9ff;--glow-violet:#8b5cf6;--glow-pink:#ff4fbd;--statistics-glow-primary:#31c48d;--statistics-glow-secondary:#f4c542;--statistics-glow-tertiary:#ff6b61;--statistics-glow-opacity:.52;--bg-main:#0a0a0a;--bg-main-hover:#1a1a1a;--bg-hover:#1a1a1a0a;--bg-dialog-overlay:#0a0a0a99;--dialog-overlay-blur:8px;--bg-image-preview-control:#ffffff1f;--bg-image-preview-control-hover:#fff3;--text:#0a0a0a;--text-subtle:#7d8187;--text-subtlest:#9d9d9d;--text-inverted:#fff;--icon:#2d3139;--icon-subtle:#9d9d9d;--icon-inverted:#fff;--border:#ebebea;--border-intense:#ddddda;--border-inverted:#fff;--border-image-preview-control:#ffffff0a;--image-preview-control-foreground:#fff;--shadow-floating-strong:#0000001a;--shadow-floating-soft:#0000000f;--shadow-input-soft:#0000000a;--about-stage-bg:#f8f8f7;--about-stage-text:#0a0a0a;--about-stage-text-subtle:#7d8187;--scroll-indicator-ink:#fff;--switch-mode-context:light;--font-family:Poppins, Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;--font-weight-normal:400;--font-weight-bold:500;--font-size-3xl:48px;--font-size-2xl:40px;--font-size-xl:32px;--font-size-lg:24px;--font-size-md:20px;--font-size-heading-sm:18px;--font-size-sm:16px;--font-size-xs:14px;--line-height-3xl:64px;--line-height-2xl:52px;--line-height-xl:44px;--line-height-lg:32px;--line-height-md:28px;--line-height-sm:24px;--line-height-xs:20px;--line-height-sm-paragraph:28px;--line-height-xs-paragraph:24px;--border-weight-base:1px;--border-weight-intense:2px;--radius-none:0;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:99999px}[data-theme=dark]{color-scheme:dark;--bg-normal:#0a0a0a;--bg-normal-overlay:#0a0a0a66;--bg-dialog-overlay:#0a0a0ad6;--bg-popover:#0f0f0f;--bg-qr-code:#fff;--bg-container:#1a1a1a;--bg-container-gradient:#1a1a1a00;--bg-container-hover:#1f2228;--bg-container-glow:color-mix(in srgb, var(--text) 14%, transparent);--statistics-glow-primary:var(--glow-cyan);--statistics-glow-secondary:var(--glow-violet);--statistics-glow-tertiary:var(--glow-pink);--statistics-glow-opacity:.72;--bg-main:#fff;--bg-main-hover:#f8f8f7;--bg-hover:#f8f8f714;--text:#f7f8f8;--text-subtle:#7d8187;--text-subtlest:#858585;--text-inverted:#0a0a0a;--icon:#d5d9e2;--icon-subtle:#858585;--icon-inverted:#2d3139;--border:#2d3139;--border-intense:#3e4450;--border-inverted:#2d3139;--switch-mode-context:dark}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}[lang=zh-CN],[lang=zh]{--font-family:"PingFang SC", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", SimSun, sans-serif;--line-height-xs:22px}*,:before,:after{box-sizing:border-box}html{background:var(--bg-normal);color:var(--text);font-family:var(--font-family);font-synthesis:none;scrollbar-width:none;text-rendering:optimizelegibility;min-height:100%}body{background:var(--bg-normal);color:var(--text);min-height:100dvh;margin:0}#root{min-height:100dvh}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}:where(:not(html):not(body)){scrollbar-color:color-mix(in srgb, var(--text-subtlest) 55%, transparent) transparent;scrollbar-width:thin}:where(:not(html):not(body))::-webkit-scrollbar{width:6px;height:6px}:where(:not(html):not(body))::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-subtlest) 55%, transparent);border-radius:var(--radius-full)}:where(:not(html):not(body))::-webkit-scrollbar-track{background:0 0}button,input,textarea,select{color:inherit;font:inherit}svg{display:block}.text-48-normal,.text-48-bold{font-family:var(--font-family);font-size:var(--font-size-3xl);line-height:var(--line-height-3xl);letter-spacing:0}.text-40-normal,.text-40-bold{font-family:var(--font-family);font-size:var(--font-size-2xl);line-height:var(--line-height-2xl);letter-spacing:0}.text-32-normal,.text-32-bold{font-family:var(--font-family);font-size:var(--font-size-xl);line-height:var(--line-height-xl);letter-spacing:0}.text-24-normal,.text-24-bold{font-family:var(--font-family);font-size:var(--font-size-lg);line-height:var(--line-height-lg);letter-spacing:0}.text-20-normal,.text-20-bold{font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-md);letter-spacing:0}.text-16-normal,.text-16-bold,.text-16-paragraph{font-family:var(--font-family);font-size:var(--font-size-sm);letter-spacing:0}.text-16-normal,.text-16-bold{line-height:var(--line-height-sm)}.text-16-paragraph{line-height:var(--line-height-sm-paragraph)}.text-14-normal,.text-14-bold,.text-14-paragraph{font-family:var(--font-family);font-size:var(--font-size-xs);letter-spacing:0}.text-14-normal,.text-14-bold{line-height:var(--line-height-xs)}.text-14-paragraph{line-height:var(--line-height-xs-paragraph)}.text-48-normal,.text-40-normal,.text-32-normal,.text-24-normal,.text-20-normal,.text-16-normal,.text-16-paragraph,.text-14-normal,.text-14-paragraph{font-weight:var(--font-weight-normal)}.text-48-bold,.text-40-bold,.text-32-bold,.text-24-bold,.text-20-bold,.text-16-bold,.text-14-bold{font-weight:var(--font-weight-bold)}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}main{min-height:100dvh}body[data-vinyl-visible=false] .vinyl-player{display:none}body:has(.home-page){--home-vinyl-enter-duration:1s;--home-signature-enter-delay:1.08s;--home-signature-stroke-duration:.62s;--home-signature-stroke-stagger:48ms;--home-content-enter-delay:2.3s}@media (prefers-reduced-motion:no-preference){html[data-page-kind=article]::view-transition-old(root){animation:.18s ease-in both article-page-fade-out}html[data-page-kind=article]::view-transition-new(root){animation:.22s ease-out both article-page-fade-in}}.home-page{flex-direction:column;min-height:100dvh;display:flex;position:relative}.home-page__header{flex:0 0 200px;justify-content:center;align-items:center;height:200px;padding:0 20px;display:flex;position:relative;overflow:hidden}.home-page__grid{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);height:544px;mask-image:radial-gradient(ellipse at center, var(--text) 8%, transparent 72%);opacity:.72;background-position:50%;background-size:32px 32px;width:1523px;position:absolute;top:calc(50% + 40px);left:50%;transform:translate(-50%,-50%)}.home{background:var(--bg-normal);border-top:var(--border-weight-base) solid var(--border);z-index:3;flex:1 0 auto;justify-content:center;align-items:flex-start;width:100%;padding:80px 20px 160px;display:flex;position:relative}.home__content{flex-direction:column;gap:48px;width:100%;max-width:560px;display:flex}.home__signature{color:var(--text);width:120px;height:86px}.about-signature,.about-signature svg{width:100%;height:100%;display:block}.about-signature__ink{fill:currentColor}.about-signature__stroke{animation:signature-draw var(--home-signature-stroke-duration) cubic-bezier(.22, 1, .36, 1) both;animation-delay:calc(var(--home-signature-enter-delay) + var(--signature-index) * var(--home-signature-stroke-stagger));fill:none;stroke:var(--text);stroke-dasharray:1;stroke-dashoffset:1px;stroke-linecap:round;stroke-linejoin:round;stroke-width:22px}.home__intro{color:var(--text);font-size:var(--font-size-sm);line-height:var(--line-height-sm-paragraph);flex-direction:column;gap:20px;display:flex}.home__intro p{margin:0}.home__intro a{text-underline-offset:4px}.home__intro,.home__posts{animation:.46s cubic-bezier(.22,1,.36,1) both home-content-enter}.home__intro{animation-delay:var(--home-content-enter-delay)}.home__posts{animation-delay:calc(var(--home-content-enter-delay) + 80ms);flex-direction:column;gap:32px;display:flex}body[data-skip-home-animation=true] .about-signature__stroke,body[data-skip-home-animation=true] .home__intro,body[data-skip-home-animation=true] .home__posts{animation:none}body[data-skip-home-animation=true] .about-signature__stroke{stroke-dashoffset:0}.home__posts-heading{color:var(--text-subtlest);justify-content:space-between;align-items:center;gap:20px;display:flex}.home__posts-heading h1{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);line-height:var(--line-height-md);margin:0}.home__posts-heading svg{color:var(--icon-subtle);flex:none}.section-label{color:var(--text-subtlest);font-size:var(--font-size-xs);line-height:var(--line-height-xs);margin:0 0 20px}.post-index{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.post-index li{min-width:0}.post-index a{font-size:var(--font-size-sm);line-height:var(--line-height-sm);align-items:baseline;gap:12px;text-decoration:none;display:flex}.post-index--home{gap:0}.post-index--home li{border-bottom:var(--border-weight-base) solid var(--border);transition:opacity .18s}.post-index--home a{align-items:center;gap:80px;padding:20px 0}.post-index--home .post-index__title{font-weight:var(--font-weight-normal);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.post-index--home .post-index__leader{display:none}.post-index--home svg{color:var(--icon-subtle);flex:none}.post-index__category{color:var(--text-subtlest);font-size:var(--font-size-xs);line-height:var(--line-height-xs);flex:none}.post-index__title{min-width:0}.post-index__leader{border-bottom:var(--border-weight-base) dotted var(--border-intense);flex:20px;min-width:20px;transform:translateY(-4px)}.post-index time{color:var(--text-subtlest);font-size:var(--font-size-xs);flex:none}.post-index a:hover .post-index__title,.post-index a:focus-visible .post-index__title{color:var(--text-subtle)}.post-index--home a:hover .post-index__title,.post-index--home a:focus-visible .post-index__title{color:var(--text)}.post-index--home:has(a:focus-visible) li:not(:focus-within){opacity:.32}@media (hover:hover){.post-index--home:has(a:hover) li:not(:has(a:hover)){opacity:.32}.post-index--home:has(a:hover) li:has(a:hover){opacity:1}}.post-index a:focus-visible,.home__load-more:focus-visible,.home__socials a:focus-visible,.not-found a:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--text);outline-offset:4px}.home__load-more{appearance:none;color:var(--text-subtle);cursor:pointer;font-family:inherit;font-size:var(--font-size-xs);line-height:var(--line-height-xs);background:0 0;border:0;align-items:center;gap:4px;width:fit-content;margin:0;padding:0;text-decoration:none;display:inline-flex}.home__load-more svg{transition:transform .16s}.home__load-more:hover svg{transform:translateY(2px)}.archive-page{width:100%;max-width:720px;margin:0 auto;padding:180px 20px 160px}.page-heading{max-width:560px}.page-heading h1,.not-found h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-normal);line-height:var(--line-height-xl);margin:0}.page-heading>p:last-child,.not-found>p{color:var(--text-subtle);font-size:var(--font-size-sm);line-height:var(--line-height-sm-paragraph);margin:20px 0 0}.archive-groups{flex-direction:column;gap:64px;max-width:560px;margin-top:80px;display:flex}.archive-group h2{color:var(--text-subtlest);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-sm);margin:0 0 24px}.empty-state{color:var(--text-subtlest);font-size:var(--font-size-sm);line-height:var(--line-height-sm-paragraph)}.article-header{position:relative}.article-hero{background:var(--bg-normal);border-top:var(--border-weight-base) solid var(--border);z-index:3;justify-content:center;align-items:center;padding:80px 20px 0;display:flex;position:relative}.article-hero__content{width:100%;max-width:560px}.article-hero h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-xl);overflow-wrap:anywhere;margin:0}.article-content{flex-direction:column;align-items:center;padding:64px 20px 160px;display:flex}.article-toc{z-index:10;flex-direction:column;gap:28px;width:240px;max-height:calc(100vh - 80px);display:flex;position:fixed;top:50%;left:20px;right:auto;overflow-y:auto;transform:translateY(-50%)}.article-toc ol{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.article-toc li{--article-toc-indent:0px;animation:.36s cubic-bezier(.22,1,.36,1) both article-toc-item-in;animation-delay:calc(80ms + var(--article-toc-index) * 60ms)}.article-toc li[data-level="3"]{--article-toc-indent:16px}.article-toc li[data-level="4"]{--article-toc-indent:32px}.article-toc li[data-level="5"]{--article-toc-indent:48px}.article-toc li[data-level="6"]{--article-toc-indent:64px}.article-toc__back{color:var(--text-subtle);align-items:center;gap:4px;width:fit-content;animation:.36s cubic-bezier(.22,1,.36,1) 80ms both article-toc-item-in}.article-toc a{color:var(--text-subtlest);font-size:var(--font-size-xs);line-height:var(--line-height-xs-paragraph);padding-left:var(--article-toc-indent,0px);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;transition:color .16s,padding-left .22s cubic-bezier(.22,1,.36,1);display:block;overflow:hidden}.article-toc a:hover,.article-toc a:focus-visible,.article-toc a[aria-current=location]{color:var(--text)}.article-toc a:hover{padding-left:calc(var(--article-toc-indent,0px) + 8px)}.article-toc .article-toc__back{color:var(--text-subtle);line-height:var(--line-height-xs);transition:color .14s;display:inline-flex}.article-toc .article-toc__back:hover,.article-toc .article-toc__back:focus-visible{color:var(--text);padding-left:0}.article-toc__back svg{color:var(--icon-subtle);flex:none}.article-toc a:focus-visible{border-radius:var(--radius-sm);outline:var(--border-weight-intense) solid var(--text);outline-offset:4px}.article-body{counter-reset:article-level-2 article-level-3 article-level-4 article-level-5 article-level-6;font-size:var(--font-size-sm);line-height:var(--line-height-sm-paragraph);overflow-wrap:anywhere;width:100%;max-width:560px}.article-series-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:80px;width:100%;max-width:560px;margin-top:80px;padding-top:28px;display:grid}.article-series-navigation a{flex-direction:column;gap:8px;min-width:0;text-decoration:none;display:flex}.article-series-navigation__next{text-align:right;align-items:flex-end}.article-series-navigation a>span{color:var(--text-subtle);font-size:var(--font-size-xs);line-height:var(--line-height-xs);align-items:center;gap:4px;display:flex}.article-series-navigation strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-sm);text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.article-series-navigation a:hover strong,.article-series-navigation a:focus-visible strong{color:var(--text-subtle)}.article-series-navigation a:focus-visible{border-radius:var(--radius-sm);outline:var(--border-weight-intense) solid var(--text);outline-offset:6px}.article-body>:first-child{margin-top:0}.article-body p{margin:0 0 20px}.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{color:var(--text-subtlest);font-weight:var(--font-weight-bold);justify-content:space-between;align-items:baseline;gap:20px;scroll-margin-top:32px;display:flex}.article-body h2{counter-increment:article-level-2;counter-reset:article-level-3 article-level-4 article-level-5 article-level-6;font-size:var(--font-size-lg);line-height:var(--line-height-lg);margin:80px 0 32px}.article-body h2:after,.article-body h3:after,.article-body h4:after,.article-body h5:after,.article-body h6:after{font-variant-numeric:tabular-nums;flex:none}.article-body h2:after{content:counter(article-level-2, decimal-leading-zero)}.article-body h3{counter-increment:article-level-3;counter-reset:article-level-4 article-level-5 article-level-6;font-size:var(--font-size-md);line-height:var(--line-height-md);margin:56px 0 24px}.article-body h3:after{content:counter(article-level-2) "." counter(article-level-3)}.article-body h5{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.article-body h4{counter-increment:article-level-4;counter-reset:article-level-5 article-level-6;font-size:var(--font-size-heading-sm);line-height:var(--line-height-md);margin:48px 0 20px}.article-body h4:after{content:counter(article-level-2) "." counter(article-level-3) "." counter(article-level-4)}.article-body h5{counter-increment:article-level-5;counter-reset:article-level-6;margin:40px 0 16px}.article-body h5:after{content:counter(article-level-2) "." counter(article-level-3) "." counter(article-level-4) "." counter(article-level-5)}.article-body h6{counter-increment:article-level-6;font-size:var(--font-size-sm);line-height:var(--line-height-sm);margin:32px 0 16px}.article-body h6:after{content:counter(article-level-2) "." counter(article-level-3) "." counter(article-level-4) "." counter(article-level-5) "." counter(article-level-6)}.article-body ul,.article-body ol{margin:20px 0;padding-left:24px}.article-body li+li{margin-top:8px}.article-body blockquote{border-left:var(--border-weight-intense) solid var(--border-intense);color:var(--text-subtle);margin:32px 0;padding-left:20px}.article-body pre{background:var(--bg-container);border:var(--border-weight-base) solid var(--border);border-radius:var(--radius-lg);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--font-size-xs);line-height:var(--line-height-xs-paragraph);margin:32px 0;padding:20px;overflow-x:auto}.article-body code{background:var(--bg-container);border-radius:var(--radius-sm);padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em}.article-body pre code{background:0 0;padding:0}.article-code-block{background:var(--bg-container);border:var(--border-weight-base) solid var(--border);border-radius:var(--radius-lg);margin:32px 0;overflow:hidden}.article-code-block__header{border-bottom:var(--border-weight-base) solid var(--border);justify-content:space-between;align-items:center;min-height:40px;padding:4px 8px 4px 12px;display:flex}.article-code-block__language{color:var(--text-subtle);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.article-code-block__copy{border-radius:var(--radius-sm);color:var(--icon-subtle);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:grid}.article-code-block__copy:hover{background:var(--bg-hover);color:var(--icon)}.article-code-block__copy:focus-visible{outline:var(--border-weight-intense) solid var(--border-intense);outline-offset:2px}.article-code-block__copy-icon,.article-code-block__check-icon{grid-area:1/1;transition:opacity .16s,transform .16s}.article-code-block__copy-icon{background:currentColor;width:16px;height:16px;mask:url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='10'%20height='10'%20viewBox='0%200%2010%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Outlined'%20d='M6.5%202.5C6.76522%202.5%207.01949%202.60543%207.20703%202.79297C7.39457%202.98051%207.5%203.23478%207.5%203.5V9C7.5%209.26522%207.39457%209.51949%207.20703%209.70703C7.01949%209.89457%206.76522%2010%206.5%2010H1C0.734784%2010%200.480505%209.89457%200.292969%209.70703C0.105432%209.51949%200%209.26522%200%209V3.5C0%203.23478%200.105432%202.98051%200.292969%202.79297C0.480505%202.60543%200.734784%202.5%201%202.5H6.5ZM1%209H6.5V3.5H1V9ZM9%200C9.26522%200%209.51949%200.105432%209.70703%200.292969C9.89457%200.480505%2010%200.734784%2010%201V6.5C10%206.76522%209.89457%207.01949%209.70703%207.20703C9.51949%207.39457%209.26522%207.5%209%207.5H8V6.5H9V1H3.5V2H2.5V1C2.5%200.734784%202.60543%200.480505%202.79297%200.292969C2.98051%200.105432%203.23478%200%203.5%200H9Z'%20fill='%239D9D9D'/%3e%3c/svg%3e") 50%/12px 12px no-repeat}.article-code-block__check-icon,.article-code-block__copy[data-copied=true] .article-code-block__copy-icon{opacity:0;transform:scale(.7)}.article-code-block__copy[data-copied=true] .article-code-block__check-icon{opacity:1;transform:scale(1)}.article-code-block__status{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.article-body .article-code-block pre{background:0 0;border:0;border-radius:0;margin:0}@media (prefers-reduced-motion:reduce){.article-code-block__copy-icon,.article-code-block__check-icon{transition:none}}.article-body img{width:720px;max-width:calc(100vw - 40px);height:auto;margin:24px 50% 48px;display:block;transform:translate(-50%)}.article-body>img:last-child{margin-bottom:0}.article-body table{border:var(--border-weight-base) solid var(--border);border-collapse:separate;border-radius:var(--radius-sm);border-spacing:0;table-layout:fixed;width:100%;max-width:100%;margin:32px 0;overflow:hidden}.article-body td,.article-body th{border-bottom:var(--border-weight-base) solid var(--border);border-right:var(--border-weight-base) solid var(--border);text-align:left;vertical-align:top;padding:10px 16px}.article-body th{background:var(--bg-container);font-weight:var(--font-weight-normal)}.article-body tr:last-child>:is(td,th){border-bottom:0}.article-body tr>:is(td,th):last-child{border-right:0}.article-body :is(td,th)>:last-child{margin-bottom:0}.article-callout{background:var(--bg-container);border:var(--border-weight-base) solid var(--border);border-radius:var(--radius-lg);margin:32px 0;padding:20px}.article-callout>:last-child{margin-bottom:0}.article-link-card{background:var(--bg-container);border:var(--border-weight-base) solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:6px;margin:32px 0;padding:16px;text-decoration:none;display:flex}.article-link-card:hover{background:var(--bg-container-hover)}.article-link-card__description{color:var(--text-subtle);font-size:var(--font-size-xs)}.not-found{max-width:560px;min-height:80vh;margin:0 auto;padding:200px 20px 120px}.not-found a{text-underline-offset:4px;margin-top:32px;display:inline-block}.preview-banner{background:var(--bg-main);color:var(--text-inverted);font-size:var(--font-size-xs);line-height:var(--line-height-xs);z-index:90;padding:8px 12px;position:fixed;top:96px;left:50%;transform:translate(-50%)}@keyframes signature-draw{to{stroke-dashoffset:0}}@keyframes home-content-enter{0%{opacity:0;visibility:hidden;transform:translateY(12px)}to{opacity:1;visibility:visible;transform:translateY(0)}}@keyframes article-page-fade-out{to{opacity:0}}@keyframes article-page-fade-in{0%{opacity:0}}@media (width<=600px){.home{padding:64px 20px 120px}.post-index:not(.post-index--home) a{flex-wrap:wrap;align-items:flex-start;gap:4px 12px}.post-index:not(.post-index--home) .post-index__title{flex:calc(100% - 52px)}.post-index:not(.post-index--home) .post-index__leader{display:none}.post-index--home a{gap:20px;padding:18px 0}.post-index--home .post-index__title{flex:auto}.article-hero{padding:64px 20px 0}.article-hero h1{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}.article-content{padding:64px 20px 120px}.article-body h2{margin-top:64px}.article-body td,.article-body th{font-size:var(--font-size-xs);line-height:var(--line-height-xs-paragraph);padding:8px 12px}.article-series-navigation{grid-template-columns:1fr}.article-series-navigation>span[aria-hidden=true]{display:none}.article-series-navigation__next{text-align:left;align-items:flex-start}}@media (width<=1279px){.article-toc{display:none}}@media print{.article-toc{display:none}}@keyframes article-toc-item-in{0%{opacity:0;transform:translateY(-8px)scale(.96)}}@media (prefers-reduced-motion:reduce){.article-toc li,.article-toc__back{animation:none}.article-toc a{transition:none}.article-toc a:hover{padding-left:var(--article-toc-indent,0px)}.about-signature__stroke{stroke-dashoffset:0;animation:none}.home__intro,.home__posts{animation:none}.home__load-more svg,.post-index--home li{transition:none}}@media (prefers-reduced-motion:no-preference){html:is([data-page-kind=article],[data-page-transition=article-return])::view-transition-old(root){animation:.4s ease-in both article-page-fade-out}html:is([data-page-kind=article],[data-page-transition=article-return])::view-transition-new(root){animation:.52s ease-out both article-page-fade-in}}.article-transition-loader{background:var(--bg-normal);color:var(--icon);opacity:0;pointer-events:none;z-index:1000;justify-content:center;align-items:center;transition:opacity .36s;display:flex;position:fixed;inset:0}.article-transition-loader[hidden]{display:none}.article-transition-loader[data-state=visible]{opacity:1;pointer-events:auto}.article-transition-loader__brand{align-items:center;gap:7px;height:32px;display:flex}.article-transition-loader__mark,.article-transition-loader__word{background-color:currentColor;height:32px;display:block;mask-image:url(/assets/brand/logo-wordmark.svg);mask-size:127px 32px;mask-repeat:no-repeat}.article-transition-loader__mark{width:32px;mask-position:0}.article-transition-loader__word{clip-path:inset(0 100% 0 0);will-change:clip-path;width:88px;animation:1.8s cubic-bezier(.65,0,.35,1) infinite article-loader-word-reveal;mask-position:100%}@keyframes article-loader-word-reveal{0%,14%{clip-path:inset(0 100% 0 0)}52%,72%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}@media (prefers-reduced-motion:reduce){.article-transition-loader{transition:none}.article-transition-loader__word{clip-path:none;animation:none}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.mobile-popover-header{display:none}@media (width<=800px){.mobile-popover-header{background:var(--bg-popover);border-bottom:var(--border-weight-base) solid var(--border);z-index:1;flex:none;justify-content:space-between;align-items:center;width:calc(100% + 40px);min-height:84px;margin:0 -20px 20px;padding:10px 20px;display:flex;position:sticky;top:0}.mobile-popover-header__logo{color:var(--icon);flex:0 0 127px;width:127px;height:32px;display:block;position:relative;overflow:hidden}.mobile-popover-header__logo-graphics,.mobile-popover-header__logo-mark,.mobile-popover-header__logo-wordmark{display:block;position:absolute;inset:0 auto auto 0}.mobile-popover-header__logo-graphics{width:127px;height:32px}.mobile-popover-header__logo-mark,.mobile-popover-header__logo-wordmark{background-color:currentColor;height:32px;mask-position:0;mask-size:contain;mask-repeat:no-repeat}.mobile-popover-header__logo-wordmark{width:127px;mask-image:url(/assets/brand/logo-wordmark.svg)}.mobile-popover-header__logo-mark{opacity:0;width:32px;mask-image:url(/assets/brand/logo-mark.svg)}.mobile-popover-header__button{appearance:none;border-radius:var(--radius-sm);color:var(--icon);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;display:inline-flex}.mobile-popover-header__button>svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:20px;height:20px}.mobile-popover-header__button:focus-visible,.mobile-popover-header__logo:focus-visible{outline:2px solid var(--text);outline-offset:2px}}@media (width<=360px){.mobile-popover-header__logo{flex-basis:32px;width:32px}.mobile-popover-header__logo-wordmark{opacity:0}.mobile-popover-header__logo-mark{opacity:1}}@keyframes mobile-drawer-page-in{0%{transform:translate(100%)}}.docs-popover{background:var(--bg-popover);border-radius:var(--radius-2xl);box-shadow:inset 0 0 0 var(--border-weight-base) var(--border), 0 12px 32px #00000014, 0 4px 6px #0000000a;z-index:1;width:min(800px,100vw - 40px);padding:24px;animation:.16s ease-out docs-popover-in;position:fixed;top:0;left:0}.docs-popover[data-positioned=false]{visibility:hidden}.docs-popover__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.docs-popover__item{background:var(--bg-container);border-radius:var(--radius-lg);color:inherit;flex-direction:column;gap:8px;min-width:0;min-height:106px;padding:20px;text-decoration:none;transition:background-color .14s;display:flex}.docs-popover__item:hover,.docs-popover__item:focus-visible{background:var(--bg-container-hover)}.docs-popover__item:focus-visible{outline:2px solid var(--text);outline-offset:2px}.docs-popover__item strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.docs-popover__item span{-webkit-line-clamp:2;color:var(--text-subtlest);font-size:var(--font-size-xs);line-height:var(--line-height-xs);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@keyframes docs-popover-in{0%{opacity:0;transform:translateY(-4px)}}@media (width<=800px){.docs-popover{z-index:3;border-radius:0;width:100vw;height:100dvh;padding:0 20px 20px;animation:.18s ease-out mobile-drawer-page-in;bottom:0;right:auto;overflow-y:auto;top:0!important;left:0!important}.docs-popover[data-positioned=false]{visibility:visible}.docs-popover__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.docs-popover{animation:none}.docs-popover__item{transition:none}}.button{appearance:none;border-radius:var(--radius-sm);box-sizing:border-box;cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);letter-spacing:0;line-height:var(--line-height-xs);text-align:center;user-select:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;border:0;justify-content:center;align-items:center;gap:4px;margin:0;text-decoration:none;transition:background-color .14s,color .14s,box-shadow .14s;display:inline-flex;position:relative}.button--sm{padding:3px 10px}.button--md{padding:5px 12px}.button--lg{padding:7px 16px}.button--capsule{border-radius:var(--radius-full)}.button--main{background:var(--bg-main);color:var(--text-inverted)}.button--main:hover,.button--main[data-demo-hover=true]{background:var(--bg-main-hover)}.button--ghost{background:var(--bg-normal);box-shadow:inset 0 0 0 var(--border-weight-base) var(--border-intense);color:var(--text)}.button--ghost:hover,.button--ghost[data-demo-hover=true]{background:var(--bg-hover)}.button--text{color:var(--text-subtle);background:0 0}.button--text:hover,.button--text[data-demo-hover=true]{color:var(--text)}.button:focus-visible{outline:2px solid var(--text);outline-offset:2px}.button:disabled{cursor:not-allowed;opacity:.45}.button__label{overflow-wrap:anywhere}.button__icon,.button__icon>svg{flex:0 0 16px;width:16px;height:16px;display:block}@media (prefers-reduced-motion:reduce){.button{transition:none}}.products-popover{background:var(--bg-popover);border-radius:var(--radius-2xl);box-shadow:inset 0 0 0 var(--border-weight-base) var(--border), 0 12px 32px #00000014, 0 4px 6px #0000000a;z-index:1;flex-direction:column;align-items:flex-end;gap:20px;width:min(800px,100vw - 40px);max-height:calc(100dvh - 100px);padding:24px;animation:.16s ease-out products-popover-in;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.products-popover[data-positioned=false]{visibility:hidden}.products-popover__section{flex-direction:column;gap:12px;width:100%;display:flex}.products-popover__section h2{color:var(--text-subtlest);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-sm);margin:0}.products-popover__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.products-popover__item{background:var(--bg-container);border-radius:var(--radius-lg);color:inherit;flex-direction:column;gap:8px;min-width:0;min-height:106px;padding:20px;text-decoration:none;transition:background-color .14s;display:flex}.products-popover__item:hover,.products-popover__item:focus-visible{background:var(--bg-container-hover)}.products-popover__item:focus-visible{outline:2px solid var(--text);outline-offset:2px}.products-popover__item strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.products-popover__item span{-webkit-line-clamp:2;color:var(--text-subtlest);font-size:var(--font-size-xs);line-height:var(--line-height-xs);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.products-popover__view-all{flex:none}@keyframes products-popover-in{0%{opacity:0;transform:translateY(-4px)}}@media (width<=800px){.products-popover{z-index:3;border-radius:0;width:100vw;height:100dvh;max-height:none;padding:0 20px 20px;animation:.18s ease-out mobile-drawer-page-in;bottom:0;right:auto;top:0!important;left:0!important}.products-popover[data-positioned=false]{visibility:visible}.products-popover__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.products-popover{animation:none}.products-popover__item{transition:none}}.segmented{background:var(--bg-container);border-radius:var(--radius-md);align-items:center;gap:2px;padding:2px;display:inline-flex;position:relative}.segmented__indicator{background:var(--bg-normal);border-radius:var(--radius-sm);opacity:0;pointer-events:none;transition:opacity .1s,transform .18s cubic-bezier(.2,.8,.2,1),width .18s cubic-bezier(.2,.8,.2,1),height .18s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:0;box-shadow:0 1px 2px #0000000a}.segmented[data-indicator-ready=true] .segmented__indicator{opacity:1}.segmented__item{appearance:none;border-radius:var(--radius-sm);color:var(--text-subtlest);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);letter-spacing:0;line-height:var(--line-height-xs);white-space:nowrap;z-index:1;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;margin:0;transition:background-color .14s,color .14s,box-shadow .14s;display:inline-flex;position:relative}.segmented__item[data-has-icon=true][data-has-label=false]{padding:6px}.segmented__item[data-has-icon=false][data-has-label=true]{padding:3px 10px}.segmented__item[data-has-icon=true][data-has-label=true]{gap:4px;padding:3px 10px 3px 6px}.segmented__item[data-selected=true]{color:var(--text);background:0 0}.segmented__item[data-selected=false]:hover{background:var(--bg-hover);color:var(--text)}.segmented__item:focus-visible{outline:2px solid var(--text);outline-offset:1px;z-index:1}.segmented__item:disabled{cursor:not-allowed;opacity:.45}.segmented__icon,.segmented__icon>svg{flex:0 0 16px;width:16px;height:16px;display:block}@media (prefers-reduced-motion:reduce){.segmented__indicator,.segmented__item{transition:none}}.solutions-popover{background:var(--bg-popover);border-radius:var(--radius-2xl);box-shadow:inset 0 0 0 var(--border-weight-base) var(--border), 0 12px 32px #00000014, 0 4px 6px #0000000a;z-index:1;flex-direction:column;align-items:flex-end;gap:20px;width:min(800px,100vw - 40px);padding:24px;animation:.16s ease-out solutions-popover-in;display:flex;position:fixed;top:0;left:0}.solutions-popover[data-positioned=false]{visibility:hidden}.solutions-popover__section{flex-direction:column;gap:12px;width:100%;display:flex}.solutions-popover__section h2{color:var(--text-subtlest);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-sm);margin:0}.solutions-popover__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.solutions-popover__item{background:var(--bg-container);border-radius:var(--radius-lg);color:inherit;flex-direction:column;gap:8px;min-width:0;min-height:106px;padding:20px;text-decoration:none;transition:background-color .14s;display:flex}.solutions-popover__item:hover,.solutions-popover__item:focus-visible{background:var(--bg-container-hover)}.solutions-popover__item:focus-visible{outline:2px solid var(--text);outline-offset:2px}.solutions-popover__item strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.solutions-popover__item span{-webkit-line-clamp:2;color:var(--text-subtlest);font-size:var(--font-size-xs);line-height:var(--line-height-xs);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.solutions-popover__view-all{flex:none}@keyframes solutions-popover-in{0%{opacity:0;transform:translateY(-4px)}}@media (width<=800px){.solutions-popover{z-index:3;border-radius:0;width:100vw;height:100dvh;padding:0 20px 20px;animation:.18s ease-out mobile-drawer-page-in;bottom:0;right:auto;overflow-y:auto;top:0!important;left:0!important}.solutions-popover[data-positioned=false]{visibility:visible}.solutions-popover__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.solutions-popover{animation:none}.solutions-popover__item{transition:none}}.navigation{box-sizing:border-box;inset-inline:0;z-index:100;justify-content:center;align-items:center;width:100%;min-height:84px;padding:10px 20px;display:flex;position:fixed;top:0}.navigation--background{background:var(--bg-normal);border-bottom:var(--border-weight-base) solid var(--border)}.navigation__content{align-items:center;gap:40px;width:100%;max-width:1280px;padding:16px 0;display:flex}.navigation__logo{color:var(--icon);flex:0 0 127px;width:127px;height:32px;transition:flex-basis .18s,width .18s;display:block;position:relative;overflow:hidden}.navigation--scrolled .navigation__logo{flex-basis:32px;width:32px}.navigation__logo:focus-visible,.navigation__item:focus-visible,.navigation__utility:focus-visible,.navigation__mobile-toggle:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--text);outline-offset:2px}.navigation__logo-graphics,.navigation__logo-mark,.navigation__logo-wordmark{display:block;position:absolute;inset:0 auto auto 0}.navigation__logo-graphics{width:127px;height:32px}.navigation__logo-mark,.navigation__logo-wordmark{background-color:currentColor;height:32px;transition:opacity .14s;mask-position:0;mask-size:contain;mask-repeat:no-repeat}.navigation__logo-wordmark{opacity:1;width:127px;mask-image:url(/assets/brand/logo-wordmark.svg)}.navigation__logo-mark{opacity:0;width:32px;mask-image:url(/assets/brand/logo-mark.svg)}.navigation--scrolled .navigation__logo-wordmark{opacity:0}.navigation--scrolled .navigation__logo-mark{opacity:1}.navigation__menu{flex:1 1 0;align-items:center;gap:12px;min-width:0;display:flex}.navigation__controls{box-sizing:border-box;opacity:1;border-radius:0;flex:none;justify-content:flex-start;align-items:center;gap:12px;width:76px;height:32px;padding:0;display:flex}.navigation__utility{appearance:none;border-radius:var(--radius-sm);color:var(--icon);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;display:inline-flex}.navigation__language-icon{background:currentColor;width:20px;height:20px;mask:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.38619%201.36337C9.09681%201.21207%2010.7553%201.70364%2012.1333%202.76962C12.4247%202.99573%2013.004%203.57601%2013.2299%203.86727C13.9792%204.83523%2014.414%205.85522%2014.604%207.09383C14.6692%207.52133%2014.6692%208.47903%2014.604%208.90633C14.4453%209.94167%2014.1266%2010.7957%2013.5893%2011.627C12.6607%2013.0647%2011.1513%2014.1215%209.49361%2014.4942C7.5023%2014.9416%205.49398%2014.4898%203.86666%2013.2306C3.57534%2013.0046%202.99503%2012.4242%202.769%2012.1329C2.09122%2011.2571%201.64494%2010.2743%201.45162%209.23055C1.0991%207.33018%201.56934%205.41777%202.769%203.86727C2.99499%203.57596%203.57531%202.99565%203.86666%202.76962C4.90453%201.96638%206.13701%201.47344%207.38619%201.36337ZM6.35884%208.91317C6.50415%2010.8982%206.99177%2012.4946%207.64693%2013.1348C7.88685%2013.3681%208.04534%2013.387%208.27388%2013.2052C8.69584%2012.8712%209.12558%2011.9418%209.36959%2010.838C9.5042%2010.2282%209.5794%209.69517%209.64205%208.8868L9.65865%208.6661H6.34127L6.35884%208.91317ZM2.73189%208.83212C2.75788%209.06%202.88578%209.54611%203.0024%209.85946C3.2796%2010.6047%203.72255%2011.2778%204.29732%2011.8272C4.54545%2012.0775%204.8213%2012.2987%205.11959%2012.4864C5.37753%2012.6537%205.89278%2012.9184%205.89302%2012.8839C5.89281%2012.8708%205.85647%2012.7807%205.81197%2012.6837C5.76797%2012.5863%205.67334%2012.329%205.60201%2012.1124C5.32872%2011.2925%205.14388%2010.3504%205.06588%209.37313L5.02291%208.83309L5.00924%208.6661H2.71334L2.73189%208.83212ZM10.976%208.83309L10.9331%209.37313C10.8551%2010.3503%2010.6712%2011.2925%2010.3979%2012.1124C10.3266%2012.329%2010.231%2012.5863%2010.187%2012.6837C10.1425%2012.7805%2010.1071%2012.8708%2010.1069%2012.8839C10.1071%2012.9204%2010.6553%2012.635%2010.9194%2012.461C11.2505%2012.2448%2011.556%2011.9906%2011.8276%2011.7032C12.2297%2011.3002%2012.5589%2010.8301%2012.8003%2010.3145C13.0329%209.83461%2013.2797%209.01858%2013.2797%208.73446V8.6661H10.9907L10.976%208.83309ZM5.88912%203.10653C5.86878%203.08954%205.24229%203.42735%205.03658%203.56649C4.10848%204.19304%203.3974%205.09192%203.0024%206.13973C2.88578%206.45296%202.75795%206.93899%202.73189%207.16708L2.71334%207.33309H5.00924L5.02291%207.1661L5.06588%206.62704C5.16121%205.43308%205.44289%204.1805%205.8022%203.34383C5.85546%203.21931%205.89445%203.11252%205.88912%203.10653ZM8.14009%202.70321C7.96755%202.63068%207.83942%202.67385%207.63619%202.87508C6.98911%203.51528%206.50354%205.11602%206.35884%207.08602L6.34127%207.33309H9.65865L9.64009%207.08602C9.53806%205.69296%209.27191%204.49202%208.88131%203.66415C8.65536%203.18438%208.35271%202.79327%208.14009%202.70321ZM10.1069%203.11629C10.1285%203.18486%2010.1551%203.25202%2010.187%203.31649C10.231%203.41393%2010.3266%203.67039%2010.3979%203.8868C10.6712%204.7068%2010.8551%205.6497%2010.9331%206.62704L10.976%207.1661L10.9907%207.33309H13.2797V7.26571C13.2797%206.98172%2013.0329%206.16564%2012.8003%205.68563C12.5589%205.17001%2012.2297%204.69997%2011.8276%204.29696C11.556%204.00961%2011.2505%203.75532%2010.9194%203.53915C10.6552%203.36512%2010.1069%203.07965%2010.1069%203.11629Z'%20fill='currentColor'/%3e%3c/svg%3e") 50%/contain no-repeat}.navigation__mobile-toggle{appearance:none;border-radius:var(--radius-sm);color:var(--icon);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;display:none}.navigation__mobile-toggle>svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.5px;width:20px;height:20px}.navigation__backdrop,.navigation__drawer-header,.navigation__mobile-language{display:none}.navigation__item{appearance:none;border-radius:var(--radius-sm);color:var(--text-subtle);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);letter-spacing:0;line-height:var(--line-height-xs);white-space:nowrap;background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:4px;padding:5px 12px;text-decoration:none;transition:color .14s;display:inline-flex}.navigation__menu-item{position:relative}.navigation__item:hover,.navigation__item:focus-visible,.navigation__item--current{color:var(--text)}.navigation__item-icon{color:var(--icon-subtle);flex:0 0 16px;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.navigation__item-icon>svg{width:7.02773px;height:4.16439px;transition:transform .14s;display:block}.navigation__item-icon--open>svg{transform:rotate(180deg)}@media (width<=800px){.navigation__content{justify-content:space-between;gap:20px}.navigation__menu,.navigation__utility{display:none}.navigation__controls{gap:0;width:32px}.navigation__menu--open{background:var(--bg-popover);border-left:var(--border-weight-base) solid var(--border);z-index:2;flex-direction:column;align-items:stretch;gap:8px;width:min(360px,100vw);height:100dvh;padding:0 20px 20px;animation:.18s ease-out navigation-drawer-in;display:flex;position:fixed;inset:0 0 0 auto;overflow-y:auto}.navigation__menu--open .navigation__menu-item,.navigation__menu--open .navigation__item{width:100%}.navigation__menu--open .navigation__item{text-align:start;justify-content:space-between;padding:12px}.navigation__menu--open .navigation__item-icon{display:none}.navigation__drawer-header{background:var(--bg-popover);border-bottom:var(--border-weight-base) solid var(--border);z-index:1;flex:none;justify-content:space-between;align-items:center;width:calc(100% + 40px);min-height:84px;margin:0 -20px 12px;padding:10px 20px;display:flex;position:sticky;top:0}.navigation__drawer-header>strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-sm)}.navigation__drawer-close{appearance:none;border-radius:var(--radius-sm);color:var(--icon);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;display:inline-flex}.navigation__drawer-close>svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.5px;width:20px;height:20px}.navigation__drawer-close:focus-visible{outline:2px solid var(--text);outline-offset:2px}.navigation__mobile-language{align-self:flex-start;margin-top:auto;display:inline-flex}.navigation__mobile-toggle{display:inline-flex}.navigation--menu-open .navigation__mobile-toggle{visibility:hidden}.navigation__backdrop{appearance:none;backdrop-filter:blur(2px);background:color-mix(in srgb, var(--text) 18%, transparent);z-index:1;border:0;padding:0;display:block;position:fixed;inset:0}}@keyframes navigation-drawer-in{0%{transform:translate(100%)}}@media (width<=480px){.navigation__menu--open{border-left:0;width:100vw}}@media (width<=360px){.navigation__logo{flex-basis:32px;width:32px}.navigation__logo-wordmark{opacity:0}.navigation__logo-mark{opacity:1}}@media (prefers-reduced-motion:reduce){.navigation__logo,.navigation__logo-mark,.navigation__logo-wordmark,.navigation__item,.navigation__mobile-toggle,.navigation__item-icon>svg{transition:none}.navigation__menu--open{animation:none}}@font-face{font-family:Zhi Mang Xing;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/zhi-mang-xing/ZhiMangXing-ReadingNote.ttf)format("truetype")}.vinyl-player{--vinyl-top:110px;--vinyl-size:180px;left:calc(50% + 180px);top:var(--vinyl-top);z-index:2;position:absolute;transform:translate(-50%)}body:has(.home-page) .vinyl-player{animation:home-vinyl-enter var(--home-vinyl-enter-duration) cubic-bezier(.22, 1, .36, 1) both}body[data-skip-home-animation=true]:has(.home-page) .vinyl-player{animation:none}.vinyl-player__button{appearance:none;border-radius:var(--radius-full);color:inherit;cursor:pointer;height:calc(var(--vinyl-size) / 2);width:var(--vinyl-size);background:0 0;border:0;margin:0;padding:0;transition:transform .22s cubic-bezier(.22,1,.36,1);display:block;position:relative}.vinyl-player:hover .vinyl-player__button,.vinyl-player__button:focus-visible{transform:translateY(-10px)}.vinyl-player__button:focus-visible{outline:2px solid var(--text);outline-offset:6px}.vinyl-player__disc{background:conic-gradient(from 32deg, transparent 0 12%, color-mix(in srgb, var(--about-stage-bg) 10%, transparent) 15%, transparent 19% 54%, color-mix(in srgb, var(--about-stage-bg) 8%, transparent) 58%, transparent 62%), repeating-radial-gradient(circle, transparent 0 5px, color-mix(in srgb, var(--about-stage-bg) 10%, transparent) 6px 7px), var(--about-stage-text);border-radius:var(--radius-full);box-shadow:0 16px 36px color-mix(in srgb, var(--about-stage-text) 18%, transparent);height:var(--vinyl-size);justify-content:center;align-items:center;width:100%;display:flex;position:relative;transform:rotate(0)}.vinyl-player__button[data-playing=true] .vinyl-player__disc{animation:16s linear infinite vinyl-player-spin}.vinyl-player__label{background:var(--text-subtlest);border:6px solid color-mix(in srgb, var(--about-stage-bg) 12%, transparent);border-radius:var(--radius-full);justify-content:center;align-items:center;width:32%;height:32%;display:flex}.vinyl-player__spindle{background:var(--bg-normal);border-radius:var(--radius-full);width:8px;height:8px}.vinyl-player__note{color:var(--text-subtle);font-family:Zhi Mang Xing,Kaiti SC,STKaiti,KaiTi,cursive;font-size:var(--font-size-sm);letter-spacing:.04em;font-style:normal;line-height:var(--line-height-sm);opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .14s,transform .18s cubic-bezier(.22,1,.36,1);position:absolute;top:-58px;left:calc(100% - 4px);transform:translateY(4px)rotate(-4deg)}.vinyl-player__note-text{display:block}.vinyl-player__leader{width:34px;height:46px;position:absolute;top:calc(100% + 3px);left:5px;overflow:visible}.vinyl-player__leader path{fill:none;stroke:var(--text-subtlest);stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--border-weight-intense)}.vinyl-player:hover .vinyl-player__note,.vinyl-player__button:focus-visible+.vinyl-player__note{opacity:1;transform:translateY(0)rotate(-4deg)}.vinyl-player__status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes vinyl-player-spin{to{transform:rotate(1turn)}}@keyframes home-vinyl-enter{0%{transform:translate(-50%, calc(100dvh - var(--vinyl-top)))}to{transform:translate(-50%)}}@media (width<=600px){.vinyl-player{--vinyl-top:130px;--vinyl-size:140px;left:calc(50% + 68px)}.vinyl-player__note{text-align:right;top:-50px;left:auto;right:calc(100% - 4px)}.vinyl-player__leader{left:auto;right:5px;transform:scaleX(-1)}}@media (prefers-reduced-motion:reduce){body:has(.home-page) .vinyl-player,.vinyl-player__button[data-playing=true] .vinyl-player__disc{animation:none}.vinyl-player__button,.vinyl-player__note{transition:none}.vinyl-player:hover .vinyl-player__button,.vinyl-player__button:focus-visible{transform:none}}