:root{--neutral-50:#fff;--neutral-100:#fbfbfb;--neutral-200:#f6f8fa;--neutral-300:#e7e9ed;--neutral-400:#e1e4e8;--neutral-500:#a5a5a5;--neutral-600:#666;--neutral-700:#333;--neutral-800:#222;--primary-300:#79b8ff;--primary-500:#0366d6;--bg-primary:var(--neutral-50);--bg-secondary:var(--neutral-100);--bg-code:var(--neutral-200);--text-primary:var(--neutral-700);--text-secondary:var(--neutral-600);--text-tertiary:var(--neutral-500);--text-heading:var(--neutral-800);--border-primary:var(--neutral-300);--border-secondary:var(--neutral-400);--interactive-primary:var(--primary-500);--interactive-hover:var(--primary-500);--interactive-accent:var(--primary-500);--shadow-color:rgba(0,0,0,.1)}.dark{--neutral-50:#1a1a1a;--neutral-100:#252525;--neutral-200:#2d2d2d;--neutral-300:#333;--neutral-400:#404040;--neutral-500:#888;--neutral-600:#b4b4b4;--neutral-700:#e4e4e4;--neutral-800:#f0f0f0;--primary-300:#79b8ff;--primary-500:#58a6ff;--bg-primary:var(--neutral-50);--bg-secondary:var(--neutral-100);--bg-code:var(--neutral-200);--text-primary:var(--neutral-700);--text-secondary:var(--neutral-600);--text-tertiary:var(--neutral-500);--text-heading:var(--neutral-800);--border-primary:var(--neutral-300);--border-secondary:var(--neutral-400);--interactive-primary:var(--primary-500);--interactive-hover:var(--primary-300);--interactive-accent:var(--primary-500);--shadow-color:hsla(0,0%,100%,.1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);transition:background-color .3s ease,color .3s ease}.container{max-width:800px;margin:0 auto;padding:2rem 1rem}.site-header{margin-bottom:3rem;text-align:center}.site-header h1{font-size:2.5rem;font-weight:700;color:var(--text-heading)}.site-footer{margin-top:2rem;text-align:center;color:var(--text-tertiary)}.site-footer link{text-decoration:none}.posts-list{display:flex;flex-direction:column;gap:.5rem}.post-card{border:1px solid var(--border-primary);background:var(--bg-secondary);border-radius:8px;overflow:hidden;transition:box-shadow .3s ease}.post-card:hover{box-shadow:0 4px 12px var(--shadow-color)}.post-card a{text-decoration:none;color:inherit;display:block}.post-card .post-content{padding:1rem}.post-card h2{font-size:1.25rem;margin-bottom:0;color:var(--text-heading)}.post-card h2:hover{text-decoration:none}.post-meta{font-size:.9rem;color:var(--text-tertiary);margin-bottom:.5rem}.post-meta .separator{margin:0 .5rem}.post-card p{color:var(--text-secondary);line-height:1.5}.breadcrumb{margin-bottom:2rem}.breadcrumb a{color:var(--text-tertiary);text-decoration:none;font-size:.9rem}.breadcrumb a:hover{color:var(--text-secondary);text-decoration:none}.blog-post{max-width:700px;margin:0 auto}.cover-image{width:100%;margin-bottom:2rem;border-radius:8px;overflow:hidden}.cover-image img{width:100%;height:auto;display:block}.post-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-secondary)}.post-header h1{font-size:2.5rem;margin-bottom:.75rem;color:var(--text-heading);line-height:1.2}.post-header .post-meta{font-size:1rem}.blog-post .post-content{font-size:1.1rem;line-height:1.8}.blog-post .post-content h1,.blog-post .post-content h2,.blog-post .post-content h3,.blog-post .post-content h4{margin-top:2rem;margin-bottom:1rem;color:var(--text-heading);line-height:1.3}.blog-post .post-content h1{font-size:2rem}.blog-post .post-content h2{font-size:1.6rem}.blog-post .post-content h3{font-size:1.3rem}.blog-post .post-content p{margin-bottom:1.5rem}.blog-post .post-content ol,.blog-post .post-content ul{margin-bottom:1.5rem;padding-left:2rem}.blog-post .post-content li{margin-bottom:.5rem}.blog-post .post-content code{background:var(--bg-code);padding:.2rem .4rem;border-radius:3px;font-size:.9em;font-family:Courier New,Courier,monospace}.blog-post .post-content pre{background:var(--bg-code);padding:1rem;border-radius:6px;overflow-x:auto;margin-bottom:1.5rem}.blog-post .post-content pre code{background:none;padding:0}.blog-post .post-content blockquote{border-left:4px solid var(--interactive-accent);padding-left:1rem;margin:1.5rem 0;color:var(--text-secondary);font-style:italic}.blog-post .post-content svg{max-width:100%;height:auto;margin:2rem auto;display:block}.blog-post .post-content img{max-width:100%;height:auto;margin:1.5rem 0;border-radius:6px}.blog-post .post-content a{color:var(--interactive-primary);text-decoration:none}.blog-post .post-content a:hover{color:var(--interactive-hover);text-decoration:underline}.theme-toggle{position:fixed;top:1.5rem;right:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:.5rem .75rem;cursor:pointer;font-size:1.25rem;transition:all .3s ease;z-index:100}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 2px 8px var(--shadow-color)}.theme-icon{display:inline-block;line-height:1}@media (max-width:768px){.site-header h1{font-size:2rem}.post-card h2{font-size:1.25rem}.post-header h1{font-size:2rem}.blog-post .post-content{font-size:1rem}.theme-toggle{top:1rem;right:1rem}}