*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark:#0a0a0f;--bg-panel:#12121a;--bg-panel-hover:#1a1a25;--border-tech:#2a2a3a;--border-glow:#7a4a9b;--text-primary:#c8ccd4;--text-muted:#6a6a7a;--accent-blue:#4a9eff;--accent-cyan:#ff44aa;--font-mono:'Share Tech Mono', 'SF Mono', Monaco, monospace;--font-sans:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;--max-width:900px;--spacing:1.5rem}html{font-size:17px;line-height:1.7;overscroll-behavior:none}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-dark);min-height:100vh;position:relative;display:flex;flex-direction:column}.bg-grid{position:fixed;inset:0;pointer-events:none;z-index:0;background-color:#050508;background-image:linear-gradient( rgba(42,42,58,.3) 1px,transparent 1px ),linear-gradient( 90deg,rgba(42,42,58,.3) 1px,transparent 1px ),url(/images/bg-metalheart.jpg);background-size:50px 50px,50px 50px,auto;background-repeat:repeat}body::after{content:"";position:fixed;inset:0;background:repeating-linear-gradient( transparent 0,transparent 2px,rgba(0,0,0,5%) 2px,rgba(0,0,0,5%) 4px );pointer-events:none;z-index:9999}a{color:var(--accent-cyan);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-blue);text-decoration:underline}img{max-width:100%;height:auto}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing)}.panel{background:var(--bg-panel);border:1px solid var(--border-tech);position:relative;box-shadow:inset 0 1px rgba(255,255,255,3%),0 0 30px rgba(0,0,0,.5)}.panel::before{content:"";position:absolute;top:-1px;left:-1px;width:20px;height:20px;border-top:2px solid var(--border-glow);border-left:2px solid var(--border-glow)}.panel::after{content:"";position:absolute;bottom:-1px;right:-1px;width:20px;height:20px;border-bottom:2px solid var(--border-glow);border-right:2px solid var(--border-glow)}.post.panel{padding:calc(var(--spacing) * 2);margin-top:calc(var(--spacing) * 2);margin-bottom:calc(var(--spacing) * 2)}.site-header{padding:var(--spacing)0;border-bottom:1px solid var(--border-tech);background:linear-gradient(180deg,var(--bg-panel) 0%,var(--bg-dark) 100%);position:relative;z-index:1}.site-header .container{display:flex;justify-content:space-between;align-items:center}.site-title{font-family:var(--font-mono);font-size:1.25rem;font-weight:400;color:var(--text-primary);letter-spacing:.05em}.site-title::before{content:"//";color:var(--accent-cyan);margin-right:.5rem}.site-title:hover{color:var(--accent-cyan);text-decoration:none}.site-nav{font-family:var(--font-mono);font-size:.875rem;text-transform:uppercase;letter-spacing:.1em}.site-nav a{color:var(--text-muted);margin-left:.5rem;padding:.25rem .5rem;transition:all .2s ease}.site-nav a::before{content:"[";color:var(--border-tech);transition:color .2s ease}.site-nav a::after{content:"]";color:var(--border-tech);transition:color .2s ease}.site-nav a:hover,.site-nav a.active{color:var(--accent-cyan);text-decoration:none;text-shadow:0 0 10px rgba(0,212,255,.5)}.site-nav a:hover::before,.site-nav a:hover::after,.site-nav a.active::before,.site-nav a.active::after{color:var(--accent-cyan)}main{padding:calc(var(--spacing) * 2)0;position:relative;z-index:1;flex:1}.post-header{margin-bottom:calc(var(--spacing) * 2);padding-bottom:var(--spacing);border-bottom:1px solid var(--border-tech)}.post-title{font-family:var(--font-mono);font-size:1.75rem;line-height:1.3;margin-bottom:.75rem;color:var(--text-primary)}.post-title::before{content:"> ";color:var(--accent-cyan)}.post-meta{font-family:var(--font-mono);color:var(--text-muted);font-size:.8rem;letter-spacing:.05em}.post-meta time{color:var(--accent-blue)}.reading-time::before{content:" // ";color:var(--border-tech)}.post-content{margin-bottom:calc(var(--spacing) * 2)}.post-content h2,.post-content h3,.post-content h4{font-family:var(--font-mono);margin-top:calc(var(--spacing) * 2);margin-bottom:var(--spacing);color:var(--text-primary)}.post-content h2::before{content:"## ";color:var(--accent-cyan)}.post-content h3::before{content:"### ";color:var(--accent-blue)}.post-content p,.post-content ul,.post-content ol{margin-bottom:var(--spacing)}.post-content ul,.post-content ol{padding-left:1.5rem}.post-content li{margin-bottom:.5rem}.post-content li::marker{color:var(--accent-cyan)}.post-content pre{background:var(--bg-panel);border:1px solid var(--border-tech);padding:var(--spacing);overflow-x:auto;margin-bottom:var(--spacing);position:relative}.post-content pre::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-blue),var(--accent-cyan))}.post-content code{font-family:var(--font-mono);font-size:.875em}.post-content p>code{background:var(--bg-panel);padding:.2em .4em;border:1px solid var(--border-tech);color:var(--accent-cyan)}.post-content blockquote{border-left:3px solid var(--accent-cyan);padding-left:var(--spacing);color:var(--text-muted);margin-bottom:var(--spacing);background:var(--bg-panel);padding:var(--spacing);border-top:1px solid var(--border-tech);border-right:1px solid var(--border-tech);border-bottom:1px solid var(--border-tech)}.post-tags{padding-top:var(--spacing);border-top:1px solid var(--border-tech);font-family:var(--font-mono);font-size:.8rem}.post-tags::before{content:"TAGS: ";color:var(--text-muted)}.tag{display:inline-block;color:var(--accent-blue);margin-right:.25rem}.tag::before{content:"#";color:var(--accent-cyan)}.tag+.tag::before{content:" // #"}.page-header{margin-bottom:calc(var(--spacing) * 2);padding-bottom:var(--spacing);border-bottom:1px solid var(--border-tech)}.page-header h1{font-family:var(--font-mono);font-size:1.5rem;color:var(--text-primary)}.page-header h1::before{content:"// ";color:var(--accent-cyan)}.post-list{margin-top:calc(var(--spacing) * 2)}.post-preview{margin-bottom:calc(var(--spacing) * 1.5);padding:var(--spacing);background:var(--bg-panel);border:1px solid var(--border-tech);transition:all .2s ease;position:relative}.post-preview::before{content:"";position:absolute;top:-1px;left:-1px;width:20px;height:20px;border-top:2px solid var(--border-glow);border-left:2px solid var(--border-glow);transition:border-color .2s ease}.post-preview::after{content:"";position:absolute;bottom:-1px;right:-1px;width:20px;height:20px;border-bottom:2px solid var(--border-glow);border-right:2px solid var(--border-glow);transition:border-color .2s ease}.post-preview:hover::before,.post-preview:hover::after{border-color:var(--accent-cyan)}.post-preview:hover{background:var(--bg-panel-hover);border-color:var(--border-glow)}.post-preview-title{font-family:var(--font-mono);font-size:1.1rem;margin-bottom:.5rem}.post-preview-title a{color:var(--text-primary)}.post-preview-title a::before{content:"> ";color:var(--accent-cyan)}.post-preview-title a:hover{color:var(--accent-cyan);text-decoration:none}.post-preview .post-meta{margin-bottom:.5rem}.post-preview-summary{color:var(--text-muted);font-size:.9rem;line-height:1.6}.site-footer{margin-top:calc(var(--spacing) * 3);padding:calc(var(--spacing) * 1.5)0;border-top:1px solid var(--border-tech);background:linear-gradient(0deg,var(--bg-panel) 0%,var(--bg-dark) 100%);font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);position:relative;z-index:1}.site-footer .container{display:flex;justify-content:space-between;align-items:center}.site-footer p{letter-spacing:.05em}.social-links a{color:var(--text-muted);margin-left:1rem;transition:color .2s ease}.social-links a:hover{color:var(--accent-cyan);text-decoration:none;text-shadow:0 0 10px rgba(0,212,255,.5)}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:calc(var(--spacing) * 2);font-family:var(--font-mono);font-size:.875rem;list-style:none;padding:0}.pagination .page-item{list-style:none}.pagination .page-link{display:block;padding:.5rem .75rem;border:1px solid var(--border-tech);background:var(--bg-panel);color:var(--text-muted);text-decoration:none}.pagination .page-item.active .page-link{border-color:var(--accent-cyan);color:var(--accent-cyan)}.pagination .page-item.disabled .page-link{opacity:.4;cursor:not-allowed}.pagination .page-link:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);text-decoration:none}.pagination .page-item.disabled .page-link:hover{border-color:var(--border-tech);color:var(--text-muted)}.archives{margin-top:calc(var(--spacing) * 2)}.archive-year{margin-bottom:calc(var(--spacing) * 1.5);padding:calc(var(--spacing) * 1.5)}.year-heading{font-family:var(--font-mono);font-size:1.25rem;color:var(--accent-cyan);margin-bottom:var(--spacing)}.year-heading::before{content:"// "}.archive-list{list-style:none;padding:0}.archive-item{display:flex;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border-tech)}.archive-item time{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);min-width:60px}.archive-item a{color:var(--text-primary)}.archive-item a:hover{color:var(--accent-cyan)}.search-page{margin-top:calc(var(--spacing) * 2)}.search-input-wrapper{margin-bottom:calc(var(--spacing) * 2)}#search-input{width:100%;padding:.75rem 1rem;font-family:var(--font-mono);font-size:1rem;background:var(--bg-panel);border:1px solid var(--border-tech);color:var(--text-primary);outline:none}#search-input::placeholder{color:var(--text-muted)}#search-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 10px rgba(255,68,170,.2)}.search-results{display:flex;flex-direction:column;gap:var(--spacing)}.search-result{padding:var(--spacing);background:var(--bg-panel);border:1px solid var(--border-tech)}.search-result-title{font-family:var(--font-mono);font-size:1.1rem;margin-bottom:.5rem}.search-result-title a{color:var(--text-primary)}.search-result-title a::before{content:"> ";color:var(--accent-cyan)}.search-result-title a:hover{color:var(--accent-cyan);text-decoration:none}.search-result-summary{color:var(--text-muted);font-size:.9rem;margin-top:.5rem}.no-results,.search-error{color:var(--text-muted);font-family:var(--font-mono)}@media(max-width:768px){html{font-size:16px}.container{padding:0 .75rem}.post.panel{padding:var(--spacing)}.site-header .container{flex-direction:column;gap:.75rem}.site-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem .5rem}.site-nav a{margin:0;padding:.25rem .4rem;font-size:.8rem}.site-footer .container{flex-direction:column;gap:1rem;text-align:center}.social-links a{margin:0 .5rem}}