.blog-toc{align-self:start;background:#00000059;border:1px solid hsla(0,0%,100%,.1);border-radius:.65rem;padding:.95rem 1rem;position:sticky;top:6rem}.blog-toc-title{color:color-mix(in srgb,#fff 60%,transparent);font-size:.75rem;font-weight:800;letter-spacing:.08em;margin:0 0 .7rem;text-transform:uppercase}.blog-toc-list{display:grid;gap:.42rem;list-style:none;margin:0;padding:0}.blog-toc-item--h3 .blog-toc-link{font-size:.85rem;padding-left:.9rem}.blog-toc-item--active .blog-toc-link{background:hsl(var(--rainbow-hue),55%,52%,.12);border-color:hsl(var(--rainbow-hue),58%,62%,.55);color:#fff}.blog-toc-link{border:1px solid transparent;border-radius:.4rem;color:color-mix(in srgb,#fff 72%,transparent);display:block;font-size:.88rem;line-height:1.35;padding:.34rem .5rem;text-decoration:none;transition:color .15s ease,border-color .15s ease,background-color .15s ease}@property --rainbow-hue{syntax:"<angle>";inherits:true;initial-value:132deg}:root{--rainbow-cycle-duration:60s;--rainbow-grid-cycle-duration:120s;--rainbow-hue:132deg;animation:rainbow-hue-cycle var(--rainbow-cycle-duration,60s) linear infinite}@keyframes rainbow-hue-cycle{0%{--rainbow-hue:132deg}12.5%{--rainbow-hue:210deg}25%{--rainbow-hue:258deg}37.5%{--rainbow-hue:292deg}50%{--rainbow-hue:360deg}62.5%{--rainbow-hue:392deg}75%{--rainbow-hue:412deg}87.5%{--rainbow-hue:412deg}to{--rainbow-hue:492deg}}@keyframes rainbow-grid-hue-spin{0%{filter:hue-rotate(0deg)}12.5%{filter:hue-rotate(78deg)}25%{filter:hue-rotate(126deg)}37.5%{filter:hue-rotate(160deg)}50%{filter:hue-rotate(228deg)}62.5%{filter:hue-rotate(260deg)}75%{filter:hue-rotate(280deg)}87.5%{filter:hue-rotate(280deg)}to{filter:hue-rotate(1turn)}}@keyframes rainbow-grid-glow-hue-spin{0%{filter:blur(40px) hue-rotate(0deg)}12.5%{filter:blur(40px) hue-rotate(78deg)}25%{filter:blur(40px) hue-rotate(126deg)}37.5%{filter:blur(40px) hue-rotate(160deg)}50%{filter:blur(40px) hue-rotate(228deg)}62.5%{filter:blur(40px) hue-rotate(260deg)}75%{filter:blur(40px) hue-rotate(280deg)}87.5%{filter:blur(40px) hue-rotate(280deg)}to{filter:blur(40px) hue-rotate(1turn)}}.rainbow-text-auto{color:hsl(var(--rainbow-hue),55%,52%)}.rainbow-bg-auto{background-color:hsl(var(--rainbow-hue),55%,52%)}.rainbow-fill-auto{fill:hsl(var(--rainbow-hue),55%,52%)}.rainbow-border-auto{border:2px solid hsl(var(--rainbow-hue),58%,62%)}.rainbow-bg-border-auto,.rainbow-bg-border-glow-hover-auto{background-color:hsl(var(--rainbow-hue),55%,52%);border:2px solid hsl(var(--rainbow-hue),58%,62%)}.rainbow-bg-border-glow-hover-auto{isolation:isolate;position:relative}.rainbow-bg-border-glow-hover-auto:after{border-radius:inherit;box-shadow:0 0 20px hsl(var(--rainbow-hue),58%,62%,48%);content:"";inset:-1px;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s ease;z-index:-1}.rainbow-bg-border-glow-hover-auto:focus-visible:after,.rainbow-bg-border-glow-hover-auto:hover:after{opacity:1}.rainbow-grid-lines-auto{background-image:linear-gradient(color-mix(in srgb,hsl(var(--rainbow-hue),55%,52%) 20%,transparent) 1px,color-mix(in srgb,hsl(var(--rainbow-hue),55%,52%) 8%,transparent) 1px),linear-gradient(90deg,color-mix(in srgb,hsl(var(--rainbow-hue),55%,52%) 20%,transparent) 1px,color-mix(in srgb,hsl(var(--rainbow-hue),55%,52%) 8%,transparent) 1px)}@media(prefers-reduced-motion:reduce){:root{--rainbow-hue:132deg}.rainbow-bg-auto,.rainbow-bg-border-auto,.rainbow-bg-border-glow-hover-auto,.rainbow-border-auto,.rainbow-fill-auto,.rainbow-grid-lines-auto,.rainbow-text-auto,:root{animation:none!important}.rainbow-grid-lines-auto{background-image:linear-gradient(color-mix(in srgb,hsl(var(--rainbow-hue),55%,52%) 20%,transparent) 1px,color-mix(in srgb,hsl(var(--rainbow-hue),55%,52%) 8%,transparent) 1px),linear-gradient(90deg,color-mix(in srgb,hsl(var(--rainbow-hue),55%,52%) 20%,transparent) 1px,color-mix(in srgb,hsl(var(--rainbow-hue),55%,52%) 8%,transparent) 1px);filter:none}.rainbow-text-auto{color:hsl(var(--rainbow-hue),55%,52%)}.rainbow-bg-auto{background-color:hsl(var(--rainbow-hue),55%,52%)}.rainbow-fill-auto{fill:hsl(var(--rainbow-hue),55%,52%)}.rainbow-bg-border-auto,.rainbow-bg-border-glow-hover-auto,.rainbow-border-auto{border-color:hsl(var(--rainbow-hue),58%,62%)}.rainbow-bg-border-auto,.rainbow-bg-border-glow-hover-auto{background-color:hsl(var(--rainbow-hue),55%,52%)}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#0d1117;color:#c9d1d9}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{background-color:#033a16;color:#aff5b4}.hljs-deletion{background-color:#67060c;color:#ffdcd7}.blog-article{color:color-mix(in srgb,#fff 88%,transparent);margin-inline:auto;padding:clamp(5.5rem,14vw,8rem) 0 clamp(3rem,8vw,5rem);position:relative;width:min(1200px,100% - 2rem);z-index:1}.blog-article-head{margin-bottom:clamp(1.75rem,4vw,2.5rem)}.blog-article-date{color:color-mix(in srgb,#fff 48%,transparent);font-size:.82rem;font-weight:600;margin:0 0 .35rem}.blog-article-title{color:#fff;font-size:clamp(1.65rem,4vw,2.15rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0 0 .5rem}.blog-article-desc{color:color-mix(in srgb,#fff 72%,transparent);font-size:1rem;line-height:1.6;margin:0}.blog-back{color:hsl(var(--rainbow-hue),58%,62%);display:inline-flex;font-size:.88rem;font-weight:700;margin-bottom:1rem;text-decoration:none}.blog-back:hover{text-decoration:underline;text-underline-offset:.15em}.blog-layout{display:grid;gap:1.25rem}@media(min-width:72rem){.blog-layout{align-items:start;grid-template-columns:minmax(0,1fr) minmax(13.5rem,15rem)}}.blog-content{min-width:0}.blog-toc-wrap{display:none}@media(min-width:72rem){.blog-toc-wrap{display:block;margin-top:0;width:100%}}.blog-md{font-size:1.02rem;line-height:1.7}.blog-md h1,.blog-md h2,.blog-md h3{color:#fff;font-weight:800;letter-spacing:-.02em;margin:1.5em 0 .5em;scroll-margin-top:-6rem}.blog-md h1{font-size:1.45rem}.blog-md h2{font-size:1.25rem}.blog-md h3{font-size:1.1rem}.blog-md p{margin:0 0 1em}.blog-md ol,.blog-md ul{list-style-position:inside;margin:0 0 1em;padding-left:0}.blog-md li{margin-bottom:.35em}.blog-md a{color:hsl(var(--rainbow-hue),58%,62%);font-weight:600;text-decoration:underline;text-underline-offset:.15em}.blog-md pre{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:linear-gradient(180deg,#ffffff0f,#ffffff04),linear-gradient(180deg,#070c0bf2,#040707eb);border:1px solid hsl(var(--rainbow-hue),58%,62%);border-radius:.7rem;gap:0;line-height:1.5;margin:1em 0;overflow:auto;padding:0}.blog-md pre code{font-size:.9rem}.blog-md pre code.hljs{background:transparent}.blog-md strong{color:#fff}.blog-main,.blog-page{min-height:100vh;position:relative}