:root{--bg: #fafaf8;--text: #1a1a1a;--muted: #666;--border: #e5e5e3;--sidebar-width: 220px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--text)}a:hover{opacity:.6}img{max-width:100%;display:block}.layout{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;margin:0 auto;max-width:1120px}.sidebar{border-right:1px solid var(--border);padding:2.5rem 1.5rem;position:sticky;top:0;height:100vh;overflow-y:auto}.site-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text);margin-bottom:.75rem}.site-logo{width:36px;height:36px;background:var(--text);color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;letter-spacing:.05em;flex-shrink:0;border-radius:50%;overflow:hidden}.site-title{font-size:.95rem;font-weight:600}.site-desc{font-size:.8rem;color:var(--muted);line-height:1.5;margin-bottom:2rem}.sidebar-nav{display:flex;flex-direction:column;gap:.125rem}.sidebar-nav a{color:var(--muted);text-decoration:none;font-size:.875rem;padding:.3rem 0;transition:color .15s}.sidebar-nav a:hover{color:var(--text);opacity:1}.sidebar-social{margin-top:2rem}.sidebar-social-link{display:inline-flex;color:var(--muted);transition:color .15s}.sidebar-social-link:hover{color:#29a7e0;opacity:1}.sidebar-social-link svg{width:24px;height:24px;fill:currentColor}.main{padding:2.5rem 4rem}h1{font-size:1.625rem;font-weight:700;line-height:1.3;margin-bottom:.75rem}h2{font-size:1.25rem;font-weight:600;line-height:1.35;margin-top:2.5rem;margin-bottom:.75rem}h3{font-size:1.05rem;font-weight:600;margin-top:2rem;margin-bottom:.5rem}p{margin-bottom:1.25rem}ul,ol{padding-left:1.5rem;margin-bottom:1.25rem}li{margin-bottom:.25rem}blockquote{border-left:3px solid var(--border);padding-left:1rem;color:var(--muted);margin:1.5rem 0}hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}code{font-size:.875em;background:var(--border);padding:.1em .35em;border-radius:3px}pre{background:#f0f0ee;padding:1.25rem;border-radius:6px;overflow-x:auto;margin-bottom:1.25rem}pre code{background:none;padding:0;font-size:.875rem}.home-hero{margin-bottom:3rem}.home-hero-img{width:100%;object-fit:cover;border-radius:6px;margin-bottom:1.25rem}.home-intro{font-size:.95rem;color:var(--muted)}.section-label{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}.post-list{list-style:none}.post-item{padding:1rem 0;border-bottom:1px solid var(--border)}.post-item:first-child{border-top:1px solid var(--border)}.post-item a{text-decoration:none;display:block}.post-item a:hover{opacity:1}.post-item a:hover .post-item-title{opacity:.6}.post-item-title{font-size:.95rem;font-weight:600;margin-bottom:.2rem;transition:opacity .15s}.post-item-meta{font-size:.78rem;color:var(--muted)}.post-header{margin-bottom:2.5rem}.post-meta{font-size:.8rem;color:var(--muted);margin-top:.5rem}.post-content{font-size:1rem;line-height:1.8}.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.tag{font-size:.72rem;color:var(--muted);background:var(--border);padding:.2em .55em;border-radius:3px;text-decoration:none}.tg-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:2.5rem;padding:.6rem 1rem;border:1px solid var(--border);border-radius:6px;font-size:.875rem;color:var(--muted);text-decoration:none;transition:border-color .15s,color .15s}.tg-link:hover{border-color:#29a7e0;color:#29a7e0;opacity:1}.tg-link svg{width:24px;height:24px;fill:currentColor;flex-shrink:0}.lb-toggle{display:none}.post-thumbnail{display:block;cursor:zoom-in;margin-bottom:2rem;border-radius:6px;overflow:hidden}.post-thumbnail img{width:100%;display:block;border-radius:6px;transition:opacity .15s}.post-thumbnail:hover img{opacity:.9}.lb-backdrop{display:none;position:fixed;inset:0;background:var(--bg);z-index:9999;cursor:zoom-out;align-items:center;justify-content:center;padding:1.5rem}.lb-toggle:checked~.lb-backdrop{display:flex}.lb-backdrop img{max-width:95vw;max-height:95vh;object-fit:cover;box-shadow:0 8px 40px #0009}.footer{margin-top:4rem;padding-top:1.25rem;border-top:1px solid var(--border);font-size:.78rem;color:var(--muted)}.about-content{font-size:1rem;line-height:1.8}@media(max-width:768px){.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border);padding:1.5rem}.sidebar-nav{flex-direction:row;gap:1rem;margin-top:.75rem}.site-desc{margin-bottom:.75rem}.main{padding:2rem 1.5rem}}