:root{--bg-primary: #F8F5ED;--bg-secondary: #F4F0E7;--bg-tertiary: #F0ECE3;--bg-card: rgba(238, 234, 225, .72);--bg-card-hover: rgba(232, 227, 217, .92);--bg-overlay: rgba(50, 46, 42, .4);--text-primary: #2B2926;--text-secondary: #5C5954;--text-tertiary: #6B675F;--text-muted: #8A8680;--text-faded: #9A958D;--text-ghost: #AAA59D;--rust: #C25535;--rust-dark: #B54A2D;--rust-light: #D05E3D;--rust-muted: #B8704C;--rust-warm: #8B6B5A;--border: #C5C0B8;--border-light: #C0BAB0;--border-hover: #7A756D;--status-green: #8B9A6B;--syntax-bg: #EBE8E1;--syntax-text: #2B2926;--syntax-keyword: #BF4D28;--syntax-string: #5A7A5A;--syntax-function: #6B5A4A;--syntax-comment: #8A8680;--syntax-number: #7A5A6A;--syntax-operator: #5C5954;--astro-code-color-text: var(--syntax-text);--astro-code-color-background: var(--syntax-bg);--astro-code-token-constant: var(--syntax-number);--astro-code-token-string: var(--syntax-string);--astro-code-token-comment: var(--syntax-comment);--astro-code-token-keyword: var(--syntax-keyword);--astro-code-token-parameter: var(--syntax-text);--astro-code-token-function: var(--syntax-function);--astro-code-token-string-expression: var(--syntax-string);--astro-code-token-punctuation: var(--syntax-operator);--font-mono: "JetBrains Mono", "SF Mono", "Consolas", monospace;--font-annotation: "Caveat", cursive;--font-blog: "Source Serif 4", "Georgia", serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.7;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 3rem;--space-6: 4rem;--space-7: 6rem;--ease-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--duration-breath: 4s;--max-width: 820px;--content-padding: 2.5rem;--nav-height: 56px;--shadow-sm: 0 2px 8px rgba(80, 70, 60, .04);--shadow-md: 0 8px 24px rgba(80, 70, 60, .12);--shadow-lg: 0 12px 40px rgba(50, 46, 42, .18);--shadow-rust: 0 2px 8px rgba(178, 74, 45, .22);--shadow-rust-hover: 0 8px 20px rgba(178, 74, 45, .35)}@media(max-width:640px){:root{--text-3xl: 1.5rem;--text-2xl: 1.25rem;--text-xl: 1.125rem;--text-lg: 1rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--content-padding: 1.25rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-mono);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:linear-gradient(170deg,var(--bg-primary) 0%,var(--bg-secondary) 35%,var(--bg-tertiary) 70%,#EBE7DE 100%);min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.38;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'/%3E%3C/svg%3E");mix-blend-mode:multiply;z-index:-1}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-3xl);font-weight:400;letter-spacing:-.015em}h2{font-size:var(--text-sm);letter-spacing:.05em;text-transform:uppercase}h3{font-size:var(--text-base)}p{color:var(--text-secondary);line-height:var(--leading-relaxed)}a{color:var(--rust);text-decoration:none;transition:color var(--duration-fast) ease}a:hover{color:var(--rust-light)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}.btn-primary{background:linear-gradient(145deg,var(--rust) 0%,var(--rust-dark) 100%);color:#faf8f3;padding:.7rem 1.25rem;font-size:var(--text-sm);box-shadow:var(--shadow-rust),inset 0 1px #ffffff1a;transition:all var(--duration-normal) ease}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-rust-hover),inset 0 1px #ffffff26;background:linear-gradient(145deg,var(--rust-light) 0%,var(--rust) 100%);color:#faf8f3}.btn-secondary{background:transparent;color:var(--text-primary);padding:.7rem 1.25rem;font-size:var(--text-sm);border:1px solid var(--text-muted);transition:all var(--duration-normal) ease}.btn-secondary:hover{background:var(--text-primary);color:#faf8f3;border-color:var(--text-primary)}pre{background:var(--syntax-bg);padding:var(--space-2);overflow-x:auto;font-size:var(--text-sm);line-height:var(--leading-relaxed);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}code{font-family:var(--font-mono);font-size:.9em}:not(pre)>code{background:var(--bg-secondary);padding:.15em .4em;border-radius:2px}::selection{background:#c2553533;color:var(--text-primary)}:focus-visible{outline:2px solid var(--rust);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.annotation{font-family:var(--font-annotation);color:var(--text-muted)}html{overflow-x:hidden}img{max-width:100%;height:auto}@media(max-width:640px){a,button{min-height:44px;min-width:44px}p a,li a,span a,.annotation a{min-height:auto;min-width:auto}pre{max-width:calc(100vw - 2 * var(--content-padding));font-size:var(--text-xs)}.btn-primary,.btn-secondary{padding:.75rem 1rem;font-size:var(--text-xs)}}.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}