:root{--bg:#14171c;--panel:#1b2027;--border:#343b45;--accent:#8fbfa2;--amber:#e2b15a;--muted:#a3acb8;--text:#d7dbe2;--strong:#f2f3f5;--danger:#d98989;--flash:rgba(226,177,90,.18);
--mono:"SF Mono","JetBrains Mono","Fira Code",ui-monospace,Menlo,Consolas,monospace}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--text);font-family:var(--mono);font-size:13px;line-height:1.45}
#app{max-width:1280px;margin:0 auto;padding:16px 18px}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
h1{font-size:15px;letter-spacing:.14em;color:var(--strong)}.acc{color:var(--accent)}
.sub,.muted{color:var(--muted);font-size:11px}
.bar{display:flex;gap:14px;align-items:center;margin:10px 0 14px;flex-wrap:wrap}
.bar input#q{background:var(--panel);border:1px solid var(--border);color:var(--strong);font:inherit;padding:4px 8px;width:160px}
.pill{padding:1px 8px;border:1px solid var(--border);font-size:11px}.pill.live{color:var(--accent);border-color:var(--accent)}.pill.down{color:var(--danger);border-color:var(--danger)}
.card{display:grid;grid-template-columns:1.25fr 1fr;gap:0;border:1px solid var(--border);background:var(--panel);margin-bottom:10px}
.card.new{animation:fl 2.5s ease-out;border-color:var(--amber)}@keyframes fl{0%{background:var(--flash)}100%{background:var(--panel)}}
.side{padding:10px 12px;display:flex;gap:10px;min-width:0}.side+.side{border-left:1px dashed var(--border)}
.side img{width:52px;height:52px;object-fit:cover;background:#0f1215;border:1px solid var(--border);flex:none}
.tk{font-size:15px;color:var(--strong);font-weight:700}.tag{font-size:10px;padding:0 6px;border:1px solid var(--amber);color:var(--amber);margin-left:6px;vertical-align:2px}
.tag.self{border-color:var(--danger);color:var(--danger)}.tag.live{border-color:var(--accent);color:var(--accent)}
.lbl{font-size:10px;letter-spacing:.12em;color:var(--muted)}
.ca{font-size:11px;color:var(--muted);cursor:pointer;word-break:break-all}.ca:hover{color:var(--strong)}
.st{display:flex;gap:12px;flex-wrap:wrap;margin-top:3px}.st b{color:var(--strong);font-weight:600}.up{color:var(--accent)}.dn{color:var(--danger)}
.links{margin-top:3px;display:flex;gap:10px;font-size:11px}
.chain{font-size:11px;color:var(--muted);margin-top:3px}
#toasts{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px}
.toast{background:var(--panel);border:1px solid var(--amber);color:var(--strong);padding:8px 12px;transition:opacity .3s}.toast.out{opacity:0}
.empty{color:var(--muted);padding:30px;text-align:center;border:1px dashed var(--border)}
@media(max-width:800px){.card{grid-template-columns:1fr}.side+.side{border-left:0;border-top:1px dashed var(--border)}}