:root{--bg-primary:#faf6f1;--bg-secondary:#f0eae2;--bg-tertiary:#e8dfd4;--bg-code:#f5f0eb;--bg-code-inline:#ede6dc;--text-primary:#2c1810;--text-secondary:#6b5744;--text-tertiary:#8a7a6a;--text-muted:#a89888;--accent:#8b5e3c;--accent-hover:#6d4a2e;--accent-light:#8b5e3c1a;--border:#e0d5c8;--border-light:#ede6dc;--shadow-sm:0 1px 2px #2c18100a;--shadow-md:0 4px 12px #2c18100f;--shadow-lg:0 8px 24px #2c181014;--surface-glass:#faf6f1d9;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--font-heading:"Playfair Display", Georgia, "Times New Roman", serif;--font-body:"Source Serif 4", Georgia, "Times New Roman", serif;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--text-4xl:3rem;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.75;--content-width:720px;--site-width:1080px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--transition-fast:.15s ease-out;--transition-base:.25s ease-out;--transition-slow:.35s ease-out;--z-base:0;--z-dropdown:10;--z-sticky:20;--z-overlay:40;--z-modal:100;--z-toast:1000;--progress-height:3px;--progress-color:var(--accent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg-primary:#1a1612;--bg-secondary:#242019;--bg-tertiary:#2e2820;--bg-code:#1e1a16;--bg-code-inline:#2a2420;--text-primary:#e8dfd4;--text-secondary:#b8a899;--text-tertiary:#8a7a6a;--text-muted:#6b5b4b;--accent:#c4956a;--accent-hover:#d4a87c;--accent-light:#c4956a1f;--border:#3a322c;--border-light:#2e2820;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006;--surface-glass:#1a1612e6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;transition:background-color var(--transition-slow), color var(--transition-slow)}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--leading-tight);color:var(--text-primary);text-wrap:balance}p{text-wrap:pretty}::selection{background-color:var(--accent-light);color:var(--text-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}#root{flex-direction:column;min-height:100dvh;display:flex}.container{width:100%;max-width:var(--site-width);padding-left:var(--space-6);padding-right:var(--space-6);margin:0 auto}.content-container{width:100%;max-width:var(--content-width);padding-left:var(--space-6);padding-right:var(--space-6);margin:0 auto}main{padding-top:var(--space-12);padding-bottom:var(--space-16);flex:1}@media (width>=768px){.container,.content-container{padding-left:var(--space-8);padding-right:var(--space-8)}}@media (width>=1024px){.container{padding-left:var(--space-12);padding-right:var(--space-12)}.content-container{padding-left:0;padding-right:0}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.5s ease-out both fadeInUp}.site-header{z-index:var(--z-sticky);-webkit-backdrop-filter:blur(12px);background-color:var(--surface-glass);border-bottom:1px solid var(--border-light);transition:background-color var(--transition-slow), border-color var(--transition-slow);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.header-logo{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary);letter-spacing:-.02em;transition:color var(--transition-fast);font-weight:700;text-decoration:none}.header-logo:hover,.header-logo span{color:var(--accent)}.header-nav{align-items:center;gap:var(--space-2);display:flex}.header-nav-link{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:color var(--transition-fast), background-color var(--transition-fast);font-weight:500;text-decoration:none}.header-nav-link:hover{color:var(--text-primary);background-color:var(--accent-light)}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.theme-toggle:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}.theme-toggle svg{width:18px;height:18px}.site-footer{border-top:1px solid var(--border-light);padding:var(--space-8) 0;margin-top:auto}.footer-inner{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.footer-links{align-items:center;gap:var(--space-6);display:flex}.footer-link{align-items:center;gap:var(--space-2);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none;display:flex}.footer-link:hover{color:var(--accent)}.footer-link svg{width:18px;height:18px}.footer-copy{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-muted)}.post-card{padding:var(--space-6) 0;border-bottom:1px solid var(--border-light);color:inherit;transition:all var(--transition-fast);text-decoration:none;display:block}.post-card:first-child{padding-top:0}.post-card:last-child{border-bottom:none}.post-card:hover .post-card-title{color:var(--accent)}.post-card-meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-tertiary);display:flex}.post-card-meta-separator{background-color:var(--text-muted);border-radius:50%;width:3px;height:3px;display:inline-block}.post-card-title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:700;line-height:var(--leading-tight);transition:color var(--transition-fast)}.post-card-description{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-normal);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-card-tags{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.tag-badge{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--accent);background-color:var(--accent-light);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;font-weight:500;line-height:1.5;text-decoration:none;display:inline-flex}.tag-badge:hover,.tag-badge.active{background-color:var(--accent);color:var(--bg-primary)}.search-container{margin-bottom:var(--space-6);position:relative}.search-input{width:100%;padding:var(--space-3) var(--space-4);padding-left:var(--space-10);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.search-icon{left:var(--space-3);color:var(--text-muted);pointer-events:none;width:18px;height:18px;position:absolute;top:50%;transform:translateY(-50%)}.reading-progress{width:0%;height:var(--progress-height);background:linear-gradient(90deg, var(--accent), var(--accent-hover));z-index:var(--z-toast);will-change:width;transition:width 50ms linear;position:fixed;top:0;left:0}.post-header{margin-bottom:var(--space-10);padding-bottom:var(--space-8);border-bottom:1px solid var(--border-light)}.post-header-title{font-size:var(--text-3xl);margin-bottom:var(--space-4);letter-spacing:-.02em;font-weight:900}.post-header-meta{align-items:center;gap:var(--space-3);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.post-header-description{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-normal)}.post-header-tags{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.back-link{align-items:center;gap:var(--space-2);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-8);transition:color var(--transition-fast);text-decoration:none;display:inline-flex}.back-link:hover{color:var(--accent)}.back-link svg{width:16px;height:16px}.home-hero{margin-bottom:var(--space-12)}.home-hero-title{font-size:var(--text-3xl);margin-bottom:var(--space-3);letter-spacing:-.02em;cursor:default;font-weight:900}.hero-dot-dev{color:var(--accent)}.home-hero-subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-normal);max-width:540px}.home-section-title{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-6);font-weight:600}.posts-filter{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.no-results{text-align:center;padding:var(--space-12) 0;color:var(--text-tertiary);font-family:var(--font-ui);font-size:var(--text-sm)}.loading{padding:var(--space-16) 0;color:var(--text-muted);font-family:var(--font-ui);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.loading-dot{background-color:var(--accent);border-radius:50%;width:6px;height:6px;margin:0 3px;animation:1.2s ease-in-out infinite loadingPulse;display:inline-block}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes loadingPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media (width>=768px){.header-inner{height:72px}.post-card-title{font-size:var(--text-2xl)}.home-hero-title,.post-header-title{font-size:var(--text-4xl)}}.prose{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-primary)}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{font-family:var(--font-heading);color:var(--text-primary);margin-top:var(--space-10);margin-bottom:var(--space-4)}.prose h1{font-size:var(--text-3xl);font-weight:900}.prose h2{font-size:var(--text-2xl);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-light);font-weight:700}.prose h3{font-size:var(--text-xl);font-weight:700}.prose h4{font-size:var(--text-lg);font-weight:600}.prose p{margin-bottom:var(--space-6)}.prose strong{color:var(--text-primary);font-weight:700}.prose em{font-style:italic}.prose a{color:var(--accent);text-underline-offset:3px;transition:all var(--transition-fast);text-decoration:underline;text-decoration-thickness:1px}.prose a:hover{color:var(--accent-hover);text-decoration-thickness:2px}.prose ul,.prose ol{margin-bottom:var(--space-6);padding-left:var(--space-6)}.prose li{margin-bottom:var(--space-2)}.prose li>ul,.prose li>ol{margin-top:var(--space-2);margin-bottom:0}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose blockquote{margin:var(--space-6) 0;padding:var(--space-4) var(--space-6);border-left:3px solid var(--accent);background-color:var(--bg-secondary);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary);font-style:italic}.prose blockquote p:last-child{margin-bottom:0}.prose code{font-family:var(--font-mono);background-color:var(--bg-code-inline);border-radius:var(--radius-sm);color:var(--accent);word-break:break-word;padding:.15em .4em;font-size:.85em}.prose pre{margin:var(--space-6) 0;padding:var(--space-5);background-color:var(--bg-code);border:1px solid var(--border-light);border-radius:var(--radius-md);-webkit-overflow-scrolling:touch;overflow-x:auto}.prose pre code{font-family:var(--font-mono);color:var(--text-primary);word-break:normal;background:0 0;border-radius:0;padding:0;font-size:.875rem;line-height:1.7}.prose table{border-collapse:collapse;width:100%;margin:var(--space-6) 0;font-family:var(--font-ui);font-size:var(--text-sm)}.prose thead th{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--border);color:var(--text-primary);font-weight:600}.prose tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.prose tbody tr:hover{background-color:var(--bg-secondary)}.prose hr{margin:var(--space-10) 0;border:none;border-top:1px solid var(--border-light)}.prose img{margin:var(--space-6) 0;border-radius:var(--radius-md);border:1px solid var(--border-light)}.prose input[type=checkbox]{margin-right:var(--space-2);accent-color:var(--accent)}.prose .anchor{opacity:0;margin-left:var(--space-2);color:var(--text-muted);transition:opacity var(--transition-fast);font-size:.8em;text-decoration:none}.prose h2:hover .anchor,.prose h3:hover .anchor,.prose h4:hover .anchor{opacity:1}.prose .anchor:hover{color:var(--accent)}.hljs{color:var(--text-primary);background:var(--bg-code)}.hljs-comment,.hljs-quote{color:var(--text-muted);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-type{color:#8b5e3c;font-weight:600}.hljs-string,.hljs-attr,.hljs-addition{color:#5a7a3a}.hljs-number,.hljs-literal{color:#b06030}.hljs-title,.hljs-section{color:#6b4a8a}.hljs-function .hljs-title{color:#3a6a8a}.hljs-built_in{color:#7a5a3a}.hljs-deletion{color:#a04040}.hljs-meta{color:var(--text-tertiary)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}[data-theme=dark] .hljs-keyword,[data-theme=dark] .hljs-selector-tag,[data-theme=dark] .hljs-type{color:#c4956a}[data-theme=dark] .hljs-string,[data-theme=dark] .hljs-attr,[data-theme=dark] .hljs-addition{color:#8ab86a}[data-theme=dark] .hljs-number,[data-theme=dark] .hljs-literal{color:#d4956a}[data-theme=dark] .hljs-title,[data-theme=dark] .hljs-section{color:#b08ad4}[data-theme=dark] .hljs-function .hljs-title{color:#6ab0d4}[data-theme=dark] .hljs-built_in{color:#b09a7a}[data-theme=dark] .hljs-deletion{color:#d47070}