.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}header[data-astro-cid-3ef6ksr2]{width:100%;display:flex;justify-content:center;margin-bottom:var(--spacing-xl);position:relative}header[data-astro-cid-3ef6ksr2]:before{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--color-bg) 90%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);mask-image:linear-gradient(to right,transparent,black 50%,black 50%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 50%,black 50%,transparent)}.site-header[data-astro-cid-3ef6ksr2]{width:var(--max-width-wide);display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) 0;border-bottom:1px solid var(--color-border);position:relative}.site-name[data-astro-cid-3ef6ksr2]{font-size:15px;font-weight:600;color:var(--color-text-primary);text-decoration:none}.site-nav[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-link[data-astro-cid-3ef6ksr2]{position:relative;font-size:13px;color:var(--color-text-secondary);text-decoration:none;padding:4px 0;transition:color var(--duration-fast) var(--ease-out)}.nav-link[data-astro-cid-3ef6ksr2]:after{content:"";position:absolute;left:50%;bottom:-2px;width:0;height:1.5px;background:var(--color-accent);transition:width var(--duration-fast) var(--ease-out),left var(--duration-fast) var(--ease-out)}.nav-link[data-astro-cid-3ef6ksr2]:hover{color:var(--color-text-primary)}.nav-link[data-astro-cid-3ef6ksr2]:hover:after{width:100%;left:0}.nav-link[data-astro-cid-3ef6ksr2].active{color:var(--color-text-primary)}.nav-link[data-astro-cid-3ef6ksr2].active:after{width:100%;left:0;background:var(--color-text-primary)}.theme-toggle[data-astro-cid-3ef6ksr2]{background:none;border:none;cursor:pointer;padding:10px;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;overflow:visible;transition:color var(--duration-fast) var(--ease-out)}.theme-toggle[data-astro-cid-3ef6ksr2]:hover{color:var(--color-text-primary)}.hidden[data-astro-cid-3ef6ksr2]{display:none}footer[data-astro-cid-sz7xmlte]{width:100%;display:flex;justify-content:center;position:relative}footer[data-astro-cid-sz7xmlte]:before{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--color-bg) 90%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);mask-image:linear-gradient(to right,transparent,black 50%,black 50%,transparent),linear-gradient(to top,transparent,black 30%);-webkit-mask-image:linear-gradient(to right,transparent,black 50%,black 50%,transparent),linear-gradient(to top,transparent,black 30%);mask-composite:intersect;-webkit-mask-composite:source-in}.site-footer[data-astro-cid-sz7xmlte]{width:var(--max-width-wide);padding:var(--spacing-2xl) 0;border-top:1px solid var(--color-border);margin-top:var(--spacing-2xl);display:flex;gap:var(--spacing-lg);justify-content:center;position:relative}.footer-link[data-astro-cid-sz7xmlte]{position:relative;display:inline-flex;align-items:center;gap:3px;font-size:13px;color:var(--color-text-secondary);text-decoration:none;padding:4px 0;transition:color var(--duration-fast) var(--ease-out)}.footer-link[data-astro-cid-sz7xmlte]:after{content:"";position:absolute;left:50%;bottom:-2px;width:0;height:1px;background:var(--color-text-secondary);transition:width var(--duration-fast) var(--ease-out),left var(--duration-fast) var(--ease-out)}.footer-link[data-astro-cid-sz7xmlte]:hover{color:var(--color-text-primary)}.footer-link[data-astro-cid-sz7xmlte]:hover:after{width:100%;left:0}.external-icon[data-astro-cid-sz7xmlte]{opacity:0;transform:translateY(1px);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.footer-link[data-astro-cid-sz7xmlte]:hover .external-icon[data-astro-cid-sz7xmlte]{opacity:1;transform:translateY(0)}@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(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}:root{--font-inter: var(--font-inter, "Inter", system-ui, sans-serif);--color-bg: #f7f7f8;--color-bg-off: #f7f7f8;--color-text-primary: #1a1a1a;--color-text-secondary: #666;--color-border: #e5e5e5;--color-accent: #007aff;--color-technical: #007aff;--color-technical-bg: #007aff1a;--color-essay: #ff6b6b;--color-essay-bg: #ff6b6b1a;--color-project: #4ecdc4;--color-project-bg: #4ecdc41a;--font-size-label: 12px;--font-size-body: 15px;--font-size-title: 18px;--font-size-hero-title: 28px;--font-size-site-name: 48px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-subtle: 0 1px 3px rgba(0, 0, 0, .05);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .08);--color-overlay: rgba(0, 0, 0, .85);--color-skeleton: #e5e5e5;--color-skeleton-shine: #f0f0f0;--max-width: 640px;--max-width-wide: 960px;--duration-instant: .1s;--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .7s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--color-bg: #1a1a1a;--color-bg-off: #242424;--color-text-primary: #e8e8e8;--color-text-secondary: #999;--color-border: #333;--color-accent: #4da3ff;--color-technical: #4da3ff;--color-technical-bg: #4da3ff1a;--color-essay: #ff8a8a;--color-essay-bg: #ff8a8a1a;--color-project: #6eddd4;--color-project-bg: #6eddd41a;--shadow-subtle: 0 1px 3px rgba(0, 0, 0, .3);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .4);--color-overlay: rgba(0, 0, 0, .85);--color-skeleton: #333;--color-skeleton-shine: #3a3a3a}[data-theme-vt=active] *{view-transition-name:none!important}[data-theme-vt=active]::view-transition-old(root){animation:none}[data-theme-vt=active]::view-transition-new(root){animation:none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-inter);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6}img{max-width:100%;height:auto}a{color:var(--color-accent);text-decoration:none}.skip-link{position:absolute;top:-100%;left:var(--spacing-md);background:var(--color-accent);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);z-index:1000;text-decoration:none}.skip-link:focus{top:var(--spacing-md)}.page-wrapper{max-width:var(--max-width-wide);margin:0 auto;padding:0 var(--spacing-lg);position:relative}.content-wrapper{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-lg);background:var(--color-bg);box-shadow:0 0 32px 32px var(--color-bg)}.text-label{font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.text-body{font-size:var(--font-size-body);line-height:1.7;color:var(--color-text-primary)}.divider{border:none;border-top:1px solid var(--color-border);margin:0}.prose{font-size:var(--font-size-body);line-height:1.7;color:var(--color-text-primary)}.prose h1{font-size:var(--font-size-hero-title);font-weight:var(--font-weight-bold);line-height:1.3;margin-bottom:var(--spacing-lg)}.prose h2{font-size:22px;font-weight:var(--font-weight-semibold);line-height:1.3;margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md)}.prose h3{font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm)}.prose p{margin-bottom:var(--spacing-md)}.prose ul,.prose ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.prose li{margin-bottom:var(--spacing-xs)}.prose blockquote{border-left:3px solid var(--color-border);padding-left:var(--spacing-md);color:var(--color-text-secondary);margin:var(--spacing-lg) 0;font-style:italic}.prose code{font-family:SF Mono,Fira Code,monospace;font-size:13px;background:var(--color-bg-off);padding:2px 6px;border-radius:var(--radius-sm)}.prose pre{background:var(--color-bg-off);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);overflow-x:auto;margin:var(--spacing-lg) 0;font-size:13px;line-height:1.6}.prose pre code{background:none;padding:0;border-radius:0}.prose img{border-radius:var(--radius-md);margin:var(--spacing-lg) 0;background:var(--color-bg-off)}.prose a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.prose hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-2xl) 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-skeleton) 25%,var(--color-skeleton-shine) 50%,var(--color-skeleton) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.page-enter{animation:fadeInSlide var(--duration-normal) var(--ease-out) both}.post-stagger{animation:slideUp var(--duration-normal) var(--ease-out) both;animation-delay:calc(var(--stagger-index, 0) * 80ms)}[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.reading-progress{position:fixed;top:0;left:0;width:0%;height:2px;background:var(--color-accent);z-index:100;transition:width var(--duration-slow) var(--ease-out)}.heading-anchor{position:absolute;left:-1em;color:var(--color-accent);opacity:0;text-decoration:none;font-weight:400;transition:opacity var(--duration-fast) var(--ease-out)}.prose h2:hover .heading-anchor,.prose h3:hover .heading-anchor{opacity:1}.image-zoom-overlay{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:200;opacity:0;transition:opacity var(--duration-normal) var(--ease-out);cursor:zoom-out}.image-zoom-overlay.is-active{opacity:1}.image-zoom-expanded{max-width:90vw;max-height:90vh;border-radius:var(--radius-lg);object-fit:contain}.page-transition-bar{position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-accent) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1s ease-in-out infinite;z-index:101;opacity:0;transition:opacity var(--duration-fast) var(--ease-out);pointer-events:none}.page-transition-bar.is-loading{opacity:1}@media(max-width:640px){html{font-size:15px}.page-wrapper{padding:0 var(--spacing-md)}:root{--font-size-site-name: 36px;--font-size-hero-title: 24px;--spacing-2xl: 36px}[data-theme=dark]{--font-size-site-name: 36px;--font-size-hero-title: 24px;--spacing-2xl: 36px}}@media(max-width:480px){:root{--font-size-site-name: 30px;--font-size-hero-title: 22px;--spacing-2xl: 28px}[data-theme=dark]{--font-size-site-name: 30px;--font-size-hero-title: 22px;--spacing-2xl: 28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}