:root{--bg-color: #030303;--text-primary: #e0ffee;--text-dim: #7a9e88;--neon-green: #00ff41;--neon-cyan: #00f3ff;--neon-pink: #ff0055;--danger-red: #ff3333;--hud-bg: rgba(0, 10, 0, .6);--hud-border: rgba(0, 255, 65, .3);--font-stack: "VT323", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-stack);font-size:18px;line-height:1.5;min-height:100vh;background-attachment:fixed}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:2px}#root{min-height:100vh}.fog-layer{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 120%,rgba(0,255,65,.1),transparent 60%);pointer-events:none;z-index:0;animation:mist-pulse 8s infinite ease-in-out}@keyframes mist-pulse{0%,to{opacity:.3}50%{opacity:.6}}.app-grid{display:grid;grid-template-columns:260px 1fr 280px;height:100vh;overflow:hidden;padding:15px;gap:20px;position:relative;z-index:1}.hud-panel{background:var(--hud-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--hud-border);position:relative;transition:all .3s ease;padding:1.5rem;overflow-y:auto;height:100%;max-height:100%;min-height:0;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);box-shadow:inset 0 0 20px #00320033}.hud-panel:hover{border-color:var(--neon-cyan);box-shadow:inset 0 0 10px #00f3ff1a}.ascii-header{text-align:center;margin-bottom:1.5rem}.logo-ascii{font-size:8px;line-height:8px;color:var(--neon-green);text-shadow:0 0 5px var(--neon-green);font-weight:700;margin-bottom:2rem;opacity:.9;animation:jitter-glitch 2s infinite alternate}@keyframes jitter-glitch{0%{transform:translate(0)}90%{transform:translate(0)}92%{transform:translate(1px);opacity:.8}94%{transform:translate(-1px,1px);opacity:1}96%{transform:translateY(-1px)}98%{transform:translate(1px)}to{transform:translate(0);opacity:.9}}nav{display:flex;flex-direction:column;gap:8px}.nav-item{position:relative;display:block;padding:10px 15px;font-size:1.1rem;letter-spacing:2px;color:var(--neon-green);text-transform:uppercase;border-left:2px solid var(--hud-border);background:linear-gradient(90deg,transparent,transparent);transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.nav-item:hover{background:var(--neon-green);color:#000;font-weight:700;padding-left:25px;border-left:5px solid var(--danger-red);box-shadow:0 0 15px var(--neon-green),inset 0 0 5px #000;clip-path:polygon(0 0,95% 0,100% 50%,95% 100%,0 100%)}.nav-item:before{content:"[_]";margin-right:10px;opacity:.5;font-size:.8em}.nav-item:hover:before{content:"[!]";color:var(--danger-red);font-weight:800}.nav-group{display:flex;flex-direction:column}.submenu{display:flex;flex-direction:column;padding-left:15px;border-left:1px dashed var(--neon-cyan);margin-left:20px;margin-top:5px;margin-bottom:5px;gap:5px}.submenu-item{display:block;font-size:.9rem;color:var(--neon-cyan);text-decoration:none;opacity:.7;transition:.2s;padding:2px 0}.submenu-item:hover{opacity:1;color:var(--neon-pink);text-shadow:0 0 5px var(--neon-pink);transform:translate(5px)}.list-header{color:var(--neon-cyan);border-bottom:1px solid var(--neon-cyan);margin:1.5rem 0 1rem;font-size:.8rem;letter-spacing:3px;opacity:.8}.post-item{display:flex;gap:10px;padding:6px 0;border-bottom:1px dashed var(--text-dim);opacity:.7;transition:.2s}.post-item:hover{opacity:1;color:var(--neon-pink);text-shadow:0 0 5px var(--neon-pink);transform:translate(5px)}.post-item .date{color:var(--text-dim);font-size:.8em}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.2rem;margin-top:1.5rem}.post-card{background:var(--hud-bg);border:1px solid var(--hud-border);border-top:2px solid var(--neon-cyan);padding:1.2rem;display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);position:relative}.post-card:hover{transform:translateY(-4px);border-color:var(--neon-green);box-shadow:0 0 12px #00ff4133,inset 0 0 15px #00ff410d}.card-tag{align-self:flex-start;background:#00ff4114;color:var(--neon-green);font-family:var(--font-stack);font-size:.85rem;padding:1px 8px;border:1px solid rgba(0,255,65,.3);margin-bottom:.8rem;letter-spacing:2px;text-transform:uppercase}.card-title{font-size:1.2rem;color:var(--text-primary);margin-bottom:.8rem;line-height:1.3;font-family:var(--font-stack);text-shadow:0 0 8px rgba(0,255,65,.2)}.card-excerpt{font-size:.85rem;color:#aac4b5;line-height:1.6;flex-grow:1;margin-bottom:1.2rem;font-family:var(--font-stack);opacity:.9}.card-link{align-self:flex-start;font-size:.9rem;color:var(--neon-cyan);text-decoration:none;font-family:var(--font-stack);letter-spacing:1px;border-bottom:1px solid transparent;transition:color .2s,border-color .2s,text-shadow .2s}.card-link:hover{color:var(--neon-pink);border-bottom-color:var(--neon-pink);text-shadow:0 0 6px var(--neon-pink)}.markdown-content{padding:0 1.5rem}.markdown-content h1{font-size:2.2rem;color:var(--neon-cyan);margin-bottom:1rem;border-left:4px solid var(--neon-cyan);padding-left:15px;line-height:1;font-weight:400;text-transform:uppercase}.markdown-content p{margin-bottom:1.2rem;opacity:.9}.markdown-content code{color:var(--neon-pink);background:#ff00551a;border:1px solid var(--neon-pink);padding:2px 6px;font-size:.9em}.related{font-size:.9rem;text-align:right}.ad-panel-header{color:var(--neon-cyan);font-size:.8rem;letter-spacing:3px;border-bottom:1px solid var(--neon-cyan);padding-bottom:8px;margin-bottom:1.2rem;opacity:.7}.ad-slot{border:1px dashed rgba(0,243,255,.2);padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;background:#00f3ff05;min-height:120px}.ad-placeholder{color:#00f3ff66;font-size:1rem;letter-spacing:2px}.ad-placeholder-sub{color:#00f3ff40;font-size:.75rem;letter-spacing:1px}@media (max-width: 900px){.app-grid{grid-template-columns:1fr;height:auto;overflow-x:hidden;overflow-y:visible;gap:10px;padding:8px;width:100%}.hud-panel{height:auto;max-height:none;overflow-y:visible;overflow-x:hidden;clip-path:none;border:1px solid var(--hud-border);width:100%;box-sizing:border-box}.sidebar{padding:.8rem}.ascii-header{display:none}nav{flex-direction:column;gap:4px}.nav-item{font-size:.9rem;padding:7px 10px;letter-spacing:1px}.nav-item:before{display:none}.submenu{display:flex;flex-direction:column;padding-left:.5rem}.submenu-item{font-size:.85rem;padding:4px 8px}.mobile-hidden{display:none}.post-grid{grid-template-columns:1fr;gap:.8rem}.post-card{clip-path:none}.markdown-content{padding:0 .5rem;overflow-x:hidden;word-break:break-word}.markdown-content h1{font-size:1.4rem}*{max-width:100%}pre,code{overflow-x:auto;white-space:pre-wrap;word-break:break-word}}.app-grid:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,50,0,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,50,0,.1) 1px,transparent 1px);background-size:40px 40px;z-index:-1;pointer-events:none}.site-footer{margin-top:3rem;padding-top:2rem;border-top:1px dashed var(--hud-border);display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;font-size:.9rem}.footer-links a{color:var(--neon-cyan);text-decoration:none;opacity:.8;transition:opacity .2s}.footer-links a:hover{opacity:1;text-shadow:0 0 5px var(--neon-cyan)}.footer-links span{color:var(--text-dim);font-size:.8rem}.footer-copy{color:var(--text-dim);font-size:.8rem;letter-spacing:1px}