@layer base{.blog-root{color-scheme:light;--background:240 5% 98.5%;--foreground:240 10% 4%;--card:0 0% 100%;--card-foreground:240 10% 4%;--popover:0 0% 100%;--popover-foreground:240 10% 4%;--primary:221.2 83.2% 53.3%;--primary-rgb:37,99,235;--primary-foreground:210 40% 98%;--secondary:240 5% 96%;--secondary-foreground:240 10% 10%;--muted:240 5% 95%;--muted-foreground:240 5% 45%;--accent:240 5% 95%;--accent-foreground:240 10% 10%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:240 5% 92%;--input:240 5% 92%;--ring:221.2 83.2% 53.3%;--radius:0.75rem;--bg-grid:rgba(15,23,42,0.045);--bg-interactive-glow:rgba(37,99,235,0.06);--color-background:hsl(var(--background));--color-foreground:hsl(var(--foreground));--color-border:hsl(var(--border));--color-divider:hsl(var(--border));--color-input:hsl(var(--input));--color-ring:hsl(var(--ring));--color-card:hsl(var(--card));--color-card-foreground:hsl(var(--card-foreground));--color-popover:hsl(var(--popover));--color-popover-foreground:hsl(var(--popover-foreground));--color-primary:hsl(var(--primary));--color-primary-foreground:hsl(var(--primary-foreground));--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-secondary:hsl(var(--secondary));--color-secondary-foreground:hsl(var(--secondary-foreground));--color-muted:hsl(var(--muted));--color-muted-foreground:hsl(var(--muted-foreground));--color-accent:hsl(var(--accent));--color-accent-foreground:hsl(var(--accent-foreground));--color-destructive:hsl(var(--destructive));--color-destructive-foreground:hsl(var(--destructive-foreground))}.dark .blog-root{color-scheme:dark;--background:240 4% 3.5%;--foreground:240 5% 98%;--card:240 4% 6%;--card-foreground:240 5% 98%;--popover:240 4% 6%;--popover-foreground:240 5% 98%;--primary:217.2 91.2% 59.8%;--primary-rgb:96,165,250;--primary-foreground:222.2 47.4% 11.2%;--secondary:240 4% 12%;--secondary-foreground:240 5% 98%;--muted:240 4% 12%;--muted-foreground:240 5% 65%;--accent:240 4% 12%;--accent-foreground:240 5% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:240 4% 12%;--input:240 4% 12%;--ring:217.2 91.2% 59.8%;--bg-grid:rgba(255,255,255,0.035);--bg-interactive-glow:rgba(255,255,255,0.04)}.blog-root{background-color:hsl(var(--background));color:hsl(var(--foreground));font-synthesis:none;text-autospace:normal}}@layer utilities{.blog-root .no-scrollbar::-webkit-scrollbar{display:none}.blog-root .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.blog-root .custom-scrollbar{scrollbar-width:thin;scrollbar-color:transparent transparent}.blog-root .custom-scrollbar::-webkit-scrollbar{width:4px}.blog-root .custom-scrollbar::-webkit-scrollbar-track{background:transparent}.blog-root .custom-scrollbar::-webkit-scrollbar-thumb{background-color:transparent;border-radius:999px;transition:background-color .2s ease}.blog-root .custom-scrollbar:focus-within,.blog-root .custom-scrollbar:hover{scrollbar-color:hsl(var(--muted-foreground)/.15) transparent}.blog-root .custom-scrollbar:focus-within::-webkit-scrollbar-thumb,.blog-root .custom-scrollbar:hover::-webkit-scrollbar-thumb{background-color:hsl(var(--muted-foreground)/.15)}}@layer components{.blog-root .directive{position:relative;margin-block:1.5rem;overflow:hidden;border-radius:1rem;padding:1rem;font-size:14.5px;line-height:1.65;box-shadow:0 4px 12px -2px rgba(0,0,0,.05)}.blog-root .directive:after{content:"";position:absolute;right:-15px;top:-15px;width:8rem;height:8rem;border-radius:999px;background:currentColor;opacity:.06;pointer-events:none;box-shadow:0 0 40px currentColor}.blog-root .directive-title{margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700}.blog-root .directive-title:before{content:"";display:block;width:18px;height:18px;background-color:currentColor;mask:var(--directive-icon) center /contain no-repeat;-webkit-mask:var(--directive-icon) center /contain no-repeat}.blog-root .directive-info,.blog-root .directive-note{--directive-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");border:1px solid rgb(191 219 254/.8);background:linear-gradient(135deg,rgb(239 246 255/.9),rgb(239 246 255/.5));color:rgb(23 37 84)}.blog-root .directive-success,.blog-root .directive-tip{--directive-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E");border:1px solid rgb(167 243 208/.8);background:linear-gradient(135deg,rgb(236 253 245/.9),rgb(236 253 245/.5));color:rgb(2 44 34)}.blog-root .directive-caution,.blog-root .directive-warning{--directive-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");border:1px solid rgb(221 214 254/.8);background:linear-gradient(135deg,rgb(245 243 255/.9),rgb(245 243 255/.5));color:rgb(46 16 101)}.blog-root .directive-danger,.blog-root .directive-error,.blog-root .directive-important{--directive-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M15 9l-6 6'/%3E%3Cpath d='M9 9l6 6'/%3E%3C/svg%3E");border:1px solid rgb(254 202 202/.8);background:linear-gradient(135deg,rgb(254 242 242/.9),rgb(254 242 242/.5));color:rgb(69 10 10)}.dark .blog-root .directive-info,.dark .blog-root .directive-note{border-color:rgb(30 58 138/.6);background:linear-gradient(135deg,rgb(30 58 138/.3),rgb(30 58 138/.1));color:rgb(191 219 254)}.dark .blog-root .directive-success,.dark .blog-root .directive-tip{border-color:rgb(6 78 59/.6);background:linear-gradient(135deg,rgb(6 78 59/.3),rgb(6 78 59/.1));color:rgb(167 243 208)}.dark .blog-root .directive-caution,.dark .blog-root .directive-warning{border-color:rgb(76 29 149/.6);background:linear-gradient(135deg,rgb(76 29 149/.3),rgb(76 29 149/.1));color:rgb(221 214 254)}.dark .blog-root .directive-danger,.dark .blog-root .directive-error,.dark .blog-root .directive-important{border-color:rgb(127 29 29/.6);background:linear-gradient(135deg,rgb(127 29 29/.3),rgb(127 29 29/.1));color:rgb(254 202 202)}.blog-root .directive>p:first-of-type{margin-top:0}.blog-root .directive>p:last-of-type{margin-bottom:0}}@layer base{.blog-root .article-detail{font-family:var(--font-sans);font-size:.96rem;line-height:1.68;letter-spacing:.004em;font-weight:430;overflow-wrap:break-word;word-break:break-word}.blog-root .article-detail :is(p,ul,ol,blockquote){margin-block:.68em}.blog-root .article-detail :is(li,figcaption){line-height:1.63}.blog-root .article-detail li+li{margin-top:.18em}.blog-root .article-detail :is(h2,h3,h4,h5,h6){color:hsl(var(--foreground));font-weight:700;letter-spacing:-.01em;scroll-margin-top:6rem}.blog-root .article-detail h2{margin-top:1.2em;margin-bottom:.44em;font-size:1.28rem;line-height:1.28}.blog-root .article-detail h3{margin-top:1em;margin-bottom:.34em;font-size:1.12rem;line-height:1.32}.blog-root .article-detail h4{margin-top:.85em;margin-bottom:.22em;font-size:1.02rem;line-height:1.36}.blog-root .article-detail a{color:hsl(var(--primary));text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:hsl(var(--primary)/.3);text-underline-offset:4px;transition:color .2s ease,text-decoration-color .2s ease}.blog-root .article-detail a:hover{color:hsl(var(--primary)/.8);text-decoration-color:hsl(var(--primary))}.blog-root .article-detail blockquote{margin-block:.95rem;border-left:4px solid hsl(var(--primary)/.4);border-radius:0 .35rem .35rem 0;background:hsl(var(--muted)/.28);padding:.62rem .82rem;font-size:1rem;line-height:1.58;font-weight:430}.blog-root .article-detail blockquote p{margin:0}.blog-root .article-detail mark{border-radius:.3rem;background:hsl(var(--primary)/.18);padding:.05em .28em;color:hsl(var(--foreground));box-decoration-break:clone;-webkit-box-decoration-break:clone}.blog-root .article-detail :not(pre)>code{white-space:nowrap}.blog-root .article-detail kbd{display:inline-block;min-width:1.4em;border:1px solid hsl(var(--border)/.92);border-radius:.4rem;background:hsl(var(--muted)/.84);padding:.05em .35em;box-shadow:0 1px 0 hsl(var(--foreground)/.12);font-family:var(--font-mono);font-size:.82em;line-height:1.2}.blog-root .table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-block:2rem;border:1px solid hsl(var(--border)/.4);border-radius:12px;background:hsl(var(--background)/.15);box-shadow:0 10px 30px -10px rgba(0,0,0,.08);backdrop-filter:blur(12px)}.dark .blog-root .table-scroll-wrapper{border-color:hsl(var(--border)/.3);background:hsl(var(--background)/.1);box-shadow:0 10px 30px -15px rgba(0,0,0,.3)}.blog-root .table-scroll-wrapper table{margin:0!important;width:100%!important;border-collapse:collapse!important;border:none!important;font-size:.875rem;line-height:1.6}.blog-root .table-scroll-wrapper th{background:hsl(var(--muted)/.35);color:hsl(var(--foreground));font-size:.725rem;font-weight:700;letter-spacing:.04em;text-align:left;text-transform:uppercase;white-space:nowrap}.blog-root .table-scroll-wrapper td,.blog-root .table-scroll-wrapper th{border:1px solid hsl(var(--border)/.8)!important;padding:.875rem 1.25rem!important}.blog-root .table-scroll-wrapper tr:hover td{background:hsl(var(--primary)/.03)}.dark .blog-root .table-scroll-wrapper tr:hover td{background:hsl(var(--primary)/.06)}.blog-root .code-block-title{margin-top:2rem;margin-bottom:0;overflow-x:auto;border:1px solid hsl(var(--border)/.4);border-bottom:0;border-radius:12px 12px 0 0;background:hsl(var(--muted)/.25);padding:.6rem 1.25rem;color:hsl(var(--foreground)/.7);font-family:var(--font-mono);font-size:.725rem;font-weight:600;letter-spacing:.05em;line-height:1.35;text-transform:uppercase;white-space:nowrap}.blog-root .code-block-title[data-code-title-attached=true],.blog-root .remark-code-title[data-code-title-attached=true],.blog-root [data-rehype-pretty-code-title][data-code-title-attached=true]{display:none}.blog-root .code-block-title+.code-block-wrapper>pre{margin-top:0!important;border-top-left-radius:0;border-top-right-radius:0}@media (min-width:640px){.blog-root .article-detail{font-size:.99rem;line-height:1.72}.blog-root .article-detail h2{font-size:1.34rem}.blog-root .article-detail h3{font-size:1.16rem}}@media (max-width:639px){.blog-root .article-detail{font-size:.93rem;line-height:1.62}.blog-root .article-detail h2{font-size:1.12rem!important}.blog-root .article-detail h3{font-size:1.01rem!important}.blog-root .article-detail blockquote{padding:.42rem .58rem;font-size:.93em}.blog-root .table-scroll-wrapper{margin-inline:-.25rem;border-radius:8px}}}@layer components{.blog-root .remark-code-title+.code-block-wrapper{margin-top:.5rem}.blog-root figure[data-rehype-pretty-code-figure]{margin:1.25rem 0}.blog-root figure[data-rehype-pretty-code-figure]>.code-block-wrapper{margin-block:0}.blog-root .code-block-wrapper{position:relative;margin-block:1.25rem;overflow:hidden;border:1px solid var(--code-wrapper-border);border-radius:.5rem;background-color:var(--code-wrapper-bg,#282c34);box-shadow:0 1px 2px rgba(15,23,42,.06);user-select:text}.dark .blog-root .code-block-wrapper{border-color:var(--code-wrapper-border);background-color:var(--code-wrapper-bg,#282c34);box-shadow:0 1px 2px rgba(0,0,0,.22)}.blog-root .code-block-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-bottom:1px solid hsl(var(--border)/.3);padding:.375rem .75rem;user-select:none}.blog-root .code-block-header,.dark .blog-root .code-block-header{background-color:hsl(var(--muted)/.2);color:hsl(var(--foreground)/.45)}.dark .blog-root .code-block-header{border-color:hsl(var(--border)/.3)}.blog-root .code-block-header-meta{display:flex;min-width:0;align-items:center;gap:.625rem}.blog-root .code-window-dots{display:flex;flex-shrink:0;align-items:center;gap:.375rem}.blog-root .code-window-dot{width:9px;height:9px;border-radius:999px}.blog-root .code-window-dot-red{background-color:rgb(248 113 113/.7)}.blog-root .code-window-dot-amber{background-color:rgb(251 191 36/.7)}.blog-root .code-window-dot-emerald{background-color:rgb(52 211 153/.7)}.blog-root .code-block-language{overflow:hidden;max-width:100%;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.06em;line-height:1.2;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.blog-root .code-block-language,.dark .blog-root .code-block-language{color:hsl(var(--foreground)/.45)}.blog-root .article-detail .code-block-wrapper pre,.blog-root .prose .code-block-wrapper pre{margin:0;overflow-x:auto;border-radius:0;background-color:transparent!important;padding:1rem 0;color:hsl(var(--foreground)/.9);font-size:14px;line-height:1.55}.dark .blog-root .article-detail .code-block-wrapper pre,.dark .blog-root .prose .code-block-wrapper pre{color:#f3f4f6}.blog-root .article-detail .code-block-wrapper pre code,.blog-root .prose .code-block-wrapper pre code{min-width:max-content;background-color:transparent;padding:0;font-size:14px;line-height:1.55;font-variant-ligatures:common-ligatures}.blog-root .article-detail .code-block-wrapper pre code[data-theme],.blog-root .article-detail .code-block-wrapper pre code[data-theme] span,.blog-root .prose .code-block-wrapper pre code[data-theme],.blog-root .prose .code-block-wrapper pre code[data-theme] span{color:var(--shiki-light);font-style:var(--shiki-light-font-style,normal);font-weight:var(--shiki-light-font-weight,400);text-decoration:var(--shiki-light-text-decoration,none)}.dark .blog-root .article-detail .code-block-wrapper pre code[data-theme],.dark .blog-root .article-detail .code-block-wrapper pre code[data-theme] span,.dark .blog-root .prose .code-block-wrapper pre code[data-theme],.dark .blog-root .prose .code-block-wrapper pre code[data-theme] span{color:var(--shiki-dark);font-style:var(--shiki-dark-font-style,normal);font-weight:var(--shiki-dark-font-weight,400);text-decoration:var(--shiki-dark-text-decoration,none)}.blog-root .code-block-wrapper pre [data-line]{display:block;padding:.1rem 1.25rem}.blog-root .copy-code-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.25rem;padding:.125rem .375rem;color:hsl(var(--foreground)/.4);font-family:var(--font-mono);font-size:10px;font-weight:500;line-height:1.2;transition:color .15s ease,background-color .15s ease,transform .15s ease;cursor:pointer}.blog-root .copy-code-btn:hover{background-color:hsl(var(--foreground)/.05);color:hsl(var(--foreground)/.75)}.blog-root .copy-code-btn:active{transform:scale(.95)}.dark .blog-root .copy-code-btn{color:hsl(var(--foreground)/.4)}.dark .blog-root .copy-code-btn:hover{background-color:hsl(var(--foreground)/.06);color:hsl(var(--foreground)/.75)}.blog-root .copy-code-btn.copied{color:rgb(16 185 129)}.blog-root .copy-code-btn:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px hsl(var(--primary)/.35)}.blog-root .copy-code-btn svg{width:.875rem;height:.875rem;flex-shrink:0;stroke-width:2}}@media (prefers-color-scheme:dark){.markdown-alert{--color-border-default:#30363d;--color-accent-fg:#58a6ff;--color-accent-emphasis:#1f6feb;--color-danger-fg:#f85149;--color-danger-emphasis:#da3633;--color-attention-fg:#d29922;--color-attention-emphasis:#9e6a03;--color-done-fg:#a371f7;--color-done-emphasis:#8957e5;--color-success-fg:#3fb950;--color-success-emphasis:#238636}}@media (prefers-color-scheme:light){.markdown-alert{--color-border-default:#d0d7de;--color-accent-fg:#0969da;--color-accent-emphasis:#0969da;--color-danger-fg:#d1242f;--color-danger-emphasis:#cf222e;--color-attention-fg:#9a6700;--color-attention-emphasis:#9a6700;--color-done-fg:#8250df;--color-done-emphasis:#8250df;--color-success-fg:#1a7f37;--color-success-emphasis:#1f883d}}.markdown-alert{border-left:.25em solid var(--borderColor-default,var(--color-border-default));color:inherit;margin-bottom:16px;padding:.5rem 1em}.markdown-alert>:last-child{margin-bottom:0!important}.markdown-alert .markdown-alert-title{align-items:center;display:flex;font-size:14px;font-weight:500;line-height:1}.markdown-alert .markdown-alert-title svg.octicon{margin-right:8px!important;margin-right:var(--base-size-8,8px)!important;fill:currentColor}.markdown-alert.markdown-alert-note{border-left-color:var(--borderColor-accent-emphasis,var(--color-accent-emphasis))}.markdown-alert.markdown-alert-note .markdown-alert-title{color:var(--color-accent-fg);color:var(--fgColor-accent,var(--color-accent-fg))}.markdown-alert.markdown-alert-tip{border-left-color:var(--borderColor-success-emphasis,var(--color-success-emphasis))}.markdown-alert.markdown-alert-tip .markdown-alert-title{color:var(--color-success-fg);color:var(--fgColor-success,var(--color-success-fg))}.markdown-alert.markdown-alert-important{border-left-color:var(--borderColor-done-emphasis,var(--color-done-emphasis))}.markdown-alert.markdown-alert-important .markdown-alert-title{color:var(--color-done-fg);color:var(--fgColor-done,var(--color-done-fg))}.markdown-alert.markdown-alert-warning{border-left-color:var(--borderColor-attention-emphasis,var(--color-attention-emphasis))}.markdown-alert.markdown-alert-warning .markdown-alert-title{color:var(--color-attention-fg);color:var(--fgColor-attention,var(--color-attention-fg))}.markdown-alert.markdown-alert-caution{border-left-color:var(--borderColor-danger-emphasis,var(--color-danger-emphasis))}.markdown-alert.markdown-alert-caution .markdown-alert-title{color:var(--color-danger-fg);color:var(--fgColor-danger,var(--color-danger-fg))}@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/999e639cd9d85971-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/9af6411484c7e20a-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/e6b5cfd5a74e1cae-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/6aacc40b7795b725-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/67110d8fe39c5e84-s.woff2) format("woff2");unicode-range:u+2000-2001,u+2004-2008,u+200a,u+23b8-23bd,u+2500-259f}@font-face{font-family:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/046b90749014f852-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Fira Code;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/3703c28dcda155b1-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Fira Code Fallback;src:local("Arial");ascent-override:73.56%;descent-override:23.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_13fb82{font-family:Fira Code,Fira Code Fallback;font-style:normal}.__variable_13fb82{--font-fira:"Fira Code","Fira Code Fallback"}