:root{--bg:#0a0a0b;--panel:#141416;--line:#2a2a2e;--text:#d6d6d6;--dim:#8a8a90;--red:#b3121b;--red2:#e0212b}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 Georgia,'Times New Roman',serif;
 background-image:radial-gradient(ellipse at top,rgba(179,18,27,.12),transparent 55%),repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 1px,transparent 1px 3px)}
a{color:var(--red2);text-decoration:none}a:hover{text-decoration:underline}
header.top{border-bottom:2px solid var(--red);padding:14px 24px;display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;background:#050506}
.logo{font:900 30px/1 Impact,'Arial Black',sans-serif;letter-spacing:.12em;color:#fff;position:relative;display:inline-block}
.logo:hover{text-decoration:none}
.logo::before,.logo::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden}
.logo::before{color:var(--red2);transform:translate(2px,0);clip-path:inset(0 0 55% 0);animation:glitch 3.2s infinite steps(1)}
.logo::after{color:#2cc;transform:translate(-2px,0);clip-path:inset(55% 0 0 0);animation:glitch 2.7s infinite steps(1) reverse}
@keyframes glitch{0%,88%,100%{transform:translate(0)}90%{transform:translate(3px,-1px)}93%{transform:translate(-3px,1px)}96%{transform:translate(2px,2px)}}
nav{display:flex;flex-wrap:wrap;gap:6px 18px;font:14px/1.4 'Courier New',monospace;text-transform:uppercase;letter-spacing:.05em}
nav.user{margin-left:auto}nav form{display:inline}
nav a{color:var(--dim)}nav a:hover{color:var(--red2);text-decoration:none}
main{max-width:820px;margin:0 auto;padding:32px 20px 60px}
h1{font:900 38px/1.15 Impact,'Arial Black',sans-serif;text-transform:uppercase;letter-spacing:.03em;color:#fff;border-left:6px solid var(--red);padding-left:14px;margin:0 0 24px}
h2{font:700 22px/1.3 'Courier New',monospace;color:#fff;margin:0 0 6px}
article{border-bottom:1px solid var(--line);padding:0 0 22px;margin-bottom:26px}
.meta{font:13px 'Courier New',monospace;color:var(--dim);margin:0 0 10px;text-transform:uppercase}
.body{font-size:18px}.body blockquote{border-left:3px solid var(--red);margin:1em 0;padding-left:16px;color:var(--dim)}
.comment{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--red);padding:12px 16px;margin:12px 0}
form{margin:16px 0}label{display:block;margin:14px 0 4px;font:14px 'Courier New',monospace;color:var(--dim);text-transform:uppercase}
input[type=text],input[type=password],input[type=email],textarea,select{width:100%;background:#0e0e10;color:var(--text);border:1px solid var(--line);padding:10px 12px;font:16px Georgia,serif}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--red2)}
label.check{display:flex;gap:8px;align-items:center;text-transform:none}.check input{width:auto}
button{background:var(--red);color:#fff;border:0;padding:10px 20px;font:700 14px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;margin-top:12px}
button:hover{background:var(--red2)}
button.link{background:none;color:var(--dim);padding:0;margin:0;font-weight:400}button.link:hover{background:none;color:var(--red2)}
.actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font:14px 'Courier New',monospace}.actions form{margin:0}
details summary{cursor:pointer;color:var(--dim)}details form{display:flex;gap:8px;margin-top:8px}details button{margin:0}
.flash{background:#1c0b0c;border:1px solid var(--red);padding:10px 14px;font-family:'Courier New',monospace}
.error{color:#ff6b73;font:14px 'Courier New',monospace;margin:4px 0}
pre{background:#000;border:1px dashed var(--red);padding:16px;color:#fff;overflow:auto}
footer{border-top:1px solid var(--line);padding:24px;text-align:center;color:var(--dim);font-style:italic;font-size:14px}
nav.pagination,.pagination{margin-top:20px}