:root{--color-foreground:#ede9db;--color-heading:#93a5e3;--color-highlight:#e8631e;--color-background:#2b2a28;--color-card-bg:#22211f;--color-border:#3d3b37;--color-muted:#a39e93;--color-selection:#e8631e;--color-code-bg:#1c1b19;--font-display:"Jersey 20", monospace, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--ease-pixel:steps(3, end);--transition-fast:.12s var(--ease-pixel);--pixel-shadow:3px 3px 0px #000;--pixel-shadow-orange:3px 3px 0px var(--color-highlight);--pixel-shadow-blue:3px 3px 0px var(--color-heading)}*,:before,:after{box-sizing:border-box;margin:0;padding:0;border-radius:0!important}html{scroll-behavior:smooth;background-color:var(--color-background);color:var(--color-foreground);font-size:16px;font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.68}body{background-color:var(--color-background);min-height:100vh;color:var(--color-foreground);flex-direction:column;display:flex;position:relative;overflow-x:hidden}::selection{background-color:var(--color-highlight);color:#000}body,button,a,input,select{cursor:crosshair}a{color:var(--color-heading);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-highlight)}.container{width:100%;max-width:920px;margin:0 auto;padding:0 1.5rem}.article-container{width:100%;max-width:760px;margin:0 auto;padding:0 1.5rem}.pixel-divider{background-image:repeating-linear-gradient(90deg, var(--color-heading) 0, var(--color-heading) 8px, transparent 8px, transparent 16px);opacity:.7;width:100%;height:8px;margin:2.5rem 0}.pixel-divider-orange{background-image:repeating-linear-gradient(90deg, var(--color-highlight) 0, var(--color-highlight) 8px, transparent 8px, transparent 16px)}.header-navbar{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:2px solid var(--color-heading);background-color:#2b2a28f2;position:sticky;top:0;box-shadow:0 4px #181716}.nav-container{justify-content:space-between;align-items:center;height:64px;display:flex}.nav-logo{font-family:var(--font-display);letter-spacing:.05em;color:var(--color-foreground);align-items:center;gap:.4rem;font-size:1.8rem;display:flex}.nav-logo .prompt-symbol{color:var(--color-highlight);font-family:var(--font-mono);font-size:1.2rem;font-weight:700}.nav-logo:hover{color:var(--color-highlight)}.nav-menu{align-items:center;gap:1.5rem;list-style:none;display:flex}.nav-link{font-family:var(--font-body);letter-spacing:.03em;color:var(--color-foreground);transition:all var(--transition-fast);border:1px solid #0000;padding:.4rem .6rem;font-size:.92rem;font-weight:600}.nav-link:hover,.nav-link.active{color:var(--color-highlight);border:1px solid var(--color-highlight);box-shadow:2px 2px 0 var(--color-highlight);background-color:#e8631e14}.nav-actions{align-items:center;gap:.75rem;display:flex}.pixel-site-nav{font-family:var(--font-mono);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.pixel-site-nav .pixel-nav-item{color:var(--color-foreground);border:1px solid var(--color-border);background:var(--color-surface);text-transform:lowercase;padding:3px 8px;text-decoration:none;transition:all .1s steps(2,end)}.pixel-site-nav .pixel-nav-item:hover{color:var(--color-heading);border-color:var(--color-heading);box-shadow:2px 2px #000}.pixel-site-nav .pixel-nav-item.active{color:#fff;background-color:var(--color-highlight);border-color:var(--color-highlight);font-weight:600;box-shadow:2px 2px #000}.footer-site-nav{justify-content:center;margin:1rem 0}.pixel-btn{font-family:var(--font-mono);background-color:var(--color-card-bg);color:var(--color-foreground);border:2px solid var(--color-heading);box-shadow:var(--pixel-shadow);-webkit-user-select:none;user-select:none;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.85rem;font-weight:700;display:inline-flex}.pixel-btn:hover{background-color:var(--color-heading);color:#000;transform:translate(2px,2px);box-shadow:1px 1px #000}.pixel-btn:active{box-shadow:none;transform:translate(3px,3px)}.pixel-btn-highlight{border-color:var(--color-highlight);color:var(--color-foreground)}.pixel-btn-highlight:hover{background-color:var(--color-highlight);color:#000;box-shadow:1px 1px #000}.pixel-btn-sm{padding:.3rem .6rem;font-size:.78rem}.mobile-toggle{display:none}.main-wrapper{flex:1;padding:2.5rem 0 4rem}.blog-header{margin-bottom:2.5rem}.blog-title-badge{font-family:var(--font-mono);color:var(--color-highlight);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.82rem;display:flex}.blog-title-badge:before{content:"●";animation:pulse 1.5s infinite var(--ease-pixel)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.site-wordmark{font-family:var(--font-display);color:var(--color-heading);text-transform:uppercase;letter-spacing:.02em;text-shadow:3px 3px #000;margin-bottom:.75rem;font-size:clamp(2.6rem,6vw,4.2rem);line-height:1.05}.site-wordmark span{color:var(--color-foreground)}.site-tagline{font-family:var(--font-mono);color:var(--color-muted);background-color:var(--color-card-bg);border-left:3px solid var(--color-highlight);border:1px solid var(--color-border);border-left-width:4px;padding:.6rem 1rem;font-size:1rem;display:inline-block}.site-tagline .prompt-cmd{color:var(--color-heading)}.controls-bar{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.search-box-wrapper{width:100%;position:relative}.search-input{width:100%;font-family:var(--font-mono);background-color:var(--color-card-bg);color:var(--color-foreground);border:2px solid var(--color-heading);box-shadow:var(--pixel-shadow);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.75rem 1rem .75rem 2.8rem;font-size:.95rem}.search-input:focus{border-color:var(--color-highlight);box-shadow:var(--pixel-shadow-orange)}.search-icon{color:var(--color-heading);font-family:var(--font-mono);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.category-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.cat-tab{font-family:var(--font-mono);background-color:var(--color-card-bg);color:var(--color-foreground);border:1px solid var(--color-border);transition:all var(--transition-fast);align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.78rem;font-weight:700;display:flex;box-shadow:2px 2px #000}.cat-tab:hover,.cat-tab.active{border-color:var(--color-highlight);color:var(--color-highlight);box-shadow:2px 2px 0 var(--color-highlight);background-color:#e8631e1a;transform:translate(1px,1px)}.post-list{flex-direction:column;gap:1.5rem;display:flex}.post-card{background-color:var(--color-card-bg);border:2px solid var(--color-border);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);padding:1.5rem;position:relative;box-shadow:4px 4px #000}.post-card:hover{border-color:var(--color-heading);box-shadow:4px 4px 0 var(--color-highlight);transform:translate(-2px,-2px)}.post-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.category-badge{font-family:var(--font-display);color:var(--color-heading);letter-spacing:.04em;border:1px solid var(--color-heading);background-color:#93a5e31a;align-items:center;gap:.4rem;padding:.1rem .5rem;font-size:1.15rem;display:flex}.post-meta-mono{font-family:var(--font-mono);color:var(--color-muted);align-items:center;gap:.75rem;font-size:.8rem;display:flex}.post-card-title{font-family:var(--font-display);color:var(--color-foreground);letter-spacing:.02em;margin-bottom:.6rem;font-size:1.95rem;line-height:1.15}.post-card:hover .post-card-title{color:var(--color-highlight)}.post-card-excerpt{font-family:var(--font-body);color:var(--color-foreground);opacity:.9;margin-bottom:1.25rem;font-size:1rem;line-height:1.6}.post-card-footer{border-top:1px dashed var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.tag-pills{flex-wrap:wrap;gap:.4rem;display:flex}.tag-pill{font-family:var(--font-mono);color:var(--color-heading);transition:all var(--transition-fast);background-color:#93a5e314;border:1px solid #93a5e34d;padding:.15rem .45rem;font-size:.73rem}.tag-pill:hover{border-color:var(--color-highlight);color:var(--color-highlight);background-color:#e8631e1f}.read-more-link{font-family:var(--font-mono);color:var(--color-highlight);align-items:center;gap:.3rem;font-size:.85rem;font-weight:700;display:flex}.post-card:hover .read-more-link{text-underline-offset:4px;text-decoration:underline}.post-detail-header{margin-bottom:2.5rem}.back-btn{margin-bottom:1.5rem}.post-article-h1{font-family:var(--font-display);color:var(--color-heading);letter-spacing:.02em;text-shadow:2px 2px #000;margin-bottom:1.25rem;font-size:clamp(2.4rem,5vw,3.4rem);line-height:1.1}.post-author-box{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-left:3px solid var(--color-heading);align-items:center;gap:1rem;margin-bottom:2rem;padding:.8rem 1rem;display:flex}.author-avatar-pixel{background-color:var(--color-heading);color:#000;width:42px;height:42px;font-family:var(--font-mono);border:2px solid #000;justify-content:center;align-items:center;font-size:1.2rem;font-weight:900;display:flex;box-shadow:2px 2px #000}.author-details{font-family:var(--font-mono);font-size:.82rem}.author-name{color:var(--color-foreground);font-weight:700}.author-handle{color:var(--color-highlight)}.article-body{font-family:var(--font-body);color:var(--color-foreground);font-size:1.08rem;line-height:1.72}.article-body p{margin-bottom:1.6rem}.article-body h2{font-family:var(--font-display);color:var(--color-heading);letter-spacing:.03em;border-bottom:2px dashed var(--color-border);margin:2.5rem 0 1rem;padding-bottom:.4rem;font-size:2.2rem}.article-body h3{font-family:var(--font-display);color:var(--color-foreground);letter-spacing:.02em;margin:2rem 0 .8rem;font-size:1.7rem}.article-body ul,.article-body ol{margin:0 0 1.6rem 1.5rem}.article-body li{margin-bottom:.5rem}.article-body strong{color:#fff;font-weight:700}.article-body a{color:var(--color-heading);text-underline-offset:3px;text-decoration:underline}.article-body a:hover{color:var(--color-highlight)}.terminal-code-block{background-color:var(--color-code-bg);border:2px solid var(--color-heading);margin:2rem 0;position:relative;box-shadow:4px 4px #000}.terminal-header-bar{border-bottom:2px solid var(--color-border);-webkit-user-select:none;user-select:none;background-color:#161514;background-image:linear-gradient(#ffffff08 50%,#0000 50%);background-size:100% 4px;justify-content:space-between;align-items:center;padding:.4rem .8rem;display:flex}.terminal-window-controls{font-family:var(--font-mono);color:var(--color-muted);align-items:center;gap:.4rem;font-size:.75rem;display:flex}.win-dot{background-color:var(--color-border);border:1px solid #000;width:10px;height:10px;display:inline-block}.win-dot-red{background-color:#e8631e}.win-dot-yellow{background-color:#e3b341}.win-dot-green{background-color:#93a5e3}.terminal-lang-title{font-family:var(--font-mono);color:var(--color-heading);letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:700}.copy-code-btn{font-family:var(--font-mono);background-color:var(--color-card-bg);color:var(--color-foreground);border:1px solid var(--color-heading);transition:all var(--transition-fast);padding:.2rem .5rem;font-size:.72rem;font-weight:700}.copy-code-btn:hover{background-color:var(--color-highlight);color:#000;border-color:var(--color-highlight)}.terminal-code-body{font-family:var(--font-mono);color:var(--color-foreground);padding:1.25rem;font-size:.9rem;line-height:1.6;overflow-x:auto}.terminal-code-body code{font-family:var(--font-mono);white-space:pre}.token-keyword{color:var(--color-highlight);font-weight:700}.token-string{color:var(--color-heading)}.token-comment{color:#78746b;font-style:italic}.token-function{color:#ede9db;font-weight:700}.token-number{color:#e8631e}.token-operator{color:var(--color-heading)}:not(pre)>code{font-family:var(--font-mono);color:var(--color-highlight);border:1px solid var(--color-border);background-color:#1d1c1a;padding:.15em .4em;font-size:.88em}blockquote{background-color:var(--color-card-bg);border-left:4px solid var(--color-highlight);border-top:1px solid var(--color-border);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin:1.8rem 0;padding:1rem 1.25rem;font-style:normal;box-shadow:2px 2px #000}blockquote p{color:var(--color-foreground);margin-bottom:0}.article-body table{border-collapse:collapse;width:100%;font-family:var(--font-mono);background-color:var(--color-card-bg);border:2px solid var(--color-heading);margin:2rem 0;font-size:.88rem}.article-body th{color:var(--color-heading);text-align:left;border-bottom:2px solid var(--color-heading);background-color:#93a5e326;padding:.6rem .8rem}.article-body td{border-bottom:1px solid var(--color-border);padding:.6rem .8rem}.post-navigation{border-top:2px solid var(--color-border);grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem;padding-top:2rem;display:grid}.post-nav-card{background-color:var(--color-card-bg);border:1px solid var(--color-border);transition:all var(--transition-fast);padding:1rem;box-shadow:3px 3px #000}.post-nav-card:hover{border-color:var(--color-highlight);box-shadow:3px 3px 0 var(--color-highlight)}.post-nav-dir{font-family:var(--font-mono);color:var(--color-highlight);margin-bottom:.3rem;font-size:.75rem}.post-nav-title{font-family:var(--font-display);color:var(--color-foreground);font-size:1.3rem;line-height:1.1}.achievement-tag-cloud{flex-wrap:wrap;gap:.75rem;margin-bottom:3rem;display:flex}.badge-tag-item{font-family:var(--font-display);background-color:var(--color-card-bg);color:var(--color-heading);border:2px solid var(--color-heading);transition:all var(--transition-fast);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:1.35rem;display:inline-flex;box-shadow:3px 3px #000}.badge-tag-item .tag-count{font-family:var(--font-mono);background-color:var(--color-heading);color:#000;padding:.1rem .4rem;font-size:.8rem;font-weight:700}.badge-tag-item:hover{border-color:var(--color-highlight);color:var(--color-highlight);box-shadow:3px 3px 0 var(--color-highlight);transform:translate(-2px,-2px)}.badge-tag-item:hover .tag-count{background-color:var(--color-highlight);color:#000}.about-grid{grid-template-columns:280px 1fr;align-items:start;gap:2.5rem;display:grid}.profile-card{background-color:var(--color-card-bg);border:2px solid var(--color-heading);text-align:center;padding:1.5rem;box-shadow:4px 4px #000}.profile-avatar-box{background-color:var(--color-background);border:3px solid var(--color-highlight);width:100px;height:100px;font-family:var(--font-display);color:var(--color-highlight);justify-content:center;align-items:center;margin:0 auto 1.25rem;font-size:3rem;display:flex;box-shadow:3px 3px #000}.profile-name{font-family:var(--font-display);color:var(--color-foreground);margin-bottom:.2rem;font-size:2.2rem;line-height:1.05}.profile-handle{font-family:var(--font-mono);color:var(--color-highlight);margin-bottom:1rem;font-size:.9rem}.social-btn-stack{flex-direction:column;gap:.6rem;margin-top:1.25rem;display:flex}.pgp-box{border:1px solid var(--color-border);font-family:var(--font-mono);color:var(--color-muted);background-color:#191817;margin-top:1.5rem;padding:1rem;font-size:.75rem;overflow-x:auto}.rss-box{background-color:var(--color-card-bg);border:2px solid var(--color-heading);padding:2rem;box-shadow:4px 4px #000}.cli-command-box{border:1px solid var(--color-highlight);font-family:var(--font-mono);color:var(--color-highlight);background-color:#151413;justify-content:space-between;align-items:center;margin:1.25rem 0;padding:.8rem 1.2rem;font-size:.92rem;display:flex}.site-footer{border-top:2px solid var(--color-border);font-family:var(--font-mono);color:var(--color-muted);background-color:#22211ff2;margin-top:auto;padding:2rem 0;font-size:.8rem}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-handle{color:var(--color-highlight);font-weight:700}@media (width<=768px){.nav-menu{background-color:var(--color-background);border-bottom:2px solid var(--color-heading);flex-direction:column;gap:.75rem;width:100%;padding:1rem;display:none;position:absolute;top:64px;left:0}.nav-menu.open{display:flex}.mobile-toggle{display:inline-flex}.about-grid,.post-navigation{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}