.theme-toggle[data-astro-cid-yxete6jp]{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:hsl(var(--popover));color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;transition:color var(--duration-200) var(--ease-in-out),border-color var(--duration-200) var(--ease-in-out),background-color var(--duration-200) var(--ease-in-out)}.theme-toggle[data-astro-cid-yxete6jp]:hover{color:hsl(var(--foreground));border-color:hsl(var(--primary))}.theme-toggle-icon[data-astro-cid-yxete6jp]{font-size:1em;line-height:1}@media(width<=640px){.theme-toggle[data-astro-cid-yxete6jp]{min-height:44px}}@layer base,brand;@layer base{:root{--background: 0 0% 96%;--foreground: 0 0% 9%;--card: 0 0% 98%;--card-foreground: 0 0% 9%;--popover: 0 0% 89%;--popover-foreground: 0 0% 9%;--primary: 20 90% 48%;--primary-foreground: 33 100% 96%;--secondary: 0 0% 32%;--secondary-foreground: 0 0% 98%;--muted: 0 0% 63%;--muted-foreground: 0 0% 9%;--accent: 47 100% 96%;--accent-foreground: 37 92% 50%;--destructive: 0 72% 50%;--destructive-foreground: 0 85% 97%;--border: 0 0% 83%;--input: 0 0% 83%;--ring: 20 90% 48%;--sidebar: 0 0% 98%;--sidebar-background: 0 0% 98%;--sidebar-foreground: 0 0% 9%;--sidebar-primary: 20 90% 48%;--sidebar-primary-foreground: 33 100% 96%;--sidebar-accent: 0 0% 32%;--sidebar-accent-foreground: 0 0% 98%;--sidebar-border: 0 0% 83%;--sidebar-ring: 20 90% 48%;--chart-1: 27 95% 60%;--chart-2: 43 96% 56%;--chart-3: 47 95% 53%;--chart-4: 24 94% 53%;--chart-5: 0 0% 45%;--radius-none: 0;--radius: .75rem;--radius-full: 9999px;--font-sans: "Roboto", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-serif: "Libre Caslon Text", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--line-tight: 1.15;--line-snug: 1.35;--line-normal: 1.6;--line-relaxed: 1.625;--line-loose: 2;--tracking-tight: -.01em;--tracking-normal: 0em;--tracking-wide: .04em;--space-px: 1px;--space-0: 0;--space-0_5: .125rem;--space-1: .25rem;--space-1_5: .375rem;--space-2: .5rem;--space-2_5: .625rem;--space-3: .75rem;--space-3_5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--space-36: 9rem;--space-40: 10rem;--space-44: 11rem;--space-48: 12rem;--space-52: 13rem;--space-56: 14rem;--space-60: 15rem;--space-64: 16rem;--space-72: 18rem;--space-80: 20rem;--space-96: 24rem;--container: 72rem}.dark{--background: 0 0% 9%;--foreground: 0 0% 98%;--card: 0 0% 14%;--card-foreground: 0 0% 98%;--popover: 0 0% 25%;--popover-foreground: 0 0% 98%;--primary: 27 95% 60%;--primary-foreground: 12 81% 14%;--secondary: 0 0% 45%;--secondary-foreground: 0 0% 98%;--muted: 0 0% 45%;--muted-foreground: 0 0% 98%;--accent: 20 91% 14%;--accent-foreground: 43 96% 56%;--destructive: 0 84% 60%;--destructive-foreground: 0 85% 97%;--border: 0 0% 32%;--input: 0 0% 32%;--ring: 27 95% 60%;--sidebar-background: 240 5.9% 10%;--sidebar-foreground: 0 0% 98%;--sidebar-primary: 27 95% 60%;--sidebar-primary-foreground: 12 81% 14%;--sidebar-accent: 43 96% 56%;--sidebar-accent-foreground: 20 91% 14%;--sidebar-border: 0 0% 32%;--sidebar-ring: 27 95% 60%;--sidebar: 0 0% 14%;--chart-1: 30 97% 72%;--chart-2: 45 96% 64%;--chart-3: 48 96% 76%;--chart-4: 27 95% 60%;--chart-5: 0 0% 45%}}@layer base{:root{--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.563rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--text-4xl: 3.051rem;--text-5xl: 3.814rem;--text-6xl: 4.768rem;--text-7xl: 5.96rem;--text-8xl: 7.45rem;--text-9xl: 9.313rem;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / .05);--shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / .05);--shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 1px 2px -1px hsl(0 0% 0% / .1);--shadow: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 1px 2px -1px hsl(0 0% 0% / .1);--shadow-md: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 2px 4px -1px hsl(0 0% 0% / .1);--shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 4px 6px -1px hsl(0 0% 0% / .1);--shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / .1), 0 8px 10px -1px hsl(0 0% 0% / .1);--shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / .25)}}@layer brand{:root{--cyan: 184 66% 31%;--link-on-chip: 184 66% 27%;--code-text: 20 90% 36%;--primary-text: var(--foreground);--code-comment: hsl(var(--muted-foreground));--code-keyword: hsl(var(--destructive));--code-string: hsl(var(--primary));--code-number: hsl(var(--ring));--code-function: hsl(var(--chart-1));--code-operator: hsl(var(--accent-foreground));--code-punctuation: hsl(var(--muted-foreground));--code-variable: hsl(var(--cyan));--code-class-name: hsl(var(--chart-1));--code-tag: hsl(var(--destructive));--code-attr-name: hsl(var(--accent-foreground));--code-attr-value: hsl(var(--primary));--terminal-text-size: var(--text-sm);--terminal-line-height: var(--line-normal);--terminal-font: var(--font-mono);--code-inline-size: .875em;--code-block-size: .9375em;--code-line-height: var(--line-normal);--heading-scale-min: 1.2;--heading-scale-max: 1.333;--body-text-scale: 1.0625;--reading-width: 65ch;--reading-line-height: var(--line-relaxed);--reading-font-size: var(--text-base);--reading-letter-spacing: -.01em;--font-thin: 100;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--font-features-kern: "kern" 1, "liga" 1;--font-features-body: "kern" 1, "liga" 1, "calt" 1;--font-features-heading: "kern" 1, "liga" 1, "dlig" 1;--font-features-mono: "kern" 1, "liga" 0, "calt" 1;--font-features-serif: "kern" 1, "liga" 1, "dlig" 1, "onum" 1;--text-rendering-optimize: optimizeLegibility;--text-rendering-speed: optimizeSpeed;--text-rendering-geometric: geometricPrecision;--container-padding: var(--space-6);--section-gap: var(--space-16);--card-padding: var(--space-6);--nav-padding: var(--space-4);--component-gap: var(--space-6);--nav-line-box: 2rem;--nav-border-width: 2px;--nav-height: calc(var(--nav-line-box) + (var(--nav-padding) * 2) + var(--nav-border-width));--anchor-offset: calc(var(--nav-height) + var(--space-4));--breakpoint-xs: 475px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-xs: 100%;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px;--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-negative: -1;--z-base: 0;--z-docked: 10;--z-dropdown: 1000;--z-sticky: 1100;--z-banner: 1200;--z-overlay: 1300;--z-modal: 1400;--z-popover: 1500;--z-skip-link: 1600;--z-toast: 1700;--z-tooltip: 1800;--interactive-scale: 1.05;--interactive-offset: 2px;--focus-width: 2px;--focus-offset: 2px;--scrollbar-width: 12px}.dark{--cyan: 184 61% 52%;--link-on-chip: var(--cyan);--primary-text: var(--primary-foreground);--code-text: 27 95% 62%}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:var(--line-normal);font-family:var(--font-sans);font-size:var(--text-base);color:hsl(var(--foreground));background-color:hsl(var(--background));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a:not([class]){text-decoration-skip-ink:auto;color:hsl(var(--ring))}img,picture,svg{max-width:100%;display:block;height:auto}input,button,textarea,select{font:inherit;color:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}button{background:none;border:none;padding:0;margin:0;cursor:pointer;font-family:inherit}fieldset{border:none;padding:0}legend{padding:0}table{border-collapse:collapse;border-spacing:0}th,td{text-align:left;vertical-align:top}pre{font-family:var(--font-mono);overflow-x:auto;white-space:pre;text-wrap:nowrap}code{font-family:var(--font-mono);font-size:1em}hr{border:none;height:1px;background:hsl(var(--border));margin:var(--space-4) 0}blockquote{border-left:4px solid hsl(var(--border));padding-left:var(--space-4);margin:var(--space-4) 0;font-style:italic}abbr[title]{text-decoration:none;border-bottom:1px dotted hsl(var(--muted-foreground))}dfn{font-style:italic}mark{background:hsl(var(--accent-foreground));color:hsl(var(--primary-foreground));padding:0 2px}sub,sup{font-size:var(--text-xs);line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,canvas,iframe,img,svg,video{vertical-align:middle}[hidden]{display:none!important}input,textarea,select{border:1px solid hsl(var(--border));border-radius:var(--radius);padding:var(--space-2) var(--space-3);background-color:hsl(var(--card));transition:border-color var(--duration-200) var(--ease-in-out)}input:focus,textarea:focus,select:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 var(--focus-width) hsl(var(--cyan))}input[type=checkbox],input[type=radio]{width:var(--space-4);height:var(--space-4);border:2px solid hsl(var(--border));background-color:hsl(var(--card));cursor:pointer}input[type=checkbox]:checked,input[type=radio]:checked{background-color:hsl(var(--primary));border-color:hsl(var(--primary))}input[type=range]{width:100%;height:var(--space-1);background:hsl(var(--border));border-radius:var(--radius-full);outline:none;-webkit-appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--space-4);height:var(--space-4);background:hsl(var(--primary));cursor:pointer;border-radius:50%}input[type=range]::-moz-range-thumb{width:var(--space-4);height:var(--space-4);background:hsl(var(--primary));cursor:pointer;border-radius:50%;border:none}figure{margin:0;padding:0}figcaption{font-size:var(--text-sm);color:hsl(var(--muted-foreground));text-align:center;margin-top:var(--space-2)}.skip-link{position:absolute;top:-40px;left:6px;background:hsl(var(--primary));color:hsl(var(--primary-text));padding:var(--space-2) var(--space-3);text-decoration:none;border-radius:var(--radius);font-family:var(--font-mono);font-weight:var(--font-medium);z-index:var(--z-skip-link);transition:top var(--duration-200) var(--ease-in-out)}.skip-link:focus{top:6px}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}html{font-size:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:var(--font-semibold);line-height:var(--line-tight);letter-spacing:var(--tracking-tight);color:hsl(var(--foreground));margin-bottom:var(--space-4);scroll-margin-top:var(--anchor-offset)}h1{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-6);position:relative}h1:before{content:"$";color:hsl(var(--primary));margin-right:var(--space-2);font-weight:var(--font-normal)}h2{font-size:var(--text-3xl);margin-top:var(--space-12);color:hsl(var(--cyan))}h2:before{content:">";color:hsl(var(--primary));margin-right:var(--space-2);font-weight:var(--font-normal)}h3{font-size:var(--text-2xl);margin-top:var(--space-10);color:hsl(var(--ring))}h3:before{content:">>";color:hsl(var(--primary));margin-right:var(--space-2);font-weight:var(--font-normal);opacity:.8}h4{font-size:var(--text-xl);margin-top:var(--space-8);color:hsl(var(--muted-foreground))}h4:before{content:"#";color:hsl(var(--accent-foreground));margin-right:var(--space-2);font-weight:var(--font-normal)}h5{font-size:var(--text-lg);margin-top:var(--space-6);color:hsl(var(--muted-foreground))}h6{font-size:var(--text-base);margin-top:var(--space-4);color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:var(--tracking-wide)}p{margin-bottom:var(--space-4);max-width:var(--reading-width);line-height:var(--reading-line-height);color:hsl(var(--foreground))}.lead{font-size:var(--text-lg);color:hsl(var(--muted-foreground));margin-bottom:var(--space-6);font-style:italic;max-width:none}a{color:hsl(var(--ring));text-decoration:none;border-bottom:1px solid transparent;transition:all var(--duration-200) var(--ease-in-out);position:relative}a:hover{color:hsl(var(--cyan));border-bottom-color:hsl(var(--cyan));text-decoration:none}a:focus{outline:var(--focus-width) solid hsl(var(--ring));outline-offset:var(--focus-offset);border-radius:var(--radius)}a.link-with-icon .icon{transition:transform var(--duration-200) var(--ease-in-out)}a.link-with-icon:hover .icon{transform:translate(2px)}::selection{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}strong,b{font-weight:var(--font-bold);color:hsl(var(--foreground))}em,i{font-style:italic}small{font-size:var(--text-sm);color:hsl(var(--muted-foreground))}sup{font-size:var(--text-xs);vertical-align:super;color:hsl(var(--muted-foreground))}sub{font-size:var(--text-xs);vertical-align:sub;color:hsl(var(--muted-foreground))}mark{background-color:hsl(var(--accent-foreground));color:hsl(var(--primary-foreground));padding:0 2px;border-radius:var(--radius-sm)}del{text-decoration:line-through;color:hsl(var(--muted-foreground))}ins{text-decoration:underline;color:hsl(var(--primary))}abbr{text-decoration:none;border-bottom:1px dotted hsl(var(--muted-foreground));cursor:help}dfn{font-style:italic;color:hsl(var(--muted-foreground))}ul{list-style:none;margin-bottom:var(--space-4);padding-left:var(--space-6)}ul li{position:relative;margin-bottom:var(--space-2);padding-left:var(--space-6)}ul li:before{content:"❯";position:absolute;left:0;color:hsl(var(--primary));font-family:var(--font-mono);font-weight:var(--font-bold)}ol{list-style:none;margin-bottom:var(--space-4);padding-left:var(--space-6);counter-reset:ol-counter}ol li{position:relative;margin-bottom:var(--space-2);padding-left:var(--space-8);counter-increment:ol-counter}ol li:before{content:counter(ol-counter) ".";position:absolute;left:0;color:hsl(var(--cyan));font-family:var(--font-mono);font-weight:var(--font-bold)}dl{margin-bottom:var(--space-4)}dt{font-family:var(--font-mono);font-weight:var(--font-semibold);color:hsl(var(--cyan));margin-bottom:var(--space-2)}dd{margin-left:var(--space-4);margin-bottom:var(--space-4);color:hsl(var(--muted-foreground))}blockquote{border-left:4px solid hsl(var(--primary));padding:var(--space-4) var(--space-6);margin:var(--space-6) 0;background:linear-gradient(90deg,hsl(var(--card)) 0%,transparent 100%);border-radius:0 var(--radius-lg) var(--radius-lg) 0;font-style:italic;color:hsl(var(--muted-foreground));position:relative}blockquote:before{content:'"';font-family:var(--font-sans);font-size:3rem;color:hsl(var(--primary));position:absolute;top:-.5rem;left:var(--space-2);opacity:.3}blockquote p{margin-bottom:0;font-size:var(--text-lg);font-style:italic}blockquote p:last-child{margin-bottom:0}hr{border:none;height:1px;background:linear-gradient(90deg,transparent,hsl(var(--border)),transparent);margin:var(--space-8) 0}code{font-family:var(--font-mono);background-color:hsl(var(--popover));padding:.125rem .375rem;border-radius:var(--radius);font-size:.875em;color:hsl(var(--cyan));border:1px solid hsl(var(--border));display:inline-block;line-height:var(--line-normal);white-space:nowrap}pre{background-color:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);padding:var(--space-4);overflow-x:auto;margin:var(--space-6) 0;position:relative;font-size:var(--text-sm);line-height:var(--line-relaxed)}.content-wrapper .table-scroll{overflow-x:auto;overscroll-behavior-x:contain}.content-wrapper .table-scroll table{width:100%}pre code{background:none;padding:0;border:none;color:hsl(var(--foreground));display:block;font-size:inherit;line-height:inherit;white-space:pre;word-wrap:normal;font-feature-settings:var(--font-features-mono);text-rendering:var(--text-rendering-optimize)}.astro-code,.astro-code span{color:var(--shiki-light);background-color:var(--shiki-light-bg);font-style:var(--shiki-light-font-style);font-weight:var(--shiki-light-font-weight);text-decoration:var(--shiki-light-text-decoration)}.dark .astro-code,.dark .astro-code span{color:var(--shiki-dark);background-color:var(--shiki-dark-bg);font-style:var(--shiki-dark-font-style);font-weight:var(--shiki-dark-font-weight);text-decoration:var(--shiki-dark-text-decoration)}table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;font-size:var(--text-sm);border-radius:var(--radius-lg);overflow:hidden;border:1px solid hsl(var(--border))}th,td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid hsl(var(--border))}th{background-color:hsl(var(--card));font-family:var(--font-mono);font-weight:var(--font-semibold);color:hsl(var(--cyan));text-transform:uppercase;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);border-bottom:2px solid hsl(var(--border))}tr:hover{background-color:hsl(var(--card))}tr:last-child td{border-bottom:none}thead th{font-weight:var(--font-bold);color:hsl(var(--foreground))}tfoot{background-color:hsl(var(--card))}tfoot td{font-weight:var(--font-medium);color:hsl(var(--muted-foreground))}img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin-bottom:var(--space-4);border:1px solid hsl(var(--border))}figure{margin:var(--space-6) 0}figure img{margin-bottom:var(--space-2)}figcaption{font-size:var(--text-sm);color:hsl(var(--muted-foreground));text-align:center;margin-top:var(--space-2);font-style:italic}form{margin-bottom:var(--space-6)}@media(max-width:640px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}.lead{font-size:var(--text-base)}p{max-width:100%}pre{padding:var(--space-3);font-size:var(--text-xs)}table{font-size:var(--text-xs)}th,td{padding:var(--space-2) var(--space-3)}}@media print{body{font-size:12pt;line-height:1.4;color:#000;background:#fff}h1,h2,h3,h4,h5,h6{color:#000;page-break-after:avoid}a{color:#000;text-decoration:underline}pre,blockquote{border:1px solid #999;page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.section{padding:var(--section-gap) 0;position:relative}.grid{display:grid;gap:var(--component-gap)}.blog-layout{display:grid;grid-template-columns:1fr;gap:var(--space-8);max-width:var(--container-xl);margin:0 auto}@media(max-width:640px){.container{padding-left:var(--space-4);padding-right:var(--space-4)}.section{padding:var(--space-12) 0}}@media print{.container{max-width:none;padding:0}.section{padding:var(--space-4) 0}.navigation,footer,.no-print{display:none!important}.card{break-inside:avoid;border:1px solid #ccc;margin-bottom:var(--space-4)}}.main-content{min-height:40vh}[role=navigation],[role=main],[role=complementary],[role=contentinfo]{position:relative}.layout img{image-rendering:optimizeQuality;image-rendering:-webkit-optimize-contrast}.blog-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--space-8);align-items:start;max-width:var(--container-xl);margin:0 auto;padding:0 var(--container-padding)}.toc-nav{display:flex;flex-direction:column;gap:var(--space-2)}@media(max-width:1024px){.blog-layout{grid-template-columns:1fr;gap:var(--space-6)}}@media(max-width:768px){.blog-layout{padding:0 var(--space-4)}}@media(min-width:1200px){.blog-layout{grid-template-columns:350px 1fr;gap:var(--space-12)}}.footer-identity{display:flex;flex-direction:column;gap:var(--space-3);align-items:center;text-align:center}.footer-identity .text-sm{margin:0}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4)}.footer-link{font-family:var(--font-mono);font-size:var(--terminal-text-size);color:hsl(var(--link-on-chip));text-decoration:none;border-bottom:1px solid transparent;transition:color var(--duration-200) var(--ease-in-out),border-bottom-color var(--duration-200) var(--ease-in-out)}.footer-link:hover{color:hsl(var(--foreground));border-bottom-color:hsl(var(--cyan))}.navigation{background:hsl(var(--card));border-bottom:var(--nav-border-width) solid hsl(var(--border));position:sticky;top:0;z-index:var(--z-sticky);backdrop-filter:blur(10px);background:hsl(var(--card) / .95);transition:all var(--duration-200) var(--ease-in-out)}.navigation-container{display:flex;justify-content:space-between;align-items:center;padding:var(--nav-padding) 0;max-width:var(--container-xl);margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.nav-brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:hsl(var(--foreground));font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-semibold);transition:color var(--duration-200) var(--ease-in-out)}.nav-brand:hover{color:hsl(var(--primary))}.nav-brand-icon{width:var(--nav-line-box);height:var(--nav-line-box);background:hsl(var(--primary));border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg)}.card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);padding:var(--card-padding);transition:all var(--duration-300) var(--ease-in-out);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,hsl(var(--primary)),hsl(var(--cyan)));transform:translate(-100%);transition:transform var(--duration-300) var(--ease-in-out)}.card:hover{transform:translateY(-2px);border-color:hsl(var(--primary));box-shadow:var(--shadow-lg)}.card:hover:before{transform:translate(0)}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid hsl(var(--border))}.card-title{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--font-semibold);color:hsl(var(--foreground));margin:0;display:flex;align-items:center;gap:var(--space-2)}.card-title:before{content:">";color:hsl(var(--primary));font-weight:var(--font-normal)}.card-content{margin-bottom:var(--space-4)}.card-content p:last-child{margin-bottom:0}.card-footer{padding-top:var(--space-4);border-top:1px solid hsl(var(--border));display:flex;justify-content:space-between;align-items:center}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:.25rem .5rem;background:hsl(var(--popover));border:1px solid hsl(var(--border));border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);color:hsl(var(--muted-foreground));position:relative}.tag-prefix{color:hsl(var(--primary));font-weight:var(--font-semibold)}.status{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide)}@media(max-width:768px){.nav-brand{font-size:var(--text-base)}}@media(max-width:640px){.card{padding:var(--space-4)}.card-title{font-size:var(--text-lg)}}.text-sm{font-size:var(--text-sm)}.font-semibold{font-weight:var(--font-semibold)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-center{text-align:center}.text-muted{color:hsl(var(--muted-foreground))}.block{display:block}.inline{display:inline}.grid{display:grid}.hidden{display:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.visible{visibility:visible}.terminal-text{font-family:var(--font-mono);font-size:var(--terminal-text-size);line-height:var(--terminal-line-height)}.terminal-prompt:before{content:"$ ";color:hsl(var(--primary));font-weight:var(--font-bold)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.focus\:outline-none:focus{outline:none}.focus\:ring:focus{outline:var(--focus-width) solid hsl(var(--ring));outline-offset:var(--focus-offset)}.active\:scale-95:active{transform:scale(.95)}@media(min-width:768px){.md\:block{display:block}.md\:inline-block{display:inline-block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:text-lg{font-size:var(--text-lg)}.md\:text-xl{font-size:var(--text-xl)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}:focus-visible{outline:var(--focus-width) solid hsl(var(--ring));outline-offset:var(--focus-offset);border-radius:var(--radius)}::selection{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));text-shadow:none}::-moz-selection{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));text-shadow:none}::placeholder{color:hsl(var(--muted-foreground));font-style:italic;opacity:1}.text-optimized{text-rendering:optimizeLegibility;-webkit-font-feature-settings:"kern" 1,"liga" 1;font-feature-settings:"kern" 1,"liga" 1}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}@media(min-width:640px){.container{max-width:var(--container-sm)}}@media(min-width:768px){.container{max-width:var(--container-md)}}@media(min-width:1024px){.container{max-width:var(--container-lg)}}@media(min-width:1280px){.container{max-width:var(--container-xl)}}@media(min-width:1536px){.container{max-width:var(--container-2xl)}}@media print{*{animation:none!important;transition:none!important;text-shadow:none!important;box-shadow:none!important}body{color:#000!important;background:#fff!important}.no-print,.navigation,footer{display:none!important}a{color:#000!important;text-decoration:underline!important}a[href]:after{content:" (" attr(href) ")";font-size:.8em;color:#666}pre{border:1px solid #ccc;page-break-inside:avoid;background:#f5f5f5!important;color:#000!important}code{background:#f5f5f5!important;color:#000!important}table{border-collapse:collapse;width:100%}th,td{border:1px solid #ccc;padding:8px}img{max-width:100%!important;height:auto!important}h1,h2,h3,h4,h5,h6{color:#000!important;page-break-after:avoid;margin-top:1em;margin-bottom:.5em}p{orphans:3;widows:3;margin-bottom:.5em}}@media(prefers-contrast:high){@layer brand{:root{--background: 0 0% 100%;--card: 0 0% 97%;--popover: 0 0% 91%;--foreground: 0 0% 0%;--muted-foreground: 0 0% 20%;--border: 0 0% 0%}.dark{--background: 0 0% 0%;--card: 0 0% 6%;--popover: 0 0% 16%;--foreground: 0 0% 100%;--muted-foreground: 0 0% 84%;--border: 0 0% 100%}}a{text-decoration:underline}a:focus{outline:3px solid hsl(var(--foreground));outline-offset:var(--focus-offset)}button:focus,input:focus,textarea:focus,select:focus{outline:3px solid hsl(var(--foreground));outline-offset:var(--focus-offset)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.loading:after{animation:none}}.performance-optimize{contain:layout style paint}img{image-rendering:optimizeQuality;image-rendering:-webkit-optimize-contrast}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:6px}::-webkit-scrollbar-thumb{background:hsl(var(--popover));border:1px solid hsl(var(--border));border-radius:6px;transition:all var(--duration-200) var(--ease-in-out)}::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground));border-color:hsl(var(--cyan))}::-webkit-scrollbar-corner{background:hsl(var(--background))}*{scrollbar-width:thin;scrollbar-color:hsl(var(--popover)) hsl(var(--background))}.blog-content::-webkit-scrollbar{width:10px}.blog-content::-webkit-scrollbar-track{background:hsl(var(--card));border-radius:5px}.blog-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,hsl(var(--primary)),hsl(var(--cyan)));border-radius:5px;border:none}.blog-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,hsl(var(--cyan)),hsl(var(--primary)))}html{scroll-behavior:smooth}table::-webkit-scrollbar{width:8px;height:8px}table::-webkit-scrollbar-track{background:hsl(var(--card));border-radius:4px}table::-webkit-scrollbar-thumb{background:hsl(var(--primary));border-radius:4px;opacity:.6}table::-webkit-scrollbar-thumb:hover{opacity:1;background:hsl(var(--cyan))}@media print{::-webkit-scrollbar{display:none}*{scrollbar-width:none}}@media(prefers-contrast:high){::-webkit-scrollbar-thumb{background:hsl(var(--foreground));border-color:hsl(var(--foreground))}::-webkit-scrollbar-thumb:hover{background:hsl(var(--cyan));border-color:hsl(var(--cyan))}}@media(max-width:768px){::-webkit-scrollbar{width:8px;height:8px}}.transition-all{transition:all var(--duration-200) var(--ease-in-out)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsl(var(--primary) / .1),transparent);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}@keyframes loading-dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in-up{animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-down{animation:fadeInDown .3s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes progressFill{0%{width:0%}to{width:100%}}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.7}}.terminal-text{animation:terminalText .1s ease}@keyframes terminalText{0%{opacity:0}to{opacity:1}}@keyframes terminalLine{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.hover-lift:hover{transform:translateY(-1px)}}
