:root{--bg:#fff;--bg-secondary:#f8f9fa;--bg-card:#fff;--text:#1a1a2e;--text-secondary:#5f6368;--text-tertiary:#80868b;--border:#e8eaed;--accent:#1a73e8;--accent-hover:#1557b0;--accent-light:#e8f0fe;--tag-bg:#e8f0fe;--tag-text:#1a73e8;--hero-bg:#f0f6ff;--card-shadow:0 1px 2px #0000000f, 0 1px 3px #0000001a;--card-shadow-hover:0 4px 12px #0000001a;--max-width:1100px;--content-max-width:720px;--radius:12px;--radius-sm:8px;--font:"Google Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}[data-theme=dark]{--bg:#1a1a2e;--bg-secondary:#1e1e32;--bg-card:#242442;--text:#e4e4e4;--text-secondary:#a0a0b8;--text-tertiary:#7a7a92;--border:#2d2d4a;--accent:#8ab4f8;--accent-hover:#aecbfa;--accent-light:#2d2d4a;--tag-bg:#2d2d4a;--tag-text:#8ab4f8;--hero-bg:#1e1e32;--card-shadow:0 1px 2px #0003, 0 1px 3px #0000004d;--card-shadow-hover:0 4px 12px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;transition:background .3s,color .3s}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}.app{flex-direction:column;min-height:100vh;display:flex}.main{width:100%;max-width:var(--max-width);flex:1;margin:0 auto;padding:0 1.5rem}.header{border-bottom:1px solid var(--border);background:var(--bg);z-index:100;transition:transform .3s,background .3s;position:sticky;top:0}.header--hidden{transform:translateY(-100%)}.header-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:.75rem 1.5rem;display:flex;position:relative}.site-title{letter-spacing:-.3px;font-size:1.25rem;font-weight:600;color:var(--text)!important}.site-title:hover{color:var(--accent)!important}.nav{align-items:center;gap:.25rem;display:flex}.nav-link{border-radius:999px;padding:.4rem .75rem;font-size:.88rem;font-weight:500;transition:all .2s;color:var(--text-secondary)!important}.nav-link:hover{background:var(--bg-secondary);color:var(--text)!important}.theme-toggle{cursor:pointer;background:0 0;border:none;border-radius:50%;margin-left:.25rem;padding:.4rem;font-size:1.1rem;line-height:1;transition:background .2s}.theme-toggle:hover{background:var(--bg-secondary)}.hamburger{cursor:pointer;z-index:110;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:.4rem;display:none}.hamburger-line{background:var(--text);border-radius:2px;width:20px;height:2px;transition:all .3s;display:block}.hamburger--active .hamburger-line:first-child{transform:rotate(45deg)translate(4px,4px)}.hamburger--active .hamburger-line:nth-child(2){opacity:0}.hamburger--active .hamburger-line:nth-child(3){transform:rotate(-45deg)translate(4px,-4px)}.nav-overlay{display:none}.footer{border-top:1px solid var(--border);margin-top:4rem}.footer-inner{max-width:var(--max-width);flex-direction:column;align-items:center;gap:1rem;margin:0 auto;padding:2rem 1.5rem;display:flex}.footer-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;display:flex}.rss-link{align-items:center;gap:.3rem;font-size:.85rem;display:inline-flex;color:var(--text-tertiary)!important}.rss-link:hover{color:#f26522!important}.social-links{gap:1rem;display:flex}.social-links a{transition:color .2s;display:flex;color:var(--text-tertiary)!important}.social-links a:hover{color:var(--text)!important}.copyright{color:var(--text-tertiary);font-size:.8rem}.page{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-title{letter-spacing:-.5px;margin-bottom:2rem;font-size:2rem;font-weight:700}.hero-section{border-bottom:1px solid var(--border);margin-bottom:2.5rem;padding:4rem 0 2.5rem}.hero-content{max-width:var(--content-max-width)}.hero-greeting{letter-spacing:-.5px;margin-bottom:1rem;font-size:2.5rem;font-weight:700;line-height:1.25}.hero-tagline{color:var(--text-secondary);max-width:600px;font-size:1.15rem;line-height:1.6}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-title{letter-spacing:-.3px;font-size:1.35rem;font-weight:600}.section-link{border-radius:999px;padding:.4rem .75rem;font-size:.88rem;font-weight:500;transition:background .2s;color:var(--accent)!important}.section-link:hover{background:var(--accent-light)}.posts-section{margin-bottom:2.5rem}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;display:grid}.grid-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);flex-direction:column;justify-content:space-between;padding:1.5rem;transition:all .2s;display:flex}.grid-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.grid-card-body{flex:1}.grid-card-tags{flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem;display:flex}.grid-card-title{margin-bottom:.5rem;font-size:1.1rem;font-weight:600;line-height:1.35}.grid-card-title a{color:var(--text)!important}.grid-card-title a:hover{color:var(--accent)!important}.grid-card-excerpt{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.grid-card-footer{color:var(--text-tertiary);border-top:1px solid var(--border);gap:.5rem;margin-top:1rem;padding-top:.75rem;font-size:.8rem;display:flex}.tags-section{margin-bottom:2.5rem}.tag-list{flex-wrap:wrap;gap:.6rem;display:flex}.tag-pill{background:var(--bg-secondary);border:1px solid var(--border);border-radius:999px;padding:.45rem 1rem;font-size:.88rem;font-weight:500;transition:all .2s;display:inline-block;color:var(--text-secondary)!important}.tag-pill:hover{border-color:var(--accent);background:var(--accent-light);color:var(--accent)!important}.cta-section{text-align:center;margin-bottom:2rem;padding:2rem 0}.cta-section p{color:var(--text-secondary);font-size:.95rem}.cta-section a{font-weight:500}.post-list{flex-direction:column;gap:1.5rem;display:flex}.post-card{border-bottom:1px solid var(--border);padding-bottom:1.5rem}.post-card:last-child{border-bottom:none}.post-card-title{margin-bottom:.5rem;font-size:1.3rem;font-weight:600;line-height:1.35}.post-card-title a{color:var(--text)!important}.post-card-title a:hover{color:var(--accent)!important}.post-card-meta{color:var(--text-secondary);gap:.5rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.reading-time:before{content:"·";margin-right:.5rem}.post-card-tags{flex-wrap:wrap;gap:.35rem;display:flex}.tag-badge{background:var(--tag-bg);border-radius:4px;padding:.15rem .5rem;font-size:.72rem;font-weight:500;transition:opacity .2s;display:inline-block;color:var(--tag-text)!important}.tag-badge:hover{opacity:.8}.breadcrumbs{color:var(--text-tertiary);max-width:var(--content-max-width);margin-bottom:1.5rem;font-size:.85rem}.breadcrumbs a{color:var(--text-tertiary)!important}.breadcrumbs a:hover{color:var(--accent)!important}.post-detail-page{max-width:var(--content-max-width);margin:0 auto}.post-detail-header{margin-bottom:2rem}.post-detail-title{letter-spacing:-.5px;margin-bottom:.75rem;font-size:2.2rem;font-weight:700;line-height:1.25}.post-detail-meta{color:var(--text-secondary);gap:.5rem;margin-bottom:.75rem;font-size:.88rem;display:flex}.post-detail-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;display:flex}.toc{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:2rem;overflow:hidden}.toc-toggle{cursor:pointer;width:100%;font-family:var(--font);color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:background .2s;display:flex}.toc-toggle:hover{background:var(--bg-card)}.toc-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);font-size:.85rem;font-weight:600}.toc-chevron{color:var(--text-tertiary);font-size:.7rem;transition:transform .2s}.toc--open .toc-chevron{transform:rotate(0)}.toc-collapse{max-height:0;transition:max-height .3s;overflow:hidden}.toc--open .toc-collapse{max-height:1000px}.toc-list{padding:0 1.25rem 1rem;list-style:none}.toc-item{margin-bottom:.3rem}.toc-item a{border-left:2px solid #0000;padding-left:.5rem;font-size:.88rem;transition:all .2s;color:var(--text-secondary)!important}.toc-item a:hover{color:var(--accent)!important}.toc-item--active a{border-left-color:var(--accent);font-weight:500;color:var(--accent)!important}.toc-level-2{padding-left:0}.toc-level-3{padding-left:1.25rem}.post-detail-content{font-size:1.05rem;line-height:1.8}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{letter-spacing:-.3px;margin-top:2rem;margin-bottom:.75rem;font-weight:600;line-height:1.3}.markdown-body h1{font-size:1.8rem}.markdown-body h2{font-size:1.5rem}.markdown-body h3{font-size:1.25rem}.markdown-body h4{font-size:1.1rem}.markdown-body p{margin-bottom:1.25rem}.markdown-body ul,.markdown-body ol{margin-bottom:1.25rem;padding-left:1.5rem}.markdown-body li{margin-bottom:.4rem}.markdown-body strong{font-weight:600}.markdown-body code{font-family:var(--font-mono);background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;padding:.15rem .4rem;font-size:.85rem}.markdown-body pre{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.5rem;padding:1.25rem;overflow-x:auto}.markdown-body pre code{background:0 0;border:none;padding:0;font-size:.85rem}.markdown-body a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.markdown-body blockquote{border-left:3px solid var(--accent);background:var(--bg-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:0 0 1.25rem;padding:.5rem 1rem}.markdown-body blockquote p:last-child{margin-bottom:0}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.post-image{border-radius:var(--radius-sm);max-width:100%;height:auto;margin:1rem 0;display:block}.heading-with-link{position:relative}.heading-link{opacity:0;border-radius:4px;padding:.1rem .3rem;font-size:1rem;transition:opacity .2s;position:absolute;top:50%;left:-1.5rem;transform:translateY(-50%);color:var(--accent)!important;text-decoration:none!important}.heading-with-link:hover .heading-link{opacity:1}.heading-link:hover{background:var(--accent-light)}.heading-copy-tooltip{background:var(--accent);color:#fff;white-space:nowrap;pointer-events:none;z-index:10;border-radius:4px;padding:.2rem .5rem;font-size:.72rem;animation:.2s fadeIn;position:absolute;top:-1.5rem;left:-1.5rem}.code-block-wrapper{margin-bottom:1.5rem;position:relative}.code-block-wrapper pre{margin-bottom:0}.copy-btn{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);opacity:0;z-index:5;border-radius:6px;padding:.3rem .5rem;font-size:.8rem;line-height:1;transition:opacity .2s,background .2s;position:absolute;top:.5rem;right:.5rem}.code-block-wrapper:hover .copy-btn{opacity:1}.copy-btn:hover{background:var(--accent-light);border-color:var(--accent)}.share-buttons{border-top:1px solid var(--border);gap:.75rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.share-btn{background:var(--bg-secondary);border:1px solid var(--border);font-size:.85rem;font-family:var(--font);cursor:pointer;border-radius:999px;align-items:center;padding:.5rem 1rem;transition:all .2s;display:inline-flex;color:var(--text-secondary)!important}.share-btn:hover{border-color:var(--accent);color:var(--accent)!important}.related-posts{border-top:1px solid var(--border);margin-top:2.5rem;padding-top:1.5rem}.related-posts-title{margin-bottom:1.25rem}.related-posts-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.related-post-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:all .2s;display:block}.related-post-card:hover{border-color:var(--accent);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.related-post-card-tags{gap:.35rem;margin-bottom:.5rem;display:flex}.related-post-card-title{color:var(--text);margin-bottom:.4rem;font-size:.95rem;font-weight:600;line-height:1.35}.related-post-card:hover .related-post-card-title{color:var(--accent)}.related-post-card-date{color:var(--text-tertiary);font-size:.8rem}.post-nav{border-top:1px solid var(--border);justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.post-nav-link{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;flex:1;gap:.3rem;padding:1rem;transition:border-color .2s;display:flex}.post-nav-link:hover{border-color:var(--accent)}.post-nav-prev{text-align:left}.post-nav-next{text-align:right}.post-nav-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.post-nav-title{color:var(--text);font-size:.95rem;font-weight:500}.pagination{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:.5rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.pagination-btn{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:.88rem;font-family:var(--font);color:var(--text);padding:.5rem 1rem;transition:all .2s}.pagination-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{gap:.25rem;display:flex}.pagination-page{border-radius:var(--radius-sm);cursor:pointer;width:2.2rem;height:2.2rem;font-size:.88rem;font-family:var(--font);color:var(--text);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:all .2s;display:flex}.pagination-page:hover{border-color:var(--border)}.pagination-page.active{background:var(--accent);color:#fff;border-color:var(--accent)}.search-page{max-width:var(--content-max-width);margin:0 auto}.search-wrapper,.search-input-wrapper{position:relative}.search-input{width:100%;font-size:1rem;font-family:var(--font);background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);border-radius:999px;outline:none;padding:.85rem 1.25rem;transition:border-color .2s}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text-tertiary)}.search-results{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow-hover);z-index:50;max-height:400px;margin-top:.5rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.search-result-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.85rem 1.25rem;transition:background .15s;display:flex;color:var(--text)!important}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--bg-secondary)}.search-result-title{flex:1;margin-right:1rem;font-size:.95rem;font-weight:500}.search-result-date{color:var(--text-tertiary);white-space:nowrap;font-size:.8rem}.search-result-empty{text-align:center;color:var(--text-tertiary);padding:2rem;font-size:.95rem}.archive-page{max-width:var(--content-max-width);margin:0 auto}.archive-year{margin-bottom:2rem}.archive-year-title{letter-spacing:-.3px;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.archive-list{list-style:none}.archive-item{border-bottom:1px solid var(--border);align-items:baseline;gap:1rem;padding:.5rem 0;display:flex}.archive-item:last-child{border-bottom:none}.archive-date{color:var(--text-tertiary);white-space:nowrap;min-width:85px;font-size:.85rem}.archive-link{font-size:1rem;font-weight:500;color:var(--text)!important}.archive-link:hover{color:var(--accent)!important}.tags-page{max-width:var(--content-max-width);margin:0 auto}.tags-cloud{flex-wrap:wrap;gap:.6rem;display:flex}.tag-cloud-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:999px;padding:.45rem 1rem;font-size:.88rem;font-weight:500;transition:all .2s;display:inline-block;color:var(--text-secondary)!important}.tag-cloud-item:hover{border-color:var(--accent);background:var(--accent-light);color:var(--accent)!important}.progress-bar{background:var(--accent);z-index:200;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.back-to-top{background:var(--accent);color:#fff;cursor:pointer;width:44px;height:44px;box-shadow:var(--card-shadow-hover);z-index:100;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;transition:all .2s;display:flex;position:fixed;bottom:2rem;right:2rem}.back-to-top:hover{background:var(--accent-hover);transform:translateY(-2px)}.lightbox-overlay{z-index:500;cursor:pointer;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}.lightbox-close{color:#fff;cursor:pointer;opacity:.7;z-index:510;background:0 0;border:none;font-size:2.5rem;line-height:1;transition:opacity .2s;position:absolute;top:1rem;right:1.5rem}.lightbox-close:hover{opacity:1}.lightbox-image{cursor:default;object-fit:contain;border-radius:8px;max-width:90%;max-height:90%}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:var(--bg-secondary);border-radius:var(--radius);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff14 50%,#0000 100%) 0 0/200% 100%;animation:1.5s infinite skeletonShimmer;position:absolute;inset:0}.skeleton-hero{height:120px;margin-bottom:2rem}.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;display:grid}.skeleton-card{flex-direction:column;gap:.75rem;height:220px;padding:1.5rem;display:flex}.skeleton-line{background:var(--border);border-radius:8px;width:100%;height:14px}.skeleton-line--short{width:40%}.skeleton-line--medium{width:70%}.skeleton-line--long{width:90%}.markdown-body h2,.markdown-body h3,.markdown-body h4{scroll-margin-top:5rem}.hljs{background:var(--bg-secondary);color:var(--text);padding:1em;display:block;overflow-x:auto}.hljs-keyword,.hljs-selector-tag,.hljs-title,.hljs-section,.hljs-doctag,.hljs-name,.hljs-strong{color:#d73a49}.hljs-comment{color:#6a737d;font-style:italic}.hljs-string,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-template-variable,.hljs-addition{color:#032f62}.hljs-number,.hljs-literal,.hljs-variable,.hljs-template-tag,.hljs-tag .hljs-attr{color:#005cc5}.hljs-built_in,.hljs-attr{color:#e36209}.hljs-type,.hljs-selector-class,.hljs-selector-id{color:#6f42c1}.hljs-regexp,.hljs-symbol,.hljs-variable.language_,.hljs-deletion{color:#e3116c}.hljs-meta{color:#586069}[data-theme=dark] .hljs-keyword,[data-theme=dark] .hljs-selector-tag,[data-theme=dark] .hljs-title,[data-theme=dark] .hljs-section,[data-theme=dark] .hljs-doctag,[data-theme=dark] .hljs-name,[data-theme=dark] .hljs-strong{color:#f97583}[data-theme=dark] .hljs-comment{color:#6a737d}[data-theme=dark] .hljs-string,[data-theme=dark] .hljs-title.class_,[data-theme=dark] .hljs-title.class_.inherited__,[data-theme=dark] .hljs-template-variable,[data-theme=dark] .hljs-addition{color:#9ecbff}[data-theme=dark] .hljs-number,[data-theme=dark] .hljs-literal,[data-theme=dark] .hljs-variable,[data-theme=dark] .hljs-template-tag,[data-theme=dark] .hljs-tag .hljs-attr{color:#79b8ff}[data-theme=dark] .hljs-built_in,[data-theme=dark] .hljs-attr{color:#ffab70}[data-theme=dark] .hljs-type,[data-theme=dark] .hljs-selector-class,[data-theme=dark] .hljs-selector-id{color:#b392f0}[data-theme=dark] .hljs-regexp,[data-theme=dark] .hljs-symbol,[data-theme=dark] .hljs-variable.language_,[data-theme=dark] .hljs-deletion{color:#ff6b9d}[data-theme=dark] .hljs-meta{color:#76e3ea}@media (width<=768px){.main{padding:0 1rem}.header-inner{padding:.6rem 1rem}.hamburger{display:flex}.nav{background:var(--bg);border-left:1px solid var(--border);z-index:105;flex-direction:column;align-items:flex-start;gap:.25rem;width:280px;height:100vh;padding:4.5rem 1.5rem 1.5rem;transition:right .3s;position:fixed;top:0;right:-280px;box-shadow:-4px 0 12px #0000001a}.nav--open{right:0}.nav-link{width:100%;padding:.6rem .75rem;font-size:1rem}.theme-toggle{margin-top:.5rem;margin-left:0;padding:.6rem}.nav-overlay{z-index:104;background:#0006;width:100%;height:100%;display:block;position:fixed;top:0;left:0}.hero-greeting{font-size:1.8rem}.hero-tagline{font-size:1rem}.posts-grid{grid-template-columns:1fr;gap:1rem}.related-posts-grid{grid-template-columns:1fr}.post-detail-title{font-size:1.5rem}.heading-link{font-size:.85rem;left:-1.2rem}.post-nav{flex-direction:column}.archive-item{flex-direction:column;gap:.2rem}.archive-date{min-width:auto}.search-result-item{flex-direction:column;align-items:flex-start;gap:.3rem}.back-to-top{width:40px;height:40px;bottom:1rem;right:1rem}.footer-inner{padding:1.5rem 1rem}}@media (width<=480px){.post-detail-header{margin-bottom:1.5rem}.share-buttons{flex-direction:column;gap:.5rem}.share-btn{justify-content:center;padding:.6rem 1rem}.skeleton-grid{grid-template-columns:1fr}}