:root{--bg-color:#0a0a0a;--text-color:#d1d1d1;--title-color:#fff;--accent-color:#8a1c1c;--btn-bg:#121212;--border-color:#333;--font-text:"Inter", sans-serif;--font-code:"Courier New", Courier, monospace}body{font-family:var(--font-text);background-color:var(--bg-color);color:var(--text-color);box-sizing:border-box;flex-direction:column;align-items:center;min-height:100vh;margin:0;padding:40px 20px;display:flex}.blog-header{text-align:center;width:100%;max-width:800px;margin-bottom:40px;position:relative}.back-btn{color:var(--accent-color);font-family:var(--font-code);border:1px solid var(--border-color);box-shadow:2px 2px 0px var(--accent-color);padding:8px 12px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;position:absolute;top:0;left:0}.back-btn:hover{background-color:var(--accent-color);color:var(--bg-color);box-shadow:4px 4px 0px var(--title-color);transform:translate(-2px,-2px)}.glitch-title{color:var(--title-color);font-size:2.5rem;font-weight:700;font-family:var(--font-code);text-transform:uppercase;letter-spacing:-2px;text-shadow:2px 0 #8a1c1ce6,-2px 0 #0ff6;margin:40px 0 10px}.bio{font-size:.9rem;font-family:var(--font-code);color:var(--text-color)}.blog-container{width:100%;max-width:800px}.filters{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px;display:flex}.filter-btn{background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);font-family:var(--font-code);cursor:pointer;text-transform:uppercase;padding:8px 16px;font-size:.9rem;transition:all .2s;box-shadow:3px 3px #000}.filter-btn:hover,.filter-btn.active{background-color:var(--accent-color);color:var(--title-color);border-color:var(--accent-color);transform:translate(-2px,-2px);box-shadow:5px 5px #000}.post-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.post-card{background-color:var(--btn-bg);border:1px solid var(--border-color);flex-direction:column;padding:20px;transition:all .3s;display:flex;box-shadow:6px 6px #000}.post-card:hover{border-color:var(--accent-color);box-shadow:10px 10px 0px var(--accent-color);transform:translate(-4px,-4px)}.post-meta{font-family:var(--font-code);color:#777;text-transform:uppercase;margin-bottom:10px;font-size:.8rem}.post-title{color:var(--title-color);font-size:1.4rem;font-family:var(--font-code);letter-spacing:-1px;margin:0 0 10px}.post-excerpt{flex-grow:1;margin-bottom:20px;font-size:.95rem;line-height:1.6}.read-btn{color:var(--bg-color);background-color:var(--text-color);font-family:var(--font-code);text-transform:uppercase;border:1px solid var(--text-color);align-self:flex-start;padding:10px 15px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s}.post-card:hover .read-btn{background-color:var(--accent-color);color:var(--title-color);border-color:var(--accent-color)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;box-sizing:border-box;background-color:#0a0a0af2;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-overlay[hidden]{display:none}.modal-box{background-color:var(--bg-color);border:1px solid var(--accent-color);flex-direction:column;width:100%;max-width:700px;max-height:90vh;animation:.3s ease-out forwards glitch-open;display:flex;position:relative;box-shadow:12px 12px #000}.texto-poesia{white-space:pre-line;font-family:var(--font-code);color:var(--text-color);border-left:2px solid var(--accent-color);background-color:#12121280;max-width:600px;margin:0 auto 20px;padding:10px 20px;font-size:1.05rem;line-height:1.5}@keyframes glitch-open{0%{opacity:0;filter:contrast(150%)hue-rotate(90deg);transform:scale(.98)}50%{filter:contrast(120%)hue-rotate(-90deg);transform:scale(1.02)}to{opacity:1;filter:none;transform:scale(1)}}.modal-controls{background-color:var(--bg-color);justify-content:flex-end;gap:10px;padding:15px 15px 0;display:flex}.sys-btn{background-color:var(--bg-color);color:var(--accent-color);border:1px solid var(--border-color);font-family:var(--font-code);cursor:pointer;text-transform:uppercase;padding:8px 12px;font-size:.85rem;font-weight:700;transition:all .2s;box-shadow:2px 2px #000}.sys-btn:hover{background-color:var(--accent-color);color:var(--title-color);border-color:var(--accent-color);transform:translate(-2px,-2px);box-shadow:4px 4px #000}.sys-btn.muted{color:#555;border-color:#555;text-decoration:line-through}.modal-header{border-bottom:1px dashed var(--border-color);padding:10px 30px}.modal-body-content{font-family:var(--font-code);color:var(--text-color);padding:20px 30px 30px;font-size:1.05rem;line-height:1.7;overflow-y:auto}.modal-body-content p{margin-bottom:20px}@media (width<=600px){.back-btn{margin-bottom:20px;display:inline-block;position:relative}.glitch-title{margin-top:10px}}