:root{--bg: #0f1419;--bg-secondary:#151b25;--surface: #1a212d;--border: #2d3d52;--text: #d0d5dd;--text-muted: #8d96a7;--accent: #4a90e2;--accent-dim: #3d76c6;--link: #4a90e2;--link-hover: #6ba3e8;--code-bg: #16202b;--code-text: #d0d5dd;--tag-bg: #1e2a3a;--tag-text: #8d96a7;--heading: #e8eef7;--nav-active: #4a90e2;--toggle-bg: #1e2a3a;--toggle-border: #2d3d52}body.light-mode{--bg: #fafbfc;--bg-secondary:#ffffff;--surface: #f5f7fa;--border: #d5dce3;--text: #24292e;--text-muted: #57606a;--accent: #4a90e2;--accent-dim: #3d76c6;--link: #4a90e2;--link-hover: #2e5cb8;--code-bg: #f1f3f5;--code-text: #24292e;--tag-bg: #eaeef2;--tag-text: #57606a;--heading: #111827;--nav-active: #4a90e2;--toggle-bg: #eaeef2;--toggle-border: #d5dce3}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;font-size:1rem;line-height:1.7;transition:background-color 0.25s ease, color 0.25s ease;min-height:100vh;display:flex;flex-direction:column}a{color:var(--link);text-decoration:none;transition:color 0.15s ease}a:hover{color:var(--link-hover);text-decoration:underline}h1,h2,h3,h4,h5,h6{color:var(--heading);font-weight:700;line-height:1.3;margin:1.5rem 0 0.75rem;font-family:"Georgia", "Garamond", "Playfair Display", serif}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{margin:0 0 1rem}ul,ol{margin:0 0 1rem 1.5rem}li{margin-bottom:0.3rem}blockquote{border-left:3px solid var(--accent);padding:0.5rem 1rem;margin:1rem 0;color:var(--text-muted);background:var(--surface)}hr{border:none;border-top:1px solid var(--border);margin:2rem 0}img{max-width:100%;height:auto;display:block}table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:0.99rem}th,td{border:1px solid var(--border);padding:0.5rem 0.75rem;text-align:left}th{background:var(--surface);color:var(--heading)}code{font-family:"SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace;background:var(--code-bg);color:var(--accent);padding:0.15em 0.4em;border-radius:3px;font-size:0.99em}pre{background:var(--code-bg);color:var(--code-text);padding:1.25rem;border-radius:6px;overflow-x:auto;margin:1rem 0;border:1px solid var(--border);line-height:1.5}pre code{background:none;color:inherit;padding:0;font-size:0.99rem}.site-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header-inner{max-width:860px;margin:0 auto;padding:0.75rem 1.5rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.site-title{font-size:1.375rem;font-weight:700;color:var(--accent);letter-spacing:0.05em;flex-shrink:0}.site-title:hover{color:var(--link-hover);text-decoration:none}.site-nav{display:flex;gap:1.25rem;flex-wrap:wrap;flex:1}.nav-link{color:var(--text-muted);font-size:0.99rem;transition:color 0.15s}.nav-link:hover,.nav-link.active{color:var(--nav-active);text-decoration:none}.nav-link.active{font-weight:700}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:1.5rem;height:1.125rem;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0}.hamburger span{display:block;height:2px;width:100%;background:var(--text);border-radius:2px;transition:transform 0.2s, opacity 0.2s}.hamburger.open span:nth-child(1){transform:translateY(calc(0.5625rem - 1px)) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(calc(-0.5625rem + 1px)) rotate(-45deg)}.theme-toggle{background:var(--toggle-bg);border:1px solid var(--toggle-border);border-radius:6px;cursor:pointer;padding:0.3rem 0.6rem;font-size:1rem;line-height:1;transition:background 0.2s, border-color 0.2s;flex-shrink:0}.theme-toggle:hover{border-color:var(--accent)}#main-content{max-width:860px;margin:0 auto;padding:2.5rem 1.5rem;flex:1;width:100%}.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border);margin-top:auto}.footer-inner{max-width:860px;margin:0 auto;padding:1rem 1.5rem;font-size:0.88rem;color:var(--text-muted)}.page-header,.post-header{margin-bottom:2rem}.page-title,.post-title{font-size:2rem;color:var(--heading);margin-top:0}.page-description{color:var(--text-muted);font-size:1.155rem;margin-top:0.5rem}.post-meta{color:var(--text-muted);font-size:0.935rem;margin-top:0.5rem;display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap}.post-tags{display:flex;gap:0.5rem}.tag{background:var(--tag-bg);color:var(--tag-text);padding:0.1em 0.5em;border-radius:3px;font-size:0.88em}.post-content{line-height:1.8}.post-content h2{border-bottom:1px solid var(--border);padding-bottom:0.3rem}.post-footer{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:0.99rem}.post-list{list-style:none;margin:1.5rem 0 0;padding:0}.post-item{padding:1rem 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:7rem 1fr;grid-template-rows:auto auto;column-gap:1rem;align-items:baseline}.post-date{color:var(--text-muted);font-size:0.935rem;grid-row:1;grid-column:1}.post-link{font-size:1.21rem;font-weight:600;grid-row:1;grid-column:2}.post-excerpt{grid-row:2;grid-column:2;color:var(--text-muted);font-size:0.99rem;margin-top:0.3rem;margin-bottom:0}.no-posts{color:var(--text-muted);font-style:italic;margin-top:1.5rem}.home-hero{margin-bottom:3rem}.home-hero h1{font-size:2.05rem;margin-top:0}.home-hero .accent{color:var(--accent)}.home-sections{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:1.25rem;margin-top:2rem}.home-section-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.25rem;transition:border-color 0.2s}.home-section-card:hover{border-color:var(--accent);text-decoration:none}.home-section-card h3{margin-top:0;color:var(--accent)}.home-section-card p{color:var(--text-muted);font-size:0.99rem;margin:0}@media (max-width: 640px){html{font-size:14px}.header-inner{gap:0.5rem;flex-wrap:wrap;align-items:center}.site-nav{display:none;flex-direction:column;gap:0;width:100%;order:10;padding:0.25rem 0;border-top:1px solid var(--border)}.site-nav.open{display:flex}.nav-link{padding:0.6rem 0.25rem;border-bottom:1px solid var(--border);font-size:1rem}.nav-link:last-child{border-bottom:none}.theme-toggle{margin-left:auto}.hamburger{display:flex}.post-item{grid-template-columns:1fr}.post-date{grid-column:1}.post-link{grid-column:1;grid-row:2}.post-excerpt{grid-column:1;grid-row:3}}