.expand-content:where(.astro-5lfx4xea){grid-template-rows:0fr}.expanded:where(.astro-5lfx4xea) .expand-content:where(.astro-5lfx4xea){grid-template-rows:1fr}svg:where(.astro-hn7k2gay){color:var(--sl-icon-color);font-size:var(--sl-icon-size, 1em);width:1.5em;height:1.5em}.sl-steps{--bullet-size: 1.75rem ;--bullet-margin: .375rem;list-style:none!important;counter-reset:steps-counter var(--sl-steps-start, 0);padding-inline-start:0!important}.sl-steps>li{counter-increment:steps-counter;position:relative;padding-inline-start:calc(var(--bullet-size) + 1rem);padding-bottom:1px;min-height:calc(var(--bullet-size) + var(--bullet-margin))}.sl-steps>li+li{margin-top:0}.sl-steps>li:before{content:counter(steps-counter);position:absolute;top:0;inset-inline-start:0;width:var(--bullet-size);height:var(--bullet-size);line-height:var(--bullet-size);font-size:.8125rem;font-weight:600;text-align:center;color:hsl(var(--foreground) / var(--un-text-opacity, 1));background-color:hsl(var(--card) / var(--un-bg-opacity, 1));border-radius:99rem;box-shadow:inset 0 0 0 1px hsl(var(--border) / var(--un-border-opacity, 1))}.sl-steps>li:after{--guide-width: 1px;content:"";position:absolute;top:calc(var(--bullet-size) + var(--bullet-margin));bottom:var(--bullet-margin);inset-inline-start:calc((var(--bullet-size) - var(--guide-width)) / 2);width:var(--guide-width);background-color:hsl(var(--border) / var(--un-border-opacity, 1))}.sl-steps>li>:first-child{--lh: 1.75em ;--shift-y: calc(.5 * (var(--bullet-size) - var(--lh)));margin-top:0;transform:translateY(var(--shift-y));margin-bottom:var(--shift-y);color:hsl(var(--foreground) / var(--un-text-opacity, 1))}.sl-steps>li>:first-child:where(h1,h2,h3,h4,h5,h6){--lh: 1.2em }header-component:where(.astro-eag27k4z){transition:padding .3s,border .15s,background-color .15s}@media(max-width:640px){#headerExpandContent:where(.astro-eag27k4z){grid-template-rows:0fr;transition:opacity .3s,padding .3s,border-color .15s,grid-template-rows .3s}.expanded:where(.astro-eag27k4z) #headerExpandContent:where(.astro-eag27k4z){grid-template-rows:1fr}}#toggleDarkMode:where(.astro-eag27k4z)[data-theme=dark] .system:where(.astro-eag27k4z){display:none}#toggleDarkMode:where(.astro-eag27k4z)[data-theme=dark] .dark:where(.astro-eag27k4z){display:block}#toggleDarkMode:where(.astro-eag27k4z)[data-theme=light] .system:where(.astro-eag27k4z){display:none}#toggleDarkMode:where(.astro-eag27k4z)[data-theme=light] .light:where(.astro-eag27k4z){display:block}footer:where(.astro-nuvx52bj) a:where(.astro-nuvx52bj){text-decoration:none;font-weight:400}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-sans-sc-400.woff2) format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/noto-sans-sc-600.woff2) format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/noto-sans-sc-700.woff2) format("woff2")}:root{--un-default-border-color: hsl(var(--border));--background: 30 10% 96%;--foreground: 37 10% 20%;--muted: 30 8% 94%;--muted-foreground: 37 5% 35%;--card: 0 0% 100%;--border: 30 8% 90%;--input: 30 8% 94%;--primary: 248 55% 52%;--ring: 248 55% 48%;--link-blue: 210 100% 44%;--header-bg: 30 10% 96%;--header-fg: 37 10% 20%;--header-muted: 30 8% 90%;--header-border: 30 8% 90%;--card-tint-lavender: 248 35% 96%;--card-tint-mint: 150 40% 95%;--card-tint-sky: 210 45% 96%;--card-tint-rose: 345 40% 97%;--card-tint-peach: 25 60% 96%;--card-tint-yellow: 50 80% 96%;--code-bg: 30 5% 9%;--code-fg: 35 10% 82%}html.dark{--un-default-border-color: hsl(var(--border));--background: 30 4% 10%;--foreground: 30 5% 85%;--muted: 30 4% 14%;--muted-foreground: 30 5% 50%;--card: 30 4% 13%;--border: 30 4% 20%;--input: 30 4% 16%;--primary: 248 65% 68%;--ring: 248 65% 62%;--link-blue: 210 70% 60%;--header-bg: 30 5% 9%;--header-fg: 0 0% 100%;--header-muted: 30 5% 35%;--header-border: 30 5% 22%;--card-tint-lavender: 248 20% 18%;--card-tint-mint: 150 15% 16%;--card-tint-sky: 210 20% 17%;--card-tint-rose: 345 15% 18%;--card-tint-peach: 25 15% 17%;--card-tint-yellow: 50 20% 17%;--code-bg: 30 3% 5%;--code-fg: 35 10% 82%}.logo-img{height:32px}html.dark .logo-img{filter:brightness(0) invert(1)}code,pre{font-family:JetBrains Mono,Fira Code,monospace}.prose pre.astro-code{background-color:hsl(var(--code-bg))!important;border:1px solid hsl(var(--border));border-radius:var(--rounded-md, 8px);padding:16px}.prose pre.astro-code code{color:hsl(var(--code-fg))!important}html.dark .prose pre.astro-code{background-color:hsl(var(--code-bg))!important}html.dark .prose pre.astro-code code{color:hsl(var(--code-fg))!important}.prose :not(pre)>code{background-color:hsl(var(--muted));color:hsl(var(--foreground));padding:.15em .4em;border-radius:6px;font-size:.85em}html.dark .prose :not(pre)>code{background-color:hsl(var(--card));border:1px solid hsl(var(--border))}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@keyframes fade-in-up{0%{transform:translateY(2rem);opacity:0}to{transform:translateY(0);opacity:1}}.animate{opacity:0;animation:.3s fade-in-up;animation-fill-mode:forwards}@media(prefers-reduced-motion){.animate{opacity:0;animation:.1s fade-in-up;animation-fill-mode:forwards}}#content-header{animation-delay:50ms}#content{animation-delay:.1s}#sidebar{animation-delay:.15s}span.katex-display{overflow-y:scroll;padding:.5rem}.katex-html{overflow:auto hidden;padding:3px}.katex-html .base{margin-block:0;margin-inline:auto}.katex-html .tag{position:relative!important;display:inline-block;padding-inline-start:.5rem}.astro-code{margin-top:.5rem;margin-bottom:.5rem;border-radius:.75rem;background-color:hsl(var(--muted) / var(--un-bg-opacity, 1))!important;display:flex;flex-direction:column;& pre{margin:0;padding-top:.85rem;padding-bottom:.85rem;padding-inline:0;background:none;overflow-x:scroll;& code{display:block;width:fit-content;min-width:100%;min-height:1.5rem;counter-reset:step;counter-increment:step 0;&:before{position:absolute;inset-inline-start:0;width:2.75rem;top:.8571429em;bottom:0;content:"";display:block;background-color:hsl(var(--muted) / var(--un-bg-opacity, 1));z-index:1}.line{padding-inline-end:3rem;&:before{position:sticky;content:counter(step);counter-increment:step;color:hsl(var(--muted-foreground) / .6);background-color:hsl(var(--muted) / var(--un-bg-opacity, 1));inset-inline-start:0;justify-content:end;display:inline-flex;width:2rem;padding-inline-end:.75rem;box-sizing:content-box;z-index:2}&:last-child:empty,&:last-child:has(>span:empty:only-child){display:none}}}}}.dark{.astro-code pre span{color:var(--shiki-dark)!important}}.astro-code{&:has(code){position:relative}&:has(div.title){padding-top:2rem;& code:before{top:calc(2rem + .8571429em)}}.title{position:absolute;top:0;left:0;margin:.5rem}.language{transition:opacity .3s;position:absolute;top:.75rem;right:0}& button.copy{transition:opacity .3s;opacity:0;position:absolute;top:.75rem;right:.75rem;user-select:none;.success:before{content:"Copied!";position:absolute;right:100%;top:0;bottom:0;display:flex;justify-content:center;align-items:center;font-size:.75rem;padding:.5rem;margin-right:.5rem;border-radius:.25rem;color:hsl(var(--muted-foreground) / var(--un-text-opacity, 1));background-color:hsl(var(--card) / var(--un-bg-opacity, 1));border:1px solid hsl(var(--border) / var(--un-border-opacity, 1))}&.copied{.success{display:block}.ready{display:none}}}&:hover,&:focus-within{& button.copy{opacity:1}.language{opacity:0}}.highlighted,.diff{min-width:100%;display:inline-block}.highlighted,.highlighted:before{background-color:#95a6b752!important}.diff{&.remove{background-color:#f43f5e29;&:before{background-color:#f43f5e29;content:"-"}}&.add{background-color:#10b98129;&:before{background-color:#10b98129;content:"+"}}}.collapse-toggle{z-index:3;padding:.25rem;user-select:none;display:flex;justify-content:center;align-items:center;column-gap:.3rem;box-sizing:border-box;margin:0;border-top:1px solid hsl(var(--border) / var(--un-border-opacity, 1));.desc:before{content:"Collapse"}& svg{transition:transform .2s ease;transform:rotate(180deg)}}&.collapsed{& pre{max-height:15rem;overflow:hidden}.collapse-toggle{margin:.5rem;border:1px solid hsl(var(--border) / var(--un-border-opacity, 1));.desc:before{content:"Show all"}& svg{transform:rotate(0)}}.collapse-fade{z-index:2;user-select:none;pointer-events:none;position:absolute;bottom:0;left:0;right:0;height:8rem;background:linear-gradient(to bottom,transparent 0%,hsl(var(--muted) / var(--un-bg-opacity, 1)) 60%)}}}:root{--scrollbar-thumb: hsl(var(--muted-foreground) / var(--un-bg-opacity, .3))}:not(html){::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:999px}}:root:root{--primary: 248 55% 52%;--foreground: 37 10% 20%;--muted-foreground: 37 5% 35%;--background: 30 10% 96%;--muted: 30 8% 94%;--card: 0 0% 100%;--border: 30 8% 90%;--input: 30 8% 94%;--ring: 248 55% 48%;--primary-pressed: 248 55% 44%;--radius: .5rem;--footer-bg: 30 8% 93%;--success: 145 55% 40%;--success-bg: 145 55% 94%;--error: 0 70% 50%;--error-bg: 0 70% 96%}html.dark{--primary: 248 65% 68%;--foreground: 30 5% 85%;--muted-foreground: 30 5% 50%;--background: 30 4% 10%;--muted: 30 4% 14%;--card: 30 4% 13%;--border: 30 4% 20%;--input: 30 4% 16%;--ring: 248 65% 62%;--primary-pressed: 248 65% 60%;--footer-bg: 30 4% 10%;--success: 145 45% 42%;--success-bg: 145 30% 18%;--error: 0 60% 55%;--error-bg: 0 40% 16%}:root:root{--gradient-1: hsl(30, 10%, 94%);--gradient-2: hsl(248, 10%, 96%)}html.dark{--gradient-1: hsl(30, 5%, 12%);--gradient-2: hsl(248, 5%, 10%)}body{background:radial-gradient(ellipse 80% 60% at 100% 0%,var(--gradient-1) 0%,transparent 100%),radial-gradient(ellipse 60% 50% at 0% 100%,var(--gradient-2) 0%,transparent 100%);background-color:hsl(var(--background))}.prose :not(pre)>code:before,.prose :not(pre)>code:after{content:none!important}footer{border-top:1px solid hsl(var(--border))}header-component{border-color:transparent}.card-base{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;padding:1.5rem}.card-base.card-post{transition:border-color .2s ease}.card-base.card-post:hover{border-color:hsl(var(--primary))}.card-header{margin-bottom:.5rem}.border-hairline{border-color:hsl(var(--border))}.tool-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.tool-title{font-size:.9rem;font-weight:600;color:hsl(var(--foreground))}.tool-desc{font-size:.85rem;color:hsl(var(--muted-foreground));margin-bottom:1.5rem}.button-ghost,.tool-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;border:1px solid hsl(var(--border));border-radius:8px;background:transparent;color:hsl(var(--foreground));cursor:pointer;font-size:.8rem;transition:all .2s ease}.button-ghost svg,.tool-btn svg{flex-shrink:0}.button-ghost:hover,.tool-btn:hover{border-color:hsl(var(--primary));color:hsl(var(--primary))}.button-sm,.tool-btn-sm{padding:.25rem .6rem;font-size:.75rem;gap:.2rem}.button-primary,.tool-btn-primary{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .85rem;border:1px solid hsl(var(--primary));border-radius:8px;background:hsl(var(--primary));color:#fff;cursor:pointer;font-size:.8rem;transition:all .2s ease}.button-primary svg,.tool-btn-primary svg{flex-shrink:0}.button-primary:hover,.tool-btn-primary:hover{background:hsl(var(--primary-pressed))}.input-base,.tool-input{width:100%;padding:.65rem .85rem;border:1px solid hsl(var(--border));border-radius:10px;background:hsl(var(--muted));color:hsl(var(--foreground));font-family:JetBrains Mono,SF Mono,monospace;font-size:.95rem;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.input-base:focus,.tool-input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .1)}.input-base::placeholder,.tool-input::placeholder{color:hsl(var(--muted-foreground) / .5)}.tool-textarea{width:100%;padding:.75rem .85rem;border:1px solid hsl(var(--border));border-radius:10px;background:hsl(var(--muted));color:hsl(var(--foreground));font-family:JetBrains Mono,SF Mono,monospace;font-size:.85rem;line-height:1.6;box-sizing:border-box;resize:vertical;transition:border-color .2s,box-shadow .2s}.tool-textarea:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .1)}.tool-status{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:hsl(var(--muted-foreground))}.tool-status-ok{color:#2e8a54;font-weight:600}.tool-status-err{color:#a32929;font-weight:500}.tool-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.tool-label span:first-child{font-size:.8rem;font-weight:600;color:hsl(var(--foreground))}.tool-label span:last-child{font-size:.72rem;color:hsl(var(--muted-foreground))}.tool-output{padding:.75rem .85rem;border:1px solid hsl(var(--border));border-radius:10px;background:hsl(var(--muted));font-family:JetBrains Mono,SF Mono,monospace;font-size:.85rem;line-height:1.6;color:hsl(var(--foreground));overflow-x:auto;min-height:3rem;word-break:break-all;white-space:pre-wrap}.tool-section{margin-bottom:.75rem}.highlight{--highlight-fg: color-mix( in srgb, var(--highlightColor) 40%, hsl(var(--foreground)/var(--un-text-opacity, 1)) );color:var(--highlight-fg, hsl(var(--primary) / var(--un-text-opacity)))!important}.highlight-bg{background-color:var( --highlightColor, hsl(var(--primary) / var(--un-text-opacity)) )!important}#main-container:where(.astro-37fxchfa){padding-top:env(safe-area-inset-top);padding-left:calc(1rem + env(safe-area-inset-left));padding-right:calc(1rem + env(safe-area-inset-right))}@media(min-width:640px){#main-container:where(.astro-37fxchfa){padding-left:calc(1.75rem + env(safe-area-inset-left));padding-right:calc(1.75rem + env(safe-area-inset-right))}}@media(min-width:1024px){#main-container:where(.astro-37fxchfa){padding-left:calc(2.5rem + env(safe-area-inset-left));padding-right:calc(2.5rem + env(safe-area-inset-right))}}