*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{max-width:100%;overflow-x:hidden}:root{--bg: #0d1117;--surface: #161b22;--surface-2: #21262d;--border: #30363d;--text: #e6edf3;--text-muted: #8b949e;--accent: #58a6ff;--accent-green: #3fb950;--accent-orange: #f0883e;--radius: 8px}body{background-color:var(--bg);color:var(--text);font-family:'Inter', system-ui, sans-serif;font-size:16px;line-height:1.7;width:100%;max-width:100%;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none;transition:color 0.2s}a:hover{color:#79b8ff}img{max-width:100%;height:auto;display:block}.site-header{background:var(--surface);border-bottom:1px solid var(--border);padding:0 2rem;position:sticky;top:0;z-index:100;width:100%}.site-header .wrapper{display:flex;align-items:center;justify-content:space-between;height:60px;max-width:900px;margin:0 auto;position:relative}.site-title{font-family:'JetBrains Mono', monospace;font-weight:700;font-size:1.2rem;color:var(--text) !important;letter-spacing:-0.5px;text-decoration:none;white-space:nowrap}.site-title::before{content:"> ";color:var(--accent-green)}.site-nav{display:flex;align-items:center}.site-nav .page-link{font-family:'JetBrains Mono', monospace;font-size:0.85rem;color:var(--text-muted);margin-left:1.5rem;text-decoration:none;white-space:nowrap}.site-nav .page-link:hover{color:var(--text)}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:0.25rem;z-index:200}.nav-toggle span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:all 0.3s ease}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.page-content{max-width:900px;width:100%;margin:0 auto;padding:2rem 1.5rem;flex:1}.wrapper{max-width:900px;width:100%;margin:0 auto;padding:0 1.5rem}.post-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.25rem;padding:2rem 0}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:border-color 0.2s, transform 0.2s;min-width:0}.post-card:hover{border-color:var(--accent);transform:translateY(-2px)}.post-card .post-category{font-family:'JetBrains Mono', monospace;font-size:0.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--accent-green);margin-bottom:0.5rem}.post-card h2{font-family:'JetBrains Mono', monospace;font-size:1rem;margin:0 0 0.5rem;line-height:1.4;word-break:break-word}.post-card h2 a{color:var(--text);text-decoration:none}.post-card h2 a:hover{color:var(--accent)}.post-card .post-excerpt{font-size:0.85rem;color:var(--text-muted);line-height:1.6;word-break:break-word}.post-card .post-meta{font-family:'JetBrains Mono', monospace;font-size:0.75rem;color:var(--text-muted);margin-top:1rem;padding-top:0.75rem;border-top:1px solid var(--border)}.post-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.post-header .post-title{font-family:'JetBrains Mono', monospace;font-size:1.8rem;font-weight:700;line-height:1.3;color:var(--text);word-break:break-word}.post-header .post-meta{font-family:'JetBrains Mono', monospace;font-size:0.8rem;color:var(--text-muted);margin-top:0.5rem}.post-content{word-break:break-word;overflow-wrap:break-word}.post-content h1,.post-content h2,.post-content h3,.post-content h4{font-family:'JetBrains Mono', monospace;color:var(--text);margin-top:2rem;word-break:break-word;overflow-wrap:break-word}.post-content h2{font-size:1.4rem;border-bottom:1px solid var(--border);padding-bottom:0.4rem}.post-content h3{font-size:1.15rem;color:#e3b341}.post-content p{color:var(--text);line-height:1.8;word-break:break-word;overflow-wrap:break-word}.post-content a{color:var(--accent)}.post-content ul,.post-content ol{padding-left:1.5rem}.post-content ul li,.post-content ol li{margin-bottom:0.4rem;word-break:break-word;overflow-wrap:break-word}.post-content code{font-family:'JetBrains Mono', monospace;font-size:0.85em;background:var(--surface-2);border:1px solid var(--border);padding:2px 6px;border-radius:4px;color:var(--accent-orange);word-break:break-all}.highlight{background:#000000 !important;border:1px solid var(--border);border-radius:var(--radius);margin:1rem 0;max-width:100%;overflow-x:auto}.highlight pre{background:#000000 !important;padding:1.25rem;overflow-x:auto;margin:0;white-space:pre}.highlight code{background:none !important;border:none;padding:0;color:#00ff41;font-size:0.88rem;font-family:'JetBrains Mono', monospace;word-break:normal;overflow-wrap:normal}pre:not(.highlight){background:#000000;border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;overflow-x:auto;max-width:100%}pre:not(.highlight) code{background:none;border:none;padding:0;color:#00ff41;font-size:0.88rem;font-family:'JetBrains Mono', monospace}.post-content blockquote{border-left:3px solid var(--accent);margin:1.5rem 0;padding:0.75rem 1.25rem;background:var(--surface);border-radius:0 var(--radius) var(--radius) 0;color:var(--text-muted);font-style:italic;word-break:break-word}.post-content img{max-width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--border)}.post-content hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.post-content table{width:100%;border-collapse:collapse;font-size:0.9rem;display:block;overflow-x:auto}.post-content table th{background:var(--surface-2);color:var(--text);font-family:'JetBrains Mono', monospace;padding:0.6rem 1rem;border:1px solid var(--border);text-align:left;white-space:nowrap}.post-content table td{padding:0.6rem 1rem;border:1px solid var(--border);color:var(--text-muted)}.post-content table tr:hover td{background:var(--surface)}.social-icons{display:flex;gap:0.75rem;align-items:center}.social-icons a{color:var(--text-muted);transition:color 0.2s;display:flex;align-items:center}.social-icons a:hover{color:var(--accent)}.social-icons svg{width:20px;height:20px;fill:currentColor}.site-footer{background:var(--surface);border-top:1px solid var(--border);padding:2rem 1.5rem;margin-top:4rem;font-family:'JetBrains Mono', monospace;font-size:0.8rem;color:var(--text-muted);width:100%}.site-footer .footer-inner{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.post-meta-divider{margin:0 0.4rem;color:var(--border)}.reading-time{font-family:'JetBrains Mono', monospace;font-size:0.8rem;color:var(--accent-green)}.toc-wrapper{margin:1.5rem 0 2rem;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.toc-toggle{width:100%;background:var(--surface-2);color:var(--text);border:none;padding:0.75rem 1.25rem;font-family:'JetBrains Mono', monospace;font-size:0.85rem;text-align:left;cursor:pointer;display:flex;align-items:center;gap:0.5rem;transition:background 0.2s}.toc-toggle:hover{background:var(--border)}.toc-toggle-icon{font-size:0.7rem;color:var(--accent-green)}.toc{padding:1rem 1.25rem;background:var(--surface)}.toc ul{list-style:none;padding:0;margin:0}.toc ul li{margin-bottom:0.5rem}.toc ul li a{font-family:'JetBrains Mono', monospace;font-size:0.82rem;color:var(--text-muted);text-decoration:none;transition:color 0.2s}.toc ul li a:hover{color:var(--accent)}.code-block-wrapper{position:relative}.copy-btn{position:absolute;top:0.5rem;right:0.5rem;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:0.25rem 0.6rem;font-family:'JetBrains Mono', monospace;font-size:0.72rem;cursor:pointer;transition:background 0.2s, color 0.2s;z-index:10}.copy-btn:hover{background:var(--border);color:var(--text)}.copy-btn.copied{color:var(--accent-green);border-color:var(--accent-green)}.return-to-top{position:fixed;bottom:2rem;right:2rem;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);border-radius:50%;width:42px;height:42px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.3s, background 0.2s, color 0.2s;z-index:999}.return-to-top.visible{opacity:1;visibility:visible}.return-to-top:hover{background:var(--border);color:var(--accent)}.page-title{font-family:'JetBrains Mono', monospace;font-size:1.6rem;color:var(--text);margin-bottom:1.5rem;padding-bottom:0.75rem;border-bottom:1px solid var(--border)}.category-buttons{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:2rem}.cat-btn{background:var(--surface);color:var(--text-muted);border:1px solid var(--border);border-radius:20px;padding:0.35rem 1rem;font-family:'JetBrains Mono', monospace;font-size:0.78rem;cursor:pointer;transition:all 0.2s}.cat-btn:hover{border-color:var(--accent);color:var(--text)}.cat-btn.active{background:var(--accent);color:#0d1117;border-color:var(--accent);font-weight:600}.search-wrapper{position:relative;margin-left:1.5rem;display:flex;align-items:center}.search-input{background:var(--surface-2);border:1px solid var(--border);border-radius:20px;padding:0.3rem 1rem;font-family:'JetBrains Mono', monospace;font-size:0.78rem;color:var(--text);width:180px;transition:border-color 0.2s, width 0.3s;outline:none}.search-input:focus{border-color:var(--accent);width:240px}.search-input::placeholder{color:var(--text-muted)}.search-results{position:absolute;top:calc(100% + 0.5rem);right:0;width:320px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);z-index:1000;display:none;max-height:400px;overflow-y:auto}.search-results.active{display:block}.search-result-item{padding:0.75rem 1rem;border-bottom:1px solid var(--border);text-decoration:none;display:block;transition:background 0.2s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--surface-2)}.search-result-title{font-family:'JetBrains Mono', monospace;font-size:0.85rem;color:var(--text);margin-bottom:0.25rem}.search-result-excerpt{font-size:0.78rem;color:var(--text-muted);line-height:1.4}.search-no-results{padding:1rem;font-family:'JetBrains Mono', monospace;font-size:0.82rem;color:var(--text-muted);text-align:center}.related-posts{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.related-posts-title{font-family:'JetBrains Mono', monospace;font-size:1rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:1.25rem}.related-posts-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem}.related-post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;text-decoration:none;transition:border-color 0.2s, transform 0.2s;display:block}.related-post-card:hover{border-color:var(--accent);transform:translateY(-2px)}.related-post-title{font-family:'JetBrains Mono', monospace;font-size:0.88rem;color:var(--text);line-height:1.4;margin:0.3rem 0 0.5rem;word-break:break-word}.share-section{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.share-buttons{display:flex;flex-wrap:wrap;gap:0.75rem}.share-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1.1rem;border-radius:20px;font-family:'JetBrains Mono', monospace;font-size:0.8rem;font-weight:500;cursor:pointer;text-decoration:none;border:1px solid var(--border);transition:all 0.2s}.share-btn svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}.share-twitter{background:var(--surface);color:var(--text-muted)}.share-twitter:hover{background:#1a1a2e;border-color:#1d9bf0;color:#1d9bf0}.share-whatsapp{background:var(--surface);color:var(--text-muted)}.share-whatsapp:hover{background:#1a2e1a;border-color:#25d366;color:#25d366}.share-copy{background:var(--surface);color:var(--text-muted)}.share-copy:hover{background:var(--surface-2);border-color:var(--accent);color:var(--accent)}.share-copy.copied{border-color:var(--accent-green);color:var(--accent-green)}.giscus-wrapper{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.giscus-wrapper .related-posts-title{margin-bottom:0.5rem}.giscus-note{font-size:0.82rem;color:var(--text-muted);margin-bottom:1.25rem;font-family:'JetBrains Mono', monospace}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 1.5rem;min-height:60vh}.error-code{font-family:'JetBrains Mono', monospace;font-size:8rem;font-weight:700;color:var(--border);line-height:1;margin-bottom:1.5rem}.error-terminal{background:#000000;border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.5rem;margin-bottom:2rem;text-align:left;width:100%;max-width:500px;font-family:'JetBrains Mono', monospace;font-size:0.85rem}.error-prompt{color:var(--accent-green)}.error-command{color:var(--text)}.error-output{color:#ff6b6b;margin-top:0.5rem}.error-title{font-family:'JetBrains Mono', monospace;font-size:1.8rem;color:var(--text);margin-bottom:0.75rem}.error-message{color:var(--text-muted);font-size:1rem;margin-bottom:2rem;max-width:400px}.error-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.error-btn{font-family:'JetBrains Mono', monospace;font-size:0.85rem;padding:0.6rem 1.25rem;border-radius:6px;text-decoration:none;transition:all 0.2s}.error-btn-primary{background:var(--accent);color:#0d1117;border:1px solid var(--accent)}.error-btn-primary:hover{background:#79b8ff;border-color:#79b8ff;color:#0d1117}.error-btn-secondary{background:var(--surface);color:var(--text-muted);border:1px solid var(--border)}.error-btn-secondary:hover{border-color:var(--accent);color:var(--accent)}@media (max-width: 600px){.error-code{font-size:5rem}.error-title{font-size:1.4rem}.error-actions{flex-direction:column;align-items:center}}.newsletter-wrapper{margin-top:3rem;padding:2rem;background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius)}.newsletter-inner{max-width:100%}.newsletter-title{font-family:'JetBrains Mono', monospace;font-size:1.1rem;color:var(--text);margin-bottom:0.4rem;text-transform:uppercase;letter-spacing:1px}.newsletter-desc{font-size:0.88rem;color:var(--text-muted);margin-bottom:1.25rem}.newsletter-form{display:flex;flex-direction:column;gap:0.5rem;max-width:480px}.newsletter-input{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:0.6rem 1rem;font-family:'JetBrains Mono', monospace;font-size:0.85rem;color:var(--text);outline:none;transition:border-color 0.2s;width:100%}.newsletter-input:focus{border-color:var(--accent)}.newsletter-input::placeholder{color:var(--text-muted)}.newsletter-btn{background:var(--accent);color:#0d1117;border:none;border-radius:6px;padding:0.6rem 1.5rem;font-family:'JetBrains Mono', monospace;font-size:0.85rem;font-weight:700;cursor:pointer;transition:background 0.2s;width:fit-content}.newsletter-btn:hover{background:#79b8ff}.newsletter-success{font-family:'JetBrains Mono', monospace;font-size:0.85rem;color:var(--accent-green);margin-top:0.75rem}.newsletter-error{font-family:'JetBrains Mono', monospace;font-size:0.85rem;color:#ff6b6b;margin-top:0.75rem}@media (max-width: 600px){.newsletter-wrapper{padding:1.5rem 1rem}.newsletter-btn{width:100%}}@media (min-width: 601px) and (max-width: 900px){.post-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 600px){.nav-toggle{display:flex}.site-nav{display:none;flex-direction:column;align-items:flex-start;position:absolute;top:60px;left:-2rem;right:-2rem;background:var(--surface);border-bottom:1px solid var(--border);padding:1rem 1.5rem;gap:0.75rem;z-index:99}.site-nav.open{display:flex}.site-nav .page-link{margin-left:0;font-size:0.9rem}.search-wrapper{margin-left:0;width:100%}.search-input{width:100%}.search-input:focus{width:100%}.search-results{width:100%;right:0;left:0}.site-header{padding:0 1rem}.site-header .wrapper{flex-direction:row;justify-content:space-between;align-items:center;height:56px}.site-title{font-size:1rem}.page-content{padding:1.25rem 1rem;width:100%}.post-grid{grid-template-columns:1fr}.post-header .post-title{font-size:1.2rem}.post-content h2{font-size:1.1rem}.post-content h3{font-size:1rem}.site-footer{padding:1.5rem 1rem}.site-footer .footer-inner{flex-direction:column;align-items:flex-start;gap:0.75rem}.related-posts-grid{grid-template-columns:1fr}.share-buttons{gap:0.5rem}.share-btn{font-size:0.75rem;padding:0.4rem 0.85rem}}