:root{--bg:#050807;--ink:#d3ffd3;--dim:#78b478;--accent:#0aff0a;--border:#0f2b13;--shadow:#001400;}
*{box-sizing:border-box} html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:ui-monospace,Consolas,Menlo,monospace}
.crt::before{content:'';position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom, rgba(10,255,10,.06), rgba(10,255,10,.06) 2px, transparent 2px, transparent 4px);mix-blend-mode:overlay}
.grain::after{content:'';position:fixed;inset:0;pointer-events:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2"/></filter><rect width="100%" height="100%" filter="url(%23n)" opacity=".05"/></svg>')}
.masthead{border-bottom:1px solid var(--border);padding:14px 16px;display:flex;align-items:center;gap:14px;background:linear-gradient(180deg,#07110b,#040806)}
.masthead .seal img{width:40px;height:40px;filter:drop-shadow(0 0 6px rgba(10,255,10,.3))}
.title{font-weight:800;letter-spacing:.2em}.subtitle{margin-left:auto;color:var(--dim);font-size:12px}
.wrap{max-width:1100px;margin:0 auto;padding:16px}.panel{border:1px solid var(--border);background:#07110b;padding:12px;box-shadow:0 0 24px var(--shadow) inset}
.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.toolbar input{flex:1;background:#041006;border:1px solid var(--border);padding:10px;color:var(--ink)}
.toolbar .btn,.toolbar button{background:#041006;border:1px solid var(--border);color:var(--ink);padding:8px 12px;cursor:pointer}
.toolbar .btn:hover,.toolbar button:hover{border-color:var(--accent);color:var(--accent)}
.cats{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.cat{padding:8px 10px;background:#041006;border:1px solid var(--border);color:var(--ink);cursor:pointer}.cat.active{border-color:var(--accent);color:var(--accent)}
.status{color:var(--dim);margin:6px 0 8px 0;font-size:12px}
.results{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.card{border:1px solid var(--border);background:#061108;padding:12px;position:relative}
.card h3{margin:0 0 6px 0;font-size:16px}.meta{color:var(--dim);font-size:12px;margin-bottom:8px}
.tags{font-size:11px;color:var(--dim)}.tag{border:1px solid var(--border);padding:2px 6px;margin-right:6px;display:inline-block;margin-top:6px}
.readmore{margin-top:10px;display:inline-block;color:var(--accent);text-decoration:none;border:1px dashed var(--border);padding:6px 8px}
.foot{padding:12px;text-align:center;color:var(--dim);border-top:1px solid var(--border)}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center}.modal.hidden{display:none}
.modal__inner{background:#061108;border:1px solid var(--border);max-width:800px;max-height:80vh;overflow:auto;padding:14px;box-shadow:0 0 30px #000}
.close{position:absolute;right:16px;top:10px;background:#041006;color:var(--ink);border:1px solid var(--border);cursor:pointer;padding:4px 10px}
.glitch{position:relative;display:inline-block;font-size:18px}.glitch::before,.glitch::after{content:attr(data-text);position:absolute;left:0;top:0}
.glitch::before{color:#0aff0a;transform:translate(2px,0);opacity:.7;animation:gl1 2s infinite}.glitch::after{color:#0a880a;transform:translate(-2px,0);opacity:.4;animation:gl2 2.2s infinite}
@keyframes gl1{0%{clip-path:inset(0 0 70% 0)}100%{clip-path:inset(40% 0 0 0)}}@keyframes gl2{0%{clip-path:inset(0 0 60% 0)}100%{clip-path:inset(30% 0 0 0)}}
@media (max-width:720px){.results{grid-template-columns:1fr}.subtitle{display:none}}