@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_astro/inter-latin-400-normal.DRJzXmD4.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_astro/inter-latin-500-normal.Biy66BFf.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;hanging-punctuation:first last;scroll-behavior:smooth}body{min-height:100svh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--warm-1: oklch(65% .32 0);--warm-2: oklch(58% .28 15);--warm-3: oklch(68% .22 30);--warm-4: oklch(78% .16 55);--warm-5: oklch(88% .12 80);--cool-1: oklch(18% .03 150);--cool-2: oklch(24% .03 150);--cool-3: oklch(32% .025 155);--cool-4: oklch(45% .02 160);--cool-5: oklch(58% .015 155);--cool-6: oklch(75% .018 150);--gray-950: oklch(12% .012 50);--gray-900: oklch(20% .015 50);--gray-800: oklch(28% .015 50);--gray-700: oklch(38% .014 50);--gray-600: oklch(48% .012 50);--gray-500: oklch(58% .01 50);--gray-400: oklch(68% .01 50);--gray-300: oklch(78% .008 50);--gray-200: oklch(88% .006 50);--gray-100: oklch(94% .004 50);--gray-50: oklch(97% .002 50);--white-warm: oklch(99.85% .003 106);--cream-soft: oklch(96.9% .004 98);--white-pure: oklch(100% 0 0);--gray-warm-92: oklch(92% .012 50);--green-500: oklch(61.186% .20757 142.384);--green-100: oklch(88% .07 125);--green-700: oklch(48.689% .1566 142.71);--amber-300: oklch(78% .18 75);--amber-100: oklch(92% .1 80);--amber-600: oklch(55% .18 65);--red-500: oklch(55% .25 25);--red-100: oklch(88% .1 25);--red-700: oklch(38% .22 25);--slate-500: oklch(42% .08 240);--slate-100: oklch(92% .02 240);--slate-800: oklch(28% .07 240);--cyan-400: oklch(75% .14 200);--cyan-500: oklch(65% .16 200);--cyan-700: oklch(48% .14 200);--brand-accent: var(--warm-1);--accent: var(--warm-1);--accent-hover: var(--warm-2);--text-body: var(--gray-800);--text-heading: var(--cool-1);--text-muted: var(--gray-500);--text-link: var(--warm-1);--text-link-hover: var(--warm-2);--bg-body: var(--white-warm);--bg-subtle: var(--cream-soft);--bg-code: var(--gray-100);--border-color: var(--gray-200);--box-shadow: 0 2px 6px oklch(58% .01 50 / 20%), 0 8px 24px oklch(58% .01 50 / 15%), 0 16px 32px oklch(58% .01 50 / 10%)}.dark{--text-body: var(--gray-200);--text-heading: var(--gray-50);--text-muted: var(--gray-400);--text-link: var(--warm-4);--text-link-hover: var(--warm-5);--bg-body: var(--cool-1);--bg-subtle: var(--cool-2);--bg-code: var(--cool-3);--border-color: var(--cool-3);--box-shadow: 0 2px 6px oklch(0% 0 0 / 30%), 0 8px 24px oklch(0% 0 0 / 25%), 0 16px 32px oklch(0% 0 0 / 20%)}.dark code{background-color:var(--cool-3);color:var(--gray-200)}body{font-family:Inter,sans-serif;margin:0;padding:0;background-color:var(--bg-body);color:var(--text-body);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;word-wrap:break-word;overflow-wrap:break-word;display:flex;flex-direction:column}main{flex:1}.page{max-width:800px;margin:0 auto;padding:1rem}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;font-weight:500;line-height:1.2}strong,b{font-weight:700}a{color:var(--text-link)}a:hover{color:var(--text-link-hover)}p{margin-bottom:1.4rem}img{max-width:100%;height:auto;border-radius:4px}code{font-family:SF Mono,Fira Code,monospace;font-size:1rem;padding:2px 6px;background-color:oklch(.97 .02 .34);border-radius:3px}pre{background:var(--cool-1);padding:1.25rem 1.5rem;border-radius:4px;font-size:.875rem;overflow-x:auto;margin:1.5rem 0}pre>code{all:unset;font-family:SF Mono,Fira Code,monospace;color:var(--gray-200);line-height:1.65;font-size:.875rem}ul,ol{padding-left:1.5rem;margin-bottom:1.4rem}li{line-height:1.5;margin-bottom:.3rem}li:last-child{margin-bottom:0}blockquote{border-left:2px solid var(--accent);padding:.25rem 0 .25rem 1.25rem;margin:1.75rem 0;color:var(--cool-3);font-style:italic}hr{border:none;border-top:1px solid var(--border-color)}table{width:100%;border-collapse:collapse;margin:1.5rem 0;border:1px solid var(--border-color)}th,td{padding:.5rem .75rem;border:1px solid var(--border-color);text-align:left}textarea{width:100%;font-size:16px}input{font-size:16px}@media(max-width:720px){body{font-size:15px}}#reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--gray-warm-92);z-index:1000}#reading-progress-bar{height:100%;width:0%;background:var(--green-500)}.meta-sep{color:var(--gray-400);font-size:12px}.meta-level{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:2px}.level-beginner{color:var(--green-500);background:var(--green-100)}.level-intermediate{color:var(--amber-600);background:var(--amber-100)}.level-advanced{color:var(--red-500);background:var(--red-100)}.article{max-width:760px;margin:0 auto;padding:4rem 1.5rem 5rem}.header-meta{display:flex;align-items:center;gap:8px;margin-bottom:1.5rem;flex-wrap:wrap}.meta-tag{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--white-warm);background:var(--warm-1);padding:3px 10px;border-radius:2px;text-decoration:none}.meta-tag:hover{color:var(--white-warm)}.meta-text{font-size:12px;color:var(--gray-400)}.article-title{font-size:2.8rem;font-weight:500;letter-spacing:-.04em;line-height:1.05;color:var(--text-heading);margin-bottom:1.5rem}.article-desc{font-size:.95rem;line-height:1.7;color:var(--gray-500);padding-top:1.5rem;border-top:1px solid var(--border-color);margin-bottom:0}.dark .article-desc{color:var(--gray-100)}.article-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.25rem;margin-bottom:1.25rem}.article-tag{font-size:.72rem;font-weight:500;color:var(--gray-400);background:transparent;border:1px solid var(--border-color);padding:3px 10px;border-radius:999px;text-decoration:none;letter-spacing:.02em;transition:color .15s,border-color .15s}.article-tag:hover{color:var(--cool-1);border-color:var(--cool-3)}.article-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.footer-label{font-size:12px;color:var(--gray-400)}.back-to-top-wrapper{display:flex;justify-content:center;margin-top:3rem}.back-to-top{background:none;border:none;cursor:pointer;padding:4px;color:var(--gray-400);display:flex;align-items:center;transition:color .15s}.back-to-top:hover{color:var(--green-500)}.back-to-top svg{width:28px;height:28px}.share-wrapper{position:relative;display:flex;align-items:center}.share-btn{background:none;border:none;cursor:pointer;padding:4px;color:var(--gray-400);display:flex;align-items:center;transition:color .15s}.share-btn:hover{color:var(--green-500)}.share-btn svg{width:18px;height:18px}.share-tooltip{position:absolute;right:0;bottom:calc(100% + 6px);background:var(--gray-800);color:#fff;font-size:11px;padding:3px 8px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}.share-tooltip.visible{opacity:1}.related{max-width:760px;margin:2rem auto 0}.related ul{list-style:none;margin:0;padding:0}.related li{list-style:none}.footer-tag{font-size:11px;background:var(--bg-subtle);color:var(--cool-3);border:1px solid var(--border-color);padding:4px 12px;border-radius:2px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none}.toc{font-size:10px;margin:2.5rem 0 2rem;padding:1.25rem 1.5rem;border:1px solid var(--border-color);border-radius:8px;background:#fdfdfd}.toc-label{display:block;font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gray-400);margin-bottom:.85rem}.toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.toc-link{font-size:.85rem;color:var(--text-body);text-decoration:none;line-height:1.4;transition:color .15s}.toc-link:hover{color:var(--warm-1)}.dark .toc{background:var(--gray-800);border-color:var(--gray-700)}.dark .toc-label{color:var(--gray-200)}.dark .toc-link{color:var(--gray-100)}.prose{font-size:.95rem;line-height:1.75;color:var(--text-body)}.prose p{margin:0 0 .6rem}.prose h2{font-size:1.5rem;font-weight:500;letter-spacing:-.01em;line-height:1.3;color:var(--warm-1);margin:2rem 0 .75rem}.prose h3{font-size:1.2rem;font-weight:500;line-height:1.4;color:var(--gray-700);margin:1rem 0 .6rem;letter-spacing:.04em}.prose h4{font-size:1rem;font-weight:500;color:var(--gray-500);margin:1rem 0 .6rem}.prose ul,.prose ol{padding-left:1.5rem}.prose li{margin-bottom:.4rem}.prose a{color:var(--green-500);text-decoration:underline;text-decoration-color:oklch(52% .14 125 / 40%);text-underline-offset:3px}.prose a:hover{color:var(--green-700);text-decoration-color:var(--green-700)}.prose hr{border:none;border-top:1px solid var(--border-color);margin:2.5rem 0}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;margin-left:-4px}.section-header .section-label{margin-bottom:0}.back-btn{background:none;border:none;cursor:pointer;padding:2px;color:var(--gray-400);display:flex;align-items:center;transition:color .15s}.back-btn:hover{color:var(--warm-1)}.back-btn svg{width:20px;height:20px}.section-label{display:block;font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gray-400);margin-bottom:1rem}.articles-list ul{list-style:none;margin:0;padding:0}.post{margin-bottom:3rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-warm-92)}.post:last-child{border-bottom:0}.post-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.45rem}.post-meta-left{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.meta-date{font-size:11px;color:var(--gray-400)}.post-link{text-decoration:none}.post-link:hover{opacity:.8}.post-link:hover .post-desc{color:#000}.post-title{font-size:1.05rem;font-weight:600;letter-spacing:-.02em;line-height:1.3;color:var(--cool-1);margin:1rem 0 .3rem;transition:color .15s}.post-desc{font-size:.83rem;color:var(--gray-500);max-width:90%;line-height:1.55;margin:0}.tags-grid{display:flex;flex-wrap:wrap;gap:.5rem}.tag-pill{font-size:.8rem;font-weight:500;color:var(--cool-3);background:var(--bg-subtle);border:1px solid var(--border-color);padding:4px 12px;border-radius:2px;text-decoration:none;letter-spacing:.02em;transition:opacity .15s}.tag-pill:hover{opacity:.7}@media(max-width:720px){.article{padding:2rem 1.25rem 3rem}.article-title{font-size:2rem}.meta-date{display:none}}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}.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}a[data-astro-cid-eimmu3lg]{display:inline-block;text-decoration:none}a[data-astro-cid-eimmu3lg].active{font-weight:600;color:var(--warm-1)}header[data-astro-cid-3ef6ksr2]{padding:0 2rem;background:var(--bg-body);border-bottom:1px solid var(--border-color);position:relative}nav[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;justify-content:space-between;height:56px;max-width:960px;margin:0 auto}.logo[data-astro-cid-3ef6ksr2]{font-size:1.2rem;font-weight:700;color:var(--text-heading);text-decoration:none;letter-spacing:-.02em}.logo-accent[data-astro-cid-3ef6ksr2]{color:var(--brand-accent)}.nav-links[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:.25rem}.nav-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{font-size:.85rem;color:var(--warm-2);text-decoration:none;padding:.35rem .65rem;border-radius:4px;transition:color .15s}.nav-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover,.nav-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].active{color:var(--warm-1)}#theme-toggle[data-astro-cid-3ef6ksr2]{font-size:.85rem}.menu-toggle[data-astro-cid-3ef6ksr2]{display:none;background:none;border:none;cursor:pointer;padding:4px;color:var(--warm-2);align-items:center}.menu-toggle[data-astro-cid-3ef6ksr2] svg[data-astro-cid-3ef6ksr2]{width:22px;height:22px}.mobile-nav[data-astro-cid-3ef6ksr2]{display:none;flex-direction:column;position:fixed;top:56px;left:0;right:0;background:var(--bg-body);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:.5rem 1rem 1rem;gap:.25rem;z-index:100}.mobile-nav[data-astro-cid-3ef6ksr2].open{display:flex}.mobile-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{font-size:.95rem;color:var(--warm-2);text-decoration:none;padding:.5rem .25rem;border-radius:4px;transition:color .15s}.mobile-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover,.mobile-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].active{color:var(--warm-1)}@media(max-width:600px){header[data-astro-cid-3ef6ksr2]{padding:.5rem 1rem 0}.nav-links[data-astro-cid-3ef6ksr2]{display:none}.menu-toggle[data-astro-cid-3ef6ksr2]{display:flex}}footer[data-astro-cid-sz7xmlte]{border-top:1px solid var(--border-color);background-color:var(--cool-500)}.footer-inner[data-astro-cid-sz7xmlte]{max-width:660px;margin:0 auto;padding:2rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.footer-copy[data-astro-cid-sz7xmlte]{font-size:12px;color:var(--text-muted)}.footer-copy[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--text-muted);text-decoration:underline;text-decoration-color:var(--gray-300);text-underline-offset:3px}.footer-copy[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--warm-1)}.social-links[data-astro-cid-sz7xmlte]{display:flex;gap:1rem}.social-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--gray-400);text-decoration:none;display:flex;align-items:center;transition:color .15s}.social-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--warm-1)}