@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}}@font-face{font-family:SUIT;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2)format("woff2");font-weight:400;font-display:swap}:root{--layout-width:1280px;--list-width:780px;--article-width:760px;--toc-width:200px;--toc-offset:48px;--primary:#795cf2;--primary-strong:#603df0;--accent-soft:#f0ecff;--bg:#fff;--surface:#faf9fc;--text:#22212b;--muted:#73717e;--line:#eae8f0;--card:#fff;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:weight;font-family:SUIT,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--primary:#ad99ff;--primary-strong:#c5b9f9;--accent-soft:#282239;--bg:#16151c;--surface:#1c1b24;--text:#f1eff8;--muted:#aaa6b8;--line:#33303f;--card:#201e29;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}html[data-astro-transition]{scroll-behavior:auto}body{flex-direction:column;min-height:100svh;margin-block:0;margin-inline:0;display:flex}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--primary);outline-offset:5px;border-radius:4px}img,video{max-width:100%}a:hover{color:var(--primary)}::selection{color:#222;background:#c5b9f9}h1,h2,h3,p{margin-block:0;margin-inline:0}h1,h2,h3{word-break:keep-all;letter-spacing:-.045em}p{word-break:keep-all}.page-width{width:min(1080px,100% - 80px);margin-inline:auto}.skip-link{z-index:30;background:var(--primary);color:#fff;padding-block:12px;padding-inline:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}#main{flex:1;min-width:0}.empty-state{text-align:center;padding-block:90px}.empty-state h1,.empty-state h2{font-size:27px;line-height:1.5}.empty-state p{color:var(--muted);margin-block:16px 25px;line-height:1.8}.text-link{font-size:13px}.button{align-items:center;padding-block:12px;padding-inline:18px;font-size:13px;display:inline-flex}.button.primary{background:var(--primary);color:var(--bg)}.eyebrow{color:var(--muted);font-size:11px;font-weight:600}@media (width<=600px){.page-width{width:calc(100% - 40px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}.brand{letter-spacing:-.03em;flex-shrink:0;align-items:center;gap:14px;font-size:20px;font-weight:700;display:flex}.brand img{object-fit:contain}.brand-logo-dark,:root[data-theme=dark] .brand-logo-light{display:none}:root[data-theme=dark] .brand-logo-dark{display:block}.main-nav a{white-space:nowrap;border-bottom:2px solid #0000;flex-shrink:0;padding-block:9px}.main-nav .utility-nav{color:var(--muted)}.main-nav .utility-nav:first-of-type{margin-left:8px}.icon-button{border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.icon-button:hover{background:var(--surface)}.main-nav a[aria-current]{border-bottom-color:var(--primary);color:var(--primary)}.github-link{color:var(--muted)}.theme-toggle{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;font-size:22px;display:grid}.theme-toggle:hover{background:var(--surface)}.site-header{border-bottom:1px solid var(--line);flex-shrink:0}.header-inner{width:min(var(--layout-width), calc(100% - 80px));grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;min-height:76px;margin-block:auto;margin-inline:auto;display:grid}.main-nav{scrollbar-width:thin;flex:1;justify-content:safe center;align-items:center;gap:18px;min-width:0;font-size:12px;display:flex;overflow-x:auto}.header-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.header-inner[data-wrapped]{row-gap:4px;padding-top:20px}.header-inner[data-wrapped] .brand{grid-area:1/1}.header-inner[data-wrapped] .main-nav{grid-area:2/1/auto/-1}.header-inner[data-wrapped] .header-actions{grid-area:1/3}@media (width<=600px){.header-actions .github-link{margin-left:0}.brand{gap:10px;font-size:18px}.brand img{width:150px;height:23px}.github-link{margin-left:auto}.theme-toggle{order:0}.header-inner{column-gap:10px;width:calc(100% - 40px);min-height:75px;padding-block:18px 0}.main-nav{gap:20px}}.site-footer{border-top:1px solid var(--line);flex-shrink:0;width:100%}.footer-inner{width:min(var(--layout-width), calc(100% - 80px));justify-content:space-between;gap:30px;margin-inline:auto;padding-block:32px 42px;display:flex}.footer-brand{letter-spacing:-.03em;font-size:20px;font-weight:700}.footer-brand>span{color:var(--muted);margin-left:8px;font-size:14px;font-weight:400}.site-footer p{color:var(--muted);margin-top:10px;font-size:11px;line-height:1.9}.footer-links{color:var(--muted);flex-wrap:wrap;place-content:flex-start flex-end;gap:20px;padding-top:4px;font-size:12px;display:flex}.footer-links>span{text-align:right;flex-basis:100%;font-size:11px}@media (width<=600px){.footer-inner{flex-direction:column;gap:20px;width:calc(100% - 40px)}.footer-links{justify-content:flex-start;font-size:11px}.footer-links>span{text-align:left}}.home-page{padding-block:62px 90px}.home-heading{margin-bottom:52px}.home-heading h1{letter-spacing:-.045em;font-size:36px;font-weight:750;line-height:1.4}.home-heading p{color:var(--muted);margin-top:12px;font-size:16px;line-height:1.8}.home-layout{display:block}.page-width.home-page{width:min(var(--list-width), calc(100% - 80px))}.home-info{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 45px;margin-top:52px;padding-top:28px;display:grid}.home-info .about-blog{border-bottom:0;padding-bottom:0}.home-info .sidebar-section{margin-block:0;margin-inline:0}.home-info .contributor-note{border-top:0;padding-top:0}.list-heading{border-bottom:1px solid var(--text);justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.list-heading h2{letter-spacing:-.02em;font-size:17px;font-weight:700}.list-heading>a{color:var(--muted);font-size:12px}.list-heading>a:hover{color:var(--primary)}.home-info h2{letter-spacing:-.015em;font-size:14px;font-weight:700}.home-info p{color:var(--muted);margin-top:14px;font-size:13px;line-height:1.9}.home-info section>a{color:var(--muted);margin-top:14px;font-size:12px;display:inline-block}.home-info section>a:hover{color:var(--primary)}.about-blog{border-bottom:1px solid var(--line);padding-bottom:29px}.about-blog h2{letter-spacing:-.03em;font-size:21px}.sidebar-section{margin-top:30px}.featured-links{margin-block:16px 0;margin-inline:0;padding-block:0;padding-inline:0;list-style:none}.featured-links li{margin-top:18px;font-size:14px;line-height:1.7}.featured-links li>span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.contributor-note{border-top:1px solid var(--line);padding-top:26px}@media (width>=1440px){.latest-posts{grid-area:1/1;min-width:0}.home-layout{grid-template-columns:minmax(0,1fr) 0;display:grid}.home-info{border-top:0;grid-area:1/2;align-self:start;width:220px;max-height:calc(100vh - 64px);margin-top:0;margin-left:40px;padding-top:0;display:block;position:sticky;top:32px;overflow-y:auto}.home-info .sidebar-section{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}}@media (width<=800px){.about-blog{border-bottom:0;padding-bottom:0}.sidebar-section{margin-block:0 28px}.contributor-note{grid-column:1/-1;padding-top:20px}}@media (width<=600px){.home-page{padding-block:35px 55px}.home-heading{margin-bottom:32px}.home-heading h1{font-size:29px}.home-heading p{font-size:14px}.page-width.home-page{width:calc(100% - 40px)}.home-info{grid-template-columns:minmax(0,1fr);gap:26px;margin-top:38px}.about-blog{padding-bottom:25px}.sidebar-section{margin-block:25px 0}}.post-list{flex-direction:column;display:flex}.post-item{border-bottom:1px solid var(--line);padding-block:31px 32px}.post-category{color:var(--primary);font-size:12px;font-weight:600}.post-item h3{letter-spacing:-.035em;overflow-wrap:anywhere;margin-top:10px;font-size:24px;line-height:1.55}.post-summary{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:11px;font-size:15px;line-height:1.8;display:-webkit-box;overflow:hidden}.post-byline{color:var(--muted);flex-wrap:wrap;align-items:center;gap:9px;margin-top:19px;font-size:12px;line-height:1.6;display:flex}.post-author{align-items:center;gap:9px;display:inline-flex}.post-byline img{object-fit:cover;border-radius:50%;width:22px;height:22px}.meta-separator{opacity:.6}.listing-page{padding-block:55px 85px}.page-heading h1{font-size:34px;line-height:1.4}.page-heading>p{color:var(--muted);margin-top:12px;font-size:15px;line-height:1.8}.count{color:var(--muted);vertical-align:middle;letter-spacing:0;margin-left:12px;font-size:13px;font-weight:400}.pagination{justify-content:center;gap:8px;margin-top:36px;display:flex}.pagination>a{place-items:center;width:36px;height:36px;font-size:13px;display:grid}.pagination>a[aria-current=page]{color:var(--primary);border-bottom:2px solid var(--primary)}.post-tags{color:var(--muted);flex-wrap:wrap;gap:7px 13px;margin-block:13px 0;margin-inline:0;padding-block:0;padding-inline:0;font-size:12px;list-style:none;display:flex}.post-tags a:hover{color:var(--primary)}.listing-page .page-heading{max-width:var(--list-width);margin-inline:auto}.listing-page .post-list{border-top:1px solid var(--line);max-width:var(--list-width);margin-top:28px;margin-inline:auto}.external-label{color:var(--muted);letter-spacing:0;vertical-align:middle;white-space:nowrap;margin-left:10px;font-size:11px;font-weight:400;display:inline-block}@media (width<=600px){.post-item{padding-block:25px 26px}.post-item h3{font-size:21px}.post-summary{font-size:14px}.post-byline{gap:7px;margin-top:16px;font-size:11px}.listing-page{padding-block:35px 55px}.page-heading h1{font-size:29px}}.category{color:var(--primary);font-size:12px;font-weight:600}.article-page{padding-block:32px 70px}.article-header h1{overflow-wrap:anywhere;margin-top:20px;font-size:clamp(30px,3.6vw,44px);line-height:1.4}.article-description{color:var(--muted);margin-top:18px;font-size:17px;line-height:1.8}.article-meta{color:var(--muted);flex-wrap:wrap;gap:17px;margin-top:24px;font-size:12px;display:flex}.article-content{grid-area:1/1;min-width:0}.toc{grid-area:1/2;align-self:start;max-height:calc(100vh - 50px);position:sticky;top:25px;overflow:auto}.toc nav{border-left:1px solid var(--line);color:var(--muted);flex-direction:column;gap:12px;margin-top:16px;padding-left:15px;font-size:12px;line-height:1.6;display:flex}.toc .subheading{padding-left:12px;font-size:11px}.tag-list{flex-wrap:wrap;gap:9px;margin-block:30px;display:flex}.tag-list>a{background:var(--accent-soft);color:var(--primary);border-radius:5px;padding-block:7px;padding-inline:11px;font-size:12px}.post-pagination{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:15px;margin-top:35px;padding-top:25px;display:grid}.post-pagination>a{border:1px solid var(--line);border-radius:7px;flex-direction:column;gap:9px;padding-block:16px;padding-inline:16px;font-size:13px;line-height:1.6;display:flex}.post-pagination small{color:var(--muted);font-size:11px}.comments{border-top:1px solid var(--line);margin-top:50px;padding-top:28px}.comments h2{font-size:23px}.comments>p{color:var(--muted);margin-block:12px 24px;font-size:12px;line-height:1.8}.utterances{max-width:100%}#utterances{min-height:330px}.toc summary{cursor:pointer;font-size:13px;font-weight:600;line-height:1.7}.toc-current{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:11px;font-weight:400;display:none;overflow:hidden}.toc nav a{border-left:2px solid #0000;margin-left:-17px;padding-left:9px}.toc nav a.subheading{padding-left:21px}.toc nav a[aria-current=location]{color:var(--primary);border-left-color:var(--primary);font-weight:600}.page-width.article-page{width:min(var(--article-width), calc(100% - 80px))}.article-header{max-width:none;padding-block:45px 35px}.article-layout{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 0;gap:65px 0;padding-top:35px;display:grid}.article-layout>.toc{width:var(--toc-width);margin-left:var(--toc-offset)}@media (width<=1359px){.toc nav{margin-bottom:12px}.toc-current,.article-layout{display:block}.article-layout>.toc{z-index:5;border-bottom:1px solid var(--line);background:var(--bg);width:auto;max-height:min(60vh,420px);margin-bottom:24px;margin-left:0;padding-block:12px;top:0}}@media (width<=1100px){.article-layout{row-gap:35px}}@media (width<=800px){.toc{z-index:5;border-bottom:1px solid var(--line);background:var(--bg);max-height:min(60vh,420px);margin-bottom:24px;padding-block:12px;display:block;top:0}}@media (width<=600px){.article-description{font-size:15px}.article-meta{gap:12px}.post-pagination{gap:10px}.post-pagination>a{padding-block:12px;padding-inline:12px;font-size:12px}.page-width.article-page{width:calc(100% - 40px)}.article-header{padding-block:30px}.article-layout{padding-top:15px}}.prose{overflow-wrap:anywhere;font-size:16px;line-height:1.95}.prose p,.prose ul,.prose ol,.prose blockquote,.prose pre,.prose table,.prose .callout{margin-block:22px}.prose h1,.prose h2,.prose h3,.prose h4{margin-block:38px 17px;scroll-margin-top:32px;line-height:1.5}.prose h1{font-size:30px}.prose h2{border-bottom:1px solid var(--line);padding-bottom:10px;font-size:25px}.prose h3{font-size:21px}.prose a{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.prose img{border-radius:6px;height:auto;margin-block:20px;margin-inline:auto;display:block}.prose pre{border:1px solid var(--line);border-radius:8px;padding-block:20px;padding-inline:20px;font-size:12px;line-height:1.8;overflow-x:auto}.prose :not(pre)>code{background:var(--accent-soft);color:var(--primary-strong);border-radius:4px;padding-block:2px;padding-inline:5px;font-size:.85em}.prose blockquote{border-left:3px solid var(--primary);color:var(--muted);background:var(--surface);padding-block:1px;padding-inline:20px}.prose hr{border:0;border-top:1px solid var(--line);margin-block:32px;margin-inline:0}.prose table{border-collapse:collapse;font-size:14px;display:block;overflow:auto}.prose th,.prose td{border:1px solid var(--line);padding-block:10px;padding-inline:15px}.prose th{background:var(--surface)}.prose li{margin-block:5px}.prose .callout{background:var(--accent-soft);border-left:3px solid var(--primary);border-radius:5px;padding-block:16px;padding-inline:22px}.prose .callout>p:last-child{margin-bottom:0}.prose .callout>strong{font-size:14px}html[data-theme=dark] .astro-code,html[data-theme=dark] .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}@media (width<=600px){.prose{font-size:15px;line-height:1.9}.prose h2{font-size:22px}.prose h3{font-size:19px}}.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}