:root[data-theme=light]{--bg:#fff;--text:#1a1a1a;--accent:red;--shape-color:#ff000014;--border:#e0e0e0}:root[data-theme=dark]{--bg:#0d0d0d;--text:#f0f0f0;--accent:#c0f;--shape-color:#cc00ff1f;--border:#222}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:Space Grotesk,sans-serif;min-height:100vh;overflow-x:hidden;transition:background .3s ease}.abstract-bg{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.shape{background:var(--shape-color)!important;border-radius:50%;position:absolute}.shape-1{right:-10vw;top:-20vh}.shape-1,.shape-2{height:30vw;width:30vw}.shape-2{bottom:-20vh;left:-10vw}#main-header{align-items:center;display:flex;justify-content:space-between;padding:2rem 1%}.logo{font-family:Red Hat Display,sans-serif;font-size:2rem;letter-spacing:-1px}.logo span{background-color:var(--accent);clip-path:polygon(9px 8px,87.85% 32.39%,90% 73.66%,9.72% 86.16%);color:var(--highlight-text);padding:10px}#blog-container{margin:0 auto;max-width:1100px;padding:0 5%;transition:all .3s}.controls{align-items:center;border-bottom:2px solid var(--text);display:flex;justify-content:space-between;margin-bottom:3rem;padding-bottom:1rem}.post-row{border-bottom:1px solid var(--border);cursor:pointer;display:grid;grid-template-columns:180px 1fr;padding:2rem 0;transition:all .2s ease}.post-row:hover{padding-left:1rem}.post-row:hover .post-title{color:var(--accent)}.post-date{font-family:monospace;font-size:.9rem;margin-top:6px;opacity:.5}.post-title{font-size:1.8rem;font-weight:700;line-height:1.1;margin-bottom:.5rem}.post-tags{display:flex;font-size:.8rem;gap:15px;opacity:.6}button{background:var(--text);border:none;color:var(--bg);cursor:pointer;font-family:inherit;font-weight:700;padding:.5rem 1rem}.abstract-bg:after{background-image:radial-gradient(var(--text) 1px,#0000 1px);background-size:24px 24px;content:"";height:100%;left:0;-webkit-mask-image:linear-gradient(180deg,#000 20%,#0000 80%);mask-image:linear-gradient(180deg,#000 20%,#0000 80%);opacity:.3;position:absolute;top:0;width:100%}.is-new:after{background:var(--accent);clip-path:polygon(-9px -7px,55.75% .44%,88.22% 5.39%,80.63% 105.66%,-10.87% 100.16%);color:var(--text);content:"NEW";height:20px;margin-top:-20px;padding-left:5px;position:absolute;width:11em}.post-date-container{font-size:.75rem;line-height:1.4;text-transform:uppercase}.post-date{font-weight:700;opacity:1}.date-separator{height:40px;margin:4px 0;position:relative;width:100%}.date-separator:before{background:var(--text);bottom:0;content:"";left:8px;opacity:.5;position:absolute;top:0;width:1px}.date-separator .bullet{background:var(--bg);font-size:1rem;left:4.5px;padding:2px 0;position:absolute;top:50%;transform:translateY(-50%)}.updated-at .label{font-size:16px;letter-spacing:1px;margin-bottom:2px}.post-deets{margin-top:1.5rem;padding-top:1rem}.author-block{align-items:center;gap:12px}.author-avatar{align-items:center;background:var(--text);border:2px solid var(--accent);box-shadow:4px 4px 0 var(--accent);color:var(--bg);display:flex;height:42px;justify-content:center;width:42px}.author-info{display:flex;flex-direction:column}.author-label{font-size:.6rem;font-weight:900;letter-spacing:2px;opacity:.4}.author-name{font-size:1.1rem;font-weight:700;text-transform:uppercase}.author-socials{display:flex;gap:8px;margin-top:4px}.social-link{color:var(--accent);font-family:monospace;font-size:.75rem;text-decoration:none;transition:all .2s ease}.social-link:hover{background:var(--accent);color:var(--text);padding:0 4px}.post-info{display:flex;flex-direction:column;justify-content:space-between}.author-block{background-image:linear-gradient(#0009,#0009),var(--author-banner);background-position:50%;background-size:cover;box-shadow:4px 4px 0 var(--accent);display:flex;min-width:200px;padding:15px;width:100%}.author-label,.author-name{color:#fff!important;text-shadow:2px 2px 0 #000}footer{border-top:1px dashed var(--border);bottom:0;color:var(--text);padding:15px;position:relative;text-align:center;width:100%}post-meta-row{justify-content:space-between;margin-bottom:1rem}.view-counter,post-meta-row{align-items:center;display:flex}.view-counter{background:var(--text);border:1px solid var(--accent);color:var(--accent);font-family:monospace;font-size:.8rem;gap:6px;margin-top:5px;padding:2px 8px}.view-counter .material-symbols-outlined{font-size:14px}.post-preview{color:var(--text);font-family:Space Grotesk,sans-serif;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;-webkit-mask-image:linear-gradient(180deg,#000 0,#0000);mask-image:linear-gradient(180deg,#000 0,#0000);max-height:80px;opacity:.8;overflow:hidden;position:relative}.post-deets{border-top:1px dashed var(--accent);margin-top:0;padding-top:1.5rem}.post-row:hover .post-preview{max-height:100px;opacity:1;transition:all .3s ease}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:var(--bg);border-left:1px solid var(--border)}::-webkit-scrollbar-thumb{background:var(--text);border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::-webkit-scrollbar-corner{background:var(--bg)}*{scrollbar-color:var(--text) var(--bg);scrollbar-width:thin}.post-date-container{align-items:flex-start;font-family:monospace}.post-date-container,.updated-at{display:flex;flex-direction:column}.updated-at{opacity:.5}.time-breakdown{display:flex;gap:5px}.new-post-form{background:var(--bg);border:2px dashed var(--text);box-shadow:10px 10px 0 var(--accent);display:flex;flex-direction:column;gap:1.5rem;margin-bottom:4rem;padding:2.5rem;position:relative}.new-post-form h2{font-family:Red Hat Display,sans-serif;font-size:1.8rem;letter-spacing:-1px;margin-bottom:-.5rem;text-transform:uppercase}.new-post-form p{background:var(--text);color:var(--accent);display:inline-block;font-family:monospace;font-size:.8rem;font-weight:700;padding:4px 8px;width:fit-content}.new-post-form input[type=password],.new-post-form input[type=text],.new-post-form textarea{background:#0000;border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:1rem;padding:1rem;transition:all .2s ease;width:100%}.new-post-form input:focus,.new-post-form textarea:focus{background:var(--shape-color);border-color:var(--accent);border-width:2px;outline:none}.new-post-form input[type=file]{border:1px dashed var(--border);cursor:pointer;font-family:monospace;font-size:.8rem;padding:1rem}.new-post-form button{font-size:.9rem;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase;transition:transform active .1s}.new-post-form button:first-of-type{background:var(--accent);color:#fff}.new-post-form button:last-of-type{background:#0000;border:1px solid var(--text);color:var(--text);margin-top:-.5rem}.new-post-form button:hover{box-shadow:4px 4px 0 var(--text);filter:brightness(1.2);transform:translate(-2px,-2px)}.new-post-form button:active{box-shadow:0 0 0 var(--text);transform:translate(0)}.new-post-form:before{background:var(--text);color:var(--bg);content:var(--before-text);font-family:monospace;font-size:.7rem;padding:2px 8px;position:absolute;right:20px;top:-12px}.notice-msg{align-items:center;background:var(--bg);border:3px solid var(--accent);box-shadow:8px 8px 0 var(--accent);color:var(--text);display:flex;font-family:Space Grotesk,sans-serif;font-weight:700;gap:20px;letter-spacing:1px;margin:2rem auto;max-width:1100px;overflow:hidden;padding:1rem;position:relative;text-transform:uppercase}.notice-msg:before{bottom:0;filter:grayscale(1) brightness(2);left:0;opacity:.05;right:0;top:0}.notice-msg:after,.notice-msg:before{content:"";pointer-events:none;position:absolute}.notice-msg:after{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--accent);inset:0;opacity:.1}.notice-icon{filter:drop-shadow(3px 3px 0 var(--text));height:48px;width:48px;z-index:2}.notice-msg,.notice-msg span{position:relative;z-index:2}.post-tags span{transition:all .3s}.post-tags span:hover,.selected-tag{background:var(--accent)}.selected-tag{border:2px dashed var(--border);color:var(--bg);font-size:1.5em}.subheaders-list{border-left:2px solid var(--text);flex:0 0 350px;font-family:Space Mono,monospace;line-height:2;max-height:calc(100vh - 4rem);overflow-y:auto;padding:1rem;position:sticky;top:2rem}.subheaders-list ul{list-style:none}.subheaders-list li{color:var(--text);font-size:.85rem;opacity:.7;padding:5px 0 5px 25px;position:relative;transition:all .2s}.subheaders-list li:before{color:var(--accent);content:"├──";left:0;position:absolute}.subheaders-list li:last-child:before{content:"└──"}.subheaders-list li.active{background:var(--accent);box-shadow:4px 4px 0 var(--text);color:var(--bg);opacity:1}.subheaders-list li:hover{cursor:pointer;opacity:1;padding-left:30px}.sidebar-label{color:var(--accent);display:block;font-size:.7rem;font-weight:900;letter-spacing:2px;margin-bottom:1rem}.blog-content{animation:terminal-entry .6s ease-out;background:var(--bg);border:1px solid var(--border);border-radius:5px;color:var(--text-color);flex:1 1;font-family:Rubik,sans-serif;font-size:16px;font-weight:300;line-height:1.8;line-height:1.6;max-width:none;min-width:0;padding:2rem;position:relative}.blog-body{font-size:.95em;letter-spacing:.5px;line-height:1.6;overflow-y:auto;padding-bottom:20px;padding-top:10px;word-spacing:1px}.blog-content:after{background:linear-gradient(#12101000 50%,#0000001a 0),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 4px,3px 100%;bottom:0;content:" ";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.blog-content h1,.blog-content h2{background:var(--text);clip-path:polygon(0 0,98% 0,100% 30%,100% 100%,2% 100%,0 70%);color:var(--bg);font-family:Red Hat Display,sans-serif;padding:5px 15px;text-transform:uppercase}.blog-content p{font-size:1.05rem;margin-bottom:1.5rem}.blog-content .notice-block{background:var(--shape-color);border:2px solid var(--accent);margin:2rem 0;padding:1.5rem;position:relative}.blog-content .notice-block:before{background:var(--accent);color:#fff;content:"SYSTEM_MSG";font-size:.6rem;left:10px;padding:2px 6px;position:absolute;top:-10px}#backinator-etal{align-items:center;border-bottom:2px solid var(--text);display:flex;justify-content:space-between;margin-bottom:3rem;padding-bottom:1rem}@keyframes terminal-entry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.floating-panels{align-items:flex-start;display:flex;gap:2rem;width:100%}.full-width{margin:0!important;max-width:none!important;padding:0 1%!important}.blog-dates{gap:25px;margin-top:-10px;opacity:.5}.post-title.large{font-size:3.5rem;letter-spacing:-2px;margin-bottom:1.5rem}.blog-meta-wrapper{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:.5rem}.blog-dates{align-items:center;display:flex;gap:15px;opacity:1}.date-item{display:flex;flex-direction:column}.date-item .label{color:var(--accent);font-family:monospace;font-size:.65rem;font-weight:900;margin-bottom:2px}.date-item time{font-family:monospace;font-size:.9rem;font-weight:700}.date-separator .bullet{color:var(--border);font-weight:100}.blog-header .view-counter{background:var(--accent);border:none;box-shadow:4px 4px 0 var(--text);color:#fff;font-weight:900;margin-top:0;padding:6px 12px}.blog-header{border-bottom:2px solid var(--text);margin-bottom:3rem;padding-bottom:2rem}.rendered-tags{gap:8px;opacity:1}.tag-pill{background:var(--shape-color);border:1px solid var(--text);color:var(--text);font-family:monospace;font-weight:700;padding:2px 10px;transition:all .2s;-webkit-user-select:none;user-select:none}.tag-pill:hover{background:var(--text);color:var(--bg)}.view-counter{-webkit-user-select:none;user-select:none}.second-date-item{margin-left:15px}.big-spoiler{background:var(--bg);border:3px solid var(--text);box-shadow:8px 8px 0 var(--text);margin:2rem 0;position:relative;transition:transform .2s ease}.spoiler-alert{align-items:center;background:var(--border);color:var(--accent);cursor:pointer;display:flex;flex-direction:column;font-family:Space Mono,monospace;font-size:1.6rem;font-weight:900;gap:10px;justify-content:center;letter-spacing:3px;overflow:hidden;padding:1rem .5rem;position:relative;text-transform:uppercase;-webkit-user-select:none;user-select:none;z-index:5}.spoiler-alert:before{background:repeating-linear-gradient(-45deg,#0000,#0000 10px,#ffffff0d 0,#ffffff0d 20px);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.exclamation-mark{background:var(--bg);border:2px solid var(--accent);box-shadow:4px 4px 0 var(--accent);color:var(--accent);font-family:Red Hat Display,sans-serif;font-size:2rem;margin-bottom:10px;padding:5px 15px;transform:rotate(-3deg)}.big-spoiler .notice{background-image:radial-gradient(var(--border) 1px,#0000 1px);background-size:15px 15px;padding:.5rem}.regular-notice{border:2px dashed var(--text);box-shadow:4px 4px var(--accent);color:var(--text);margin-bottom:20px;opacity:.5;padding:5px}.spoiler-alert:hover{background:var(--accent);color:#fff;filter:brightness(.7);opacity:.8}.spoiler-alert:hover .exclamation-mark{background:var(--text);border-color:var(--text);color:var(--bg)}.big-spoiler.revealed .spoiler-alert{display:none}.big-spoiler.revealed .notice{animation:glitch-reveal .3s ease-out;display:block}@keyframes glitch-reveal{0%{opacity:0;transform:skewX(10deg)}50%{opacity:.5;transform:skewX(-10deg)}to{opacity:1;transform:skewX(0deg)}}.blog-content-link{background:linear-gradient(135deg,var(--background-color),var(--control-bg));border-bottom:.5px dotted var(--header-bg);color:grey;opacity:.5;-webkit-text-decoration:underline dashed;text-decoration:underline dashed;transition:.3s}.blog-content-link:hover{font-size:1.15rem;opacity:1}.blog-body code{display:block;font-size:13px}.blog-content-image{filter:drop-shadow(4px 4px var(--accent));max-width:100%;padding:5px}.signature{background:var(--text);box-shadow:12px 12px 0 var(--accent);clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);color:var(--bg);cursor:pointer;display:inline-block;font-family:Red Hat Display,sans-serif;font-size:1.8rem;font-weight:900;letter-spacing:2px;margin:3rem 0;padding:1.5rem 3rem;position:relative;text-transform:uppercase;transition:all .1s ease;-webkit-user-select:none;user-select:none}.signature:after{background-image:repeating-linear-gradient(45deg,#0000,#0000 5px,#ffffff0d 0,#ffffff0d 10px);content:"";inset:0;position:absolute;z-index:-1}.signature:hover{transform:translate(4px,4px)}@media (max-width:1024px){.subheaders-list{display:none}.floating-panels{display:block}.blog-content{padding:1.5rem;width:100%}.post-title.large{font-size:2.2rem;letter-spacing:-1px}.post-row{gap:1rem;grid-template-columns:1fr}.post-date-container{border-bottom:1px dashed var(--border);flex-direction:row;gap:10px;padding-bottom:.5rem}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#272822;color:#ddd}.hljs-keyword,.hljs-literal,.hljs-name,.hljs-number,.hljs-selector-tag,.hljs-strong,.hljs-tag{color:#f92672}.hljs-code{color:#66d9ef}.hljs-attr,.hljs-attribute,.hljs-link,.hljs-regexp,.hljs-symbol{color:#bf79db}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-emphasis,.hljs-section,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-string,.hljs-subst,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type,.hljs-variable{color:#a6e22e}.hljs-class .hljs-title,.hljs-title.class_{color:#fff}.hljs-comment,.hljs-deletion,.hljs-meta,.hljs-quote{color:#75715e}.hljs-doctag,.hljs-keyword,.hljs-literal,.hljs-section,.hljs-selector-id,.hljs-selector-tag,.hljs-title,.hljs-type{font-weight:700}