.blog-page{background:var(--bg);min-height:100vh;color:var(--text)}.blog-nav{z-index:1000;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);align-items:center;gap:1rem;padding:1rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.blog-nav-logo{font-family:var(--font-space-mono),monospace;color:var(--text);font-size:1.1rem;font-weight:700;text-decoration:none}.blog-nav-logo span{color:var(--accent)}.blog-nav-title{font-family:var(--font-space-mono),monospace;color:var(--text-dim);font-size:.85rem}.blog-container{width:80%;margin:0 auto;padding:6rem 0 4rem}.blog-article{background:var(--card-bg);border:1px solid var(--card-border);box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word;border-radius:12px;max-width:none;margin-bottom:3rem;padding:3rem}.blog-header{margin-bottom:3rem}.blog-header h1{margin-bottom:1rem;font-size:2.5rem;font-weight:700}.blog-subtitle{color:var(--text-dim);font-size:1.1rem;line-height:1.6}.message-link,.message-link-btn{background:var(--btn-bg);border:1px solid var(--card-border);color:var(--text);font-family:var(--font-space-mono),monospace;cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.message-link:hover,.message-link-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.blog-grid{flex-direction:column;gap:1.5rem;display:flex}.blog-card{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text);border-radius:12px;padding:1.5rem;text-decoration:none;transition:all .3s;display:block}.blog-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.blog-card-meta{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.blog-card-date{font-family:var(--font-space-mono),monospace;color:var(--text-dim);font-size:.75rem}.blog-card-tags{flex-wrap:wrap;gap:.5rem;display:flex}.blog-tag{font-family:var(--font-space-mono),monospace;background:var(--btn-bg);border:1px solid var(--card-border);color:var(--accent);border-radius:100px;padding:.2rem .5rem;font-size:.65rem}.blog-card-title{margin-bottom:.5rem;font-size:1.3rem;font-weight:600;line-height:1.3}.blog-card-excerpt{color:var(--text-dim);margin-bottom:.75rem;font-size:.9rem;line-height:1.6}.blog-card-read{font-family:var(--font-space-mono),monospace;color:var(--accent);font-size:.8rem}.back-link{font-family:var(--font-space-mono),monospace;color:var(--accent);margin-bottom:2rem;font-size:.85rem;text-decoration:none;transition:opacity .3s;display:inline-block}.back-link:hover{opacity:.7}.blog-post-header{border-bottom:1px solid var(--card-border);margin-bottom:3rem;padding-bottom:2rem}.blog-post-meta{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.blog-post-title{font-size:2.5rem;font-weight:700;line-height:1.2}.blog-post-footer{border-top:1px solid var(--card-border);margin-top:4rem;padding-top:2rem}.markdown-body{color:var(--text);-webkit-user-select:none;user-select:none;pointer-events:none;font-size:1rem;line-height:1.8}.markdown-body a{pointer-events:auto}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:2rem;margin-bottom:1rem;font-weight:600;line-height:1.3}.markdown-body h1{font-size:2rem}.markdown-body h2{border-bottom:1px solid var(--card-border);padding-bottom:.5rem;font-size:1.6rem}.markdown-body h3{font-size:1.3rem}.markdown-body p{margin-bottom:1rem}.markdown-body a{color:var(--accent);text-decoration:underline}.markdown-body a:hover{opacity:.8}.markdown-body ul,.markdown-body ol{margin-bottom:1rem;padding-left:2rem}.markdown-body li{margin-bottom:.5rem}.markdown-body blockquote{border-left:3px solid var(--accent);background:var(--card-bg);color:var(--text-dim);border-radius:0 8px 8px 0;margin:1.5rem 0;padding:.5rem 1rem;font-style:italic}.markdown-body code{font-family:var(--font-space-mono),monospace;background:var(--card-bg);border:1px solid var(--card-border);border-radius:4px;padding:.15rem .4rem;font-size:.85em}.markdown-body pre{background:var(--terminal-bg);border:1px solid var(--card-border);border-radius:8px;margin:1.5rem 0;padding:1rem;line-height:1.55;position:relative;overflow-x:auto}.markdown-body pre code{white-space:pre;tab-size:4;color:var(--text);background:0 0;border:none;padding:0;font-size:.8rem;line-height:1.55;display:block}.markdown-body pre[data-lang]:before{content:attr(data-lang);font-family:var(--font-space-mono),monospace;color:var(--text-dim);text-transform:lowercase;font-size:.65rem;position:absolute;top:.45rem;right:5.2rem}.markdown-body .code-copy{font-family:var(--font-space-mono),monospace;color:var(--text-dim);background:var(--card-bg);border:1px solid var(--card-border);cursor:pointer;opacity:.8;border-radius:6px;padding:.2rem .55rem;font-size:.68rem;position:absolute;top:.35rem;right:.4rem}.markdown-body .code-copy:hover{color:var(--accent);border-color:var(--accent);opacity:1}.markdown-body pre:has(.code-copy){padding-top:2rem}.markdown-body .hljs-comment,.markdown-body .hljs-quote{color:#8a8f98;font-style:italic}.markdown-body .hljs-keyword,.markdown-body .hljs-built_in,.markdown-body .hljs-selector-tag{color:#c678dd}.markdown-body .hljs-string,.markdown-body .hljs-attr+.hljs-string{color:#98c379}.markdown-body .hljs-number,.markdown-body .hljs-literal{color:#d19a66}.markdown-body .hljs-title,.markdown-body .hljs-title.function_,.markdown-body .hljs-function .hljs-title{color:#61afef}.markdown-body .hljs-attr,.markdown-body .hljs-variable,.markdown-body .hljs-params{color:#e5c07b}.markdown-body .hljs-meta,.markdown-body .hljs-symbol{color:#56b6c2}[data-theme=light] .markdown-body .hljs-keyword,[data-theme=light] .markdown-body .hljs-built_in,[data-theme=pixel] .markdown-body .hljs-keyword,[data-theme=pixel] .markdown-body .hljs-built_in{color:#a626a4}[data-theme=light] .markdown-body .hljs-string,[data-theme=pixel] .markdown-body .hljs-string{color:#3b8a2a}[data-theme=light] .markdown-body .hljs-number,[data-theme=light] .markdown-body .hljs-literal,[data-theme=pixel] .markdown-body .hljs-number,[data-theme=pixel] .markdown-body .hljs-literal{color:#b76b01}[data-theme=light] .markdown-body .hljs-title,[data-theme=light] .markdown-body .hljs-title.function_,[data-theme=pixel] .markdown-body .hljs-title,[data-theme=pixel] .markdown-body .hljs-title.function_{color:#2f6fd0}[data-theme=light] .markdown-body .hljs-attr,[data-theme=light] .markdown-body .hljs-variable,[data-theme=light] .markdown-body .hljs-params,[data-theme=pixel] .markdown-body .hljs-attr,[data-theme=pixel] .markdown-body .hljs-variable,[data-theme=pixel] .markdown-body .hljs-params{color:#986801}[data-theme=light] .markdown-body .hljs-comment,[data-theme=pixel] .markdown-body .hljs-comment{color:#7a7680}.markdown-body img{border:1px solid var(--card-border);border-radius:8px;max-width:100%;margin:1.5rem 0}.markdown-body table{border-collapse:collapse;width:100%;margin:1.5rem 0}.markdown-body th,.markdown-body td{border:1px solid var(--card-border);text-align:left;padding:.5rem 1rem}.markdown-body th{background:var(--card-bg);font-weight:600}.markdown-body hr{border:none;border-top:1px solid var(--card-border);margin:2rem 0}.blog-loading{min-height:60vh;font-family:var(--font-space-mono),monospace;color:var(--accent);justify-content:center;align-items:center;gap:.5rem;display:flex}.loading-dots span{animation:1.5s infinite dotPulse}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{opacity:0}50%{opacity:1}}.blog-empty{text-align:center;color:var(--text-dim);font-family:var(--font-space-mono),monospace;padding:4rem 0}.blog-empty pre{margin-bottom:2rem;font-size:.9rem}@media (max-width:768px){.blog-container{width:95%;padding:5rem 0 3rem}.blog-article{padding:1.5rem}.blog-header h1,.blog-post-title{font-size:1.8rem}}.blog-engagement{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:12px;margin-top:4rem;padding:2rem}.blog-engagement h3{color:var(--text);margin-bottom:1rem;font-size:1.2rem}.upvote-container{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2rem;display:flex}.upvote-btn{border:2px solid var(--accent);color:var(--accent);font-family:var(--font-space-mono),monospace;cursor:pointer;background:0 0;border-radius:100px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.upvote-btn:hover:not(:disabled){background:var(--accent);color:var(--bg);box-shadow:0 0 20px var(--accent-alpha)}.upvote-btn:disabled{opacity:.6;cursor:not-allowed;border-color:var(--text-dim);color:var(--text-dim)}.upvote-btn.active{background:var(--accent);color:var(--bg)}.upvote-count{font-family:var(--font-space-mono),monospace;color:var(--text-dim);font-size:.9rem}.creator-section{border-top:1px solid var(--card-border);padding-top:1.5rem}.creator-section p{color:var(--text-dim);margin-bottom:1.25rem;font-size:.9rem}.message-link{background:var(--accent);color:var(--bg);border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-weight:600;text-decoration:none;transition:opacity .3s;display:inline-flex}.message-link:hover{opacity:.9}.blog-gallery{border-top:1px solid var(--card-border);margin-top:3rem;padding-top:2rem}.blog-gallery-title{color:var(--text-dim);font-size:1.1rem;font-weight:600;font-family:var(--font-space-mono),monospace;margin-bottom:1rem}.blog-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;display:grid}.blog-gallery-item{all:unset;cursor:pointer;aspect-ratio:4/3;border:1px solid var(--card-border);border-radius:8px;transition:border-color .2s,transform .2s;display:block;overflow:hidden}.blog-gallery-item:hover{border-color:var(--accent);transform:scale(1.02)}.blog-gallery-item img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.blog-lightbox{z-index:3000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000eb;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.blog-lightbox img{object-fit:contain;border:1px solid var(--card-border);pointer-events:auto;border-radius:8px;max-width:90vw;max-height:90vh}.blog-lightbox-close{border:1px solid var(--card-border);color:#fff;cursor:pointer;z-index:1;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1rem;display:flex;position:fixed;top:1.25rem;right:1.25rem}@media (max-width:768px){.blog-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}