:root{--color-bg: #fafaf9;--color-text: #1c1917;--color-text-secondary: #57534e;--color-accent: #c2410c;--color-accent-dark: #a73809;--color-link: #1d4ed8;--color-link-hover: #1e40af;--color-code-bg: #e7e5e4;--color-border: #d6d3d1;--color-code-block-bg: #2b303b;--color-code-block-text: #c0c5ce;--color-code-line-numbers: #65737e;--color-code-line-border: #4f5b66;--color-code-highlight: rgba(198, 201, 168, 0.2);--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-size-base: 18px;--font-size-sm: 0.875rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--line-height: 1.7;--line-height-tight: 1.3;--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--max-width: 720px;--header-height: 4rem;--border-radius: 4px;--border-radius-lg: 6px;--transition-speed: 0.2s;--font-size-code: 0.9em}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:var(--font-size-base);-webkit-text-size-adjust:100%;scroll-padding-top:var(--header-height)}body{min-height:100vh;line-height:var(--line-height);font-family:var(--font-family);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none}a{color:inherit;text-decoration:none}table{border-collapse:collapse;border-spacing:0}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important}}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight);font-weight:600;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}.prose p{margin-bottom:var(--spacing-md)}.prose a{color:var(--color-link);text-decoration:underline;text-underline-offset:2px}.prose a:hover{color:var(--color-link-hover)}.prose strong{font-weight:600}.prose em{font-style:italic}.prose ul,.prose ol{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl)}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose li{margin-bottom:var(--spacing-sm)}.prose blockquote{border-left:4px solid var(--color-accent);padding-left:var(--spacing-lg);margin:var(--spacing-lg) 0;color:var(--color-text-secondary);font-style:italic}.prose hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-2xl) 0}.prose h2,.prose h3,.prose h4{margin-top:var(--spacing-2xl)}.prose img{margin:var(--spacing-lg) 0;border-radius:var(--border-radius)}.prose .profile-photo{float:right;max-width:200px;margin:-70px 0 var(--spacing-md) var(--spacing-lg);border-radius:8px}.prose figure{margin:var(--spacing-lg) 0;text-align:center}.prose figure img{margin:0 auto var(--spacing-sm)}.prose figure figcaption{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.prose table{width:100%;margin:var(--spacing-lg) 0;border:1px solid var(--color-border)}.prose table th,.prose table td{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);text-align:left}.prose table th{background-color:var(--color-code-bg);font-weight:600}.prose .footnote-reference{position:relative;font-size:var(--font-size-sm);line-height:0}.prose .footnote-reference>a{text-decoration:none}.prose .footnote-reference .footnote-tooltip{display:none;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-text);color:var(--color-bg);font-size:var(--font-size-sm);line-height:var(--line-height);white-space:normal;width:max-content;max-width:300px;border-radius:var(--border-radius);z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.15)}.prose .footnote-reference:hover .footnote-tooltip{display:block}.site-header{position:sticky;top:0;z-index:100;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);height:var(--header-height)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg);height:100%;display:flex;align-items:center;justify-content:space-between}.site-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text)}.site-title:hover{color:var(--color-accent)}.nav-menu{display:flex;gap:var(--spacing-lg)}.nav-link{color:var(--color-text-secondary);font-size:var(--font-size-base);transition:color var(--transition-speed) ease}.nav-link:hover{color:var(--color-accent)}.nav-link.active{color:var(--color-accent)}@media (max-width: 640px){.header-inner{padding:0 var(--spacing-md)}.nav-menu{gap:var(--spacing-md)}.nav-link{font-size:var(--font-size-sm)}}.site-footer{margin-top:auto;padding:var(--spacing-2xl) var(--spacing-lg);border-top:1px solid var(--color-border)}.footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.social-links{display:flex;gap:var(--spacing-lg)}.social-link{color:var(--color-text-secondary);transition:color .2s ease}.social-link:hover{color:var(--color-accent)}.social-link svg{width:24px;height:24px}.footer-copyright{font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media (max-width: 640px){.site-footer{padding:var(--spacing-xl) var(--spacing-md)}}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:var(--spacing-2xl) var(--spacing-lg)}.content-inner{max-width:var(--max-width);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}@media (max-width: 640px){.container,.main-content{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.main-content{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);font-weight:500;font-size:var(--font-size-base);transition:all var(--transition-speed) ease;cursor:pointer;border:none;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-dark)}.btn-secondary{background-color:rgba(0,0,0,0);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.btn-link{background-color:rgba(0,0,0,0);color:var(--color-link);padding:0}.btn-link:hover{color:var(--color-link-hover);text-decoration:underline}.post-card{padding:var(--spacing-lg) 0;border-bottom:1px solid var(--color-border)}.post-card:last-child{border-bottom:none}.post-card-title{font-size:var(--font-size-xl);font-weight:600;margin-top:0;margin-bottom:var(--spacing-sm)}.post-card-title a{color:var(--color-text);transition:color var(--transition-speed) ease}.post-card-title a:hover{color:var(--color-accent)}.post-card-meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.post-card-excerpt{color:var(--color-text-secondary);line-height:var(--line-height)}.post-card-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-code-bg);color:var(--color-text-secondary);font-size:var(--font-size-sm);border-radius:var(--border-radius);transition:all var(--transition-speed) ease}.tag:hover{background-color:var(--color-accent);color:#fff}.tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}code{font-family:var(--font-family-mono);font-size:var(--font-size-code)}:not(pre)>code{background-color:var(--color-code-bg);padding:.125em .375em;border-radius:var(--border-radius);color:var(--color-text)}pre{background-color:var(--color-code-block-bg);color:var(--color-code-block-text);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);overflow-x:auto;margin:var(--spacing-lg) 0;line-height:1.5}pre code{background:none;padding:0;border-radius:0;color:inherit;font-size:.875rem}pre[data-linenos]{padding-left:0}pre[data-linenos] .line-numbers{padding:var(--spacing-lg);padding-right:var(--spacing-md);text-align:right;color:var(--color-code-line-numbers);border-right:1px solid var(--color-code-line-border);user-select:none}pre[data-linenos] code{padding-left:var(--spacing-lg)}pre mark{background-color:var(--color-code-highlight);display:block}@media (max-width: 640px){pre{padding:var(--spacing-md);font-size:.8rem;border-radius:var(--border-radius);margin-left:calc(-1*var(--spacing-md));margin-right:calc(-1*var(--spacing-md))}}.toc{margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:var(--color-code-bg);border-radius:var(--border-radius-lg)}.toc .toc-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;background:none;border:none;cursor:pointer;font-family:inherit;font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.toc .toc-arrow{font-size:var(--font-size-sm);transition:transform var(--transition-speed) ease}.toc .toc-toggle[aria-expanded=true] .toc-arrow{transform:rotate(90deg)}.toc .toc-toggle[aria-expanded=true]+.toc-list{display:block}.toc .toc-list,.toc .toc-sublist{list-style:decimal;margin:0}.toc .toc-list{display:none}.toc .toc-item{margin-bottom:0;padding:0}.toc .toc-item a{color:var(--color-link);text-decoration:none;transition:color var(--transition-speed) ease}.toc .toc-item a:hover{color:var(--color-link-hover)}.hero{text-align:center;padding:var(--spacing-3xl) 0}.hero-title{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--spacing-md)}.hero-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}.hero-links{display:flex;justify-content:center;gap:var(--spacing-md)}.section-title{font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-accent)}.recent-posts{margin-top:var(--spacing-2xl)}.view-all-link{display:inline-block;margin-top:var(--spacing-lg);color:var(--color-link);font-weight:500}.view-all-link:hover{color:var(--color-link-hover);text-decoration:underline}@media (max-width: 640px){.hero{padding:var(--spacing-2xl) 0}.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-lg)}.hero-links{flex-direction:column;align-items:center}}.about-page .page-header{margin-bottom:var(--spacing-2xl)}.about-page .page-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.about-page .about-content{overflow:auto}.about-page .about-intro{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height)}.about-section h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--color-accent)}@media (max-width: 640px){.about-page .page-title{font-size:var(--font-size-2xl)}.about-page .about-intro{font-size:var(--font-size-base)}}.blog-page .page-header{margin-bottom:var(--spacing-xl)}.blog-page .page-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.blog-page .page-description{color:var(--color-text-secondary)}.posts-list{margin-top:0}.post .post-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.post .post-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.post .post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.post .post-date{display:flex;align-items:center;gap:var(--spacing-xs)}.post .post-reading-time{display:flex;align-items:center;gap:var(--spacing-xs)}.post .post-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.post .post-content{margin-bottom:var(--spacing-2xl)}.post .post-footer{padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.post-nav{display:flex;justify-content:space-between;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.post-nav-link{flex:1;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius);transition:border-color var(--transition-speed) ease}.post-nav-link:hover{border-color:var(--color-accent)}.post-nav-link.prev{text-align:left}.post-nav-link.next{text-align:right;margin-left:auto}.post-nav-label{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.post-nav-title{color:var(--color-text);font-weight:500}@media (max-width: 640px){.blog-page .page-title{font-size:var(--font-size-2xl)}.post .post-title{font-size:var(--font-size-2xl)}.post .post-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.post-nav{flex-direction:column}}