:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--navbar-height:70px;--bg-main:#121216;--bg-surface:#090d16;--bg-card:#0f172a;--bg-hover:#ffffff0d;--border-color:#1e293b;--text-primary:#faf8f5;--text-secondary:#94a3b8;--accent-color:#cd5c3e;--accent-hover:#cd5c3e;--bg-navbar:#030712cc;--bg-glow-gradient:radial-gradient(circle, #cd5c3e14 0%, #03071200 70%);--blog-max-width:800px;--sidebar-width:260px}html[data-theme=light]{--bg-main:#faf8f5;--bg-surface:#fff;--bg-card:#f1f5f9;--bg-hover:#0000000a;--border-color:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--accent-color:#cd5c3e;--accent-hover:#4338ca;--bg-navbar:#fffc;--bg-glow-gradient:radial-gradient(circle, #cd5c3e0a 0%, #f8fafc00 70%)}*{box-sizing:border-box;margin:0;padding:0}.breadcrumb-nav{margin-bottom:1rem}.breadcrumb-list{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;font-size:.8rem;list-style:none;display:flex}.breadcrumb-item a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.breadcrumb-item a:hover{color:var(--accent-color)}.breadcrumb-item.active{color:var(--text-primary);font-weight:500}.breadcrumb-separator{color:var(--text-secondary);opacity:.5;font-size:.75rem}body.blog-body{background-color:var(--bg-main);color:var(--text-secondary);font-family:var(--font-sans);padding-top:var(--navbar-height);line-height:1.6;height:auto!important;overflow:auto!important}.bg-glow{background:var(--bg-glow-gradient);z-index:-1;pointer-events:none;width:800px;height:500px;position:fixed;top:-200px;left:50%;transform:translate(-50%)}.hidden{display:none!important}.navbar{height:var(--navbar-height);border-bottom:1px solid var(--border-color);background:var(--bg-navbar);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;align-items:center;width:100%;display:flex;position:fixed;top:0;left:0}.navbar .container{justify-content:space-between;align-items:center;width:100%;max-width:1300px;height:100%;margin:0 auto;padding:0 1.5rem;display:flex}.brand{color:var(--text-primary);align-items:center;gap:.75rem;text-decoration:none;display:flex}.brand-icon{width:20px;height:20px;color:var(--accent-color)}.brand-text{font-size:1.1rem;font-weight:700}.brand-tld{color:var(--accent-color)}.nav-links{align-items:center;gap:1rem;display:flex}.theme-toggle-btn{background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:50%;outline:none;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.theme-toggle-btn:hover{border-color:var(--accent-color);transform:scale(1.05)}.social-link{color:var(--text-secondary);align-items:center;transition:color .2s;display:flex}.social-link:hover{color:var(--text-primary)}.social-link svg{width:20px;height:20px}.btn{cursor:pointer;border:1px solid #0000;border-radius:.375rem;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent-color);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-full{width:100%}.reading-progress-track{z-index:999;background:0 0;width:100%;height:4px;position:fixed;top:0;left:0}.reading-progress-fill{background:var(--accent-color);width:0%;height:100%;transition:width .1s ease-out}.blog-container{max-width:1300px;margin:2rem auto;padding:0 1.5rem 5rem}.blog-feed-title{text-align:center;color:var(--text-primary);margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.blog-feed-subtitle{text-align:center;color:var(--text-secondary);max-width:600px;margin:0 auto 3rem;font-size:1rem}.blog-filters{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}@media (width>=768px){.blog-filters{flex-direction:row;justify-content:space-between;align-items:center}}.category-pills{flex-wrap:wrap;gap:.75rem;display:flex}.pill-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:9999px;outline:none;padding:.35rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.pill-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-color)}.pill-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.search-box{width:100%;max-width:300px;position:relative}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input{background:var(--bg-surface);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:9999px;outline:none;padding:.65rem 1rem .65rem 2.5rem;font-family:inherit;font-size:.85rem;transition:all .2s}.search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #cd5c3e33}.no-results-msg{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:3rem;font-size:1.1rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem;display:grid}.blog-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:1rem;flex-direction:column;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--accent-color);transform:translateY(-4px)}.blog-card-image{background:linear-gradient(135deg, var(--bg-card) 0%, var(--bg-hover) 100%);width:100%;height:200px;color:var(--text-secondary);border-bottom:1px solid var(--border-color);justify-content:center;align-items:center;display:flex}.blog-card-content{flex-direction:column;flex-grow:1;gap:.75rem;padding:1.5rem;display:flex}.blog-card-meta{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:.75rem;display:flex}.blog-category-badge{color:var(--accent-color);background:#cd5c3e1a;border-radius:.375rem;padding:.25rem .5rem;font-weight:600}.blog-card-title{color:var(--text-primary);font-size:1.2rem;font-weight:700;line-height:1.4}.blog-card-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.blog-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.blog-read-more{color:var(--accent-color);align-items:center;gap:.25rem;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.article-layout{gap:2.5rem;display:flex;position:relative}.article-sidebar-left{width:var(--sidebar-width);flex-shrink:0}.toc-box{top:calc(var(--navbar-height) + 2rem);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:1rem;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;position:sticky}.toc-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);font-size:.85rem;font-weight:700}.toc-links{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.toc-link{color:var(--text-secondary);font-size:.825rem;text-decoration:none;transition:color .15s;display:block}.toc-link:hover,.toc-link.active{color:var(--accent-color)}.article-sidebar-right{width:var(--sidebar-width);flex-shrink:0}.widget-box{top:calc(var(--navbar-height) + 2rem);flex-direction:column;gap:1.5rem;display:flex;position:sticky}.tool-promo-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:1rem;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.tool-promo-badge{text-transform:uppercase;color:var(--accent-color);font-size:.7rem;font-weight:700}.tool-promo-title{color:var(--text-primary);font-size:1rem;font-weight:700}.tool-promo-desc{color:var(--text-secondary);font-size:.8rem;line-height:1.4}.article-main{max-width:var(--blog-max-width);flex-grow:1;min-width:0}.article-header{flex-direction:column;gap:1rem;margin-bottom:2.5rem;display:flex}.article-title{color:var(--text-primary);font-size:2.25rem;font-weight:800;line-height:1.25}.article-meta-info{color:var(--text-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:1.5rem;padding-bottom:1.5rem;font-size:.85rem;display:flex}.article-author{align-items:center;gap:.5rem;display:flex}.author-avatar{background:var(--bg-hover);width:28px;height:28px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.article-content{color:var(--text-primary);font-size:1.05rem;line-height:1.75}.article-content p{margin-bottom:1.5rem}.article-content h2{color:var(--text-primary);scroll-margin-top:calc(var(--navbar-height) + 1rem);margin-top:2.5rem;margin-bottom:1rem;font-size:1.6rem;font-weight:700}.article-content h3{color:var(--text-primary);scroll-margin-top:calc(var(--navbar-height) + 1rem);margin-top:2rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.article-content ul,.article-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.article-content li{margin-bottom:.5rem}.article-content blockquote{border-left:4px solid var(--accent-color);background:var(--bg-hover);color:var(--text-secondary);border-radius:0 .5rem .5rem 0;margin:1.5rem 0;padding:1rem 1.5rem;font-style:italic}.article-content img{border:1px solid var(--border-color);border-radius:.75rem;width:100%;max-width:100%;margin:2.5rem 0 1.5rem}.article-content h4{color:var(--text-primary);scroll-margin-top:calc(var(--navbar-height) + 1rem);margin-top:2rem;margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.article-content pre{background:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;margin:1.5rem 0;padding:1.25rem;overflow-x:auto}.article-content code{color:var(--accent-color);background:var(--bg-hover);border-radius:.25rem;padding:.125rem .375rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.85rem}.article-content pre code{color:var(--text-primary);background:0 0;border-radius:0;padding:0;font-size:.825rem;line-height:1.5;display:block}.responsive-table-wrapper{border:1px solid var(--border-color);border-radius:.75rem;width:100%;margin:2rem 0;overflow-x:auto}.article-content table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.article-content th{background:var(--bg-card);color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:.75rem 1rem;font-weight:600}.article-content td{color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:.75rem 1rem}.article-content tr:last-child td{border-bottom:none}.article-content tr:nth-child(2n){background:var(--bg-hover)}.article-content figure{flex-direction:column;align-items:center;gap:.5rem;margin:2rem 0;display:flex}.article-content figcaption{color:var(--text-secondary);text-align:center;font-size:.8rem;font-style:italic}.footer{border-top:1px solid var(--border-color);text-align:center;width:100%;padding:2rem 0}.footer p{color:var(--text-secondary);font-size:.85rem}.footer a{color:var(--text-secondary);margin:0 .25rem;text-decoration:none;transition:color .15s}.footer a:hover{color:var(--text-primary)}@media (width<=1200px){.article-sidebar-right{display:none}}@media (width<=900px){.article-layout{flex-direction:column}.article-sidebar-left{width:100%}.toc-box{position:static}.blog-grid{grid-template-columns:1fr}}