:root{--bg:#060709;--panel:#0d0f13;--panel-2:#14171c;--border:#20242c;--text:#f4f6f8;--muted:#8b909b;--accent:#e9ecf1;--accent-2:#34d399;--warn:#f5b85c;--danger:#f87171;--block:#69f;--tx:#34d399;--log:#a78bfa;--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}body{min-height:100vh;background:radial-gradient(880px 460px at 50% -12%,rgba(102,153,255,.1),transparent 62%),var(--bg);background-attachment:fixed}a{color:var(--accent);text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:24px 20px 64px}.header{justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.brand,.header{display:flex;align-items:center}.brand{gap:12px}.logo{height:30px;width:auto;display:block}.brand h1{font-size:21px;margin:0;font-weight:700;letter-spacing:-.4px;background:linear-gradient(180deg,#fff,hsla(0,0%,100%,.6) 130%);-webkit-background-clip:text;background-clip:text;color:transparent}.brand h1 span{color:var(--muted);-webkit-text-fill-color:var(--muted)}.brand p{margin:2px 0 0;font-size:12px}.brand p,.conn{color:var(--muted)}.conn{display:flex;align-items:center;gap:8px;font-size:13px;background:var(--panel);border:1px solid var(--border);padding:8px 12px;border-radius:8px}.dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.dot.open{background:var(--accent-2);box-shadow:0 0 10px var(--accent-2)}.dot.connecting{background:var(--warn)}.dot.closed{background:var(--danger)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;grid-gap:12px;gap:12px;margin-bottom:20px}.stat{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.stat .label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.6px}.stat .value{font-size:22px;font-weight:700;margin-top:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat .sub{color:var(--muted);font-size:11px;margin-top:2px}.stat.tx-fees{grid-column:span 2/span 2}@media (max-width:680px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.filters{align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px 16px;margin-bottom:16px}.filters,.filters .group{display:flex;flex-wrap:wrap}.filters .group{gap:8px}.chip{border:1px solid var(--border);background:var(--panel-2);color:var(--muted);padding:6px 12px;border-radius:999px;font-size:13px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .12s ease}.chip:hover{color:var(--text)}.chip.on{color:#fff;border-color:transparent}.chip.on.block{background:rgba(79,140,255,.22);border-color:var(--block);color:var(--block)}.chip.on.transaction{background:rgba(41,211,152,.18);border-color:var(--tx);color:var(--tx)}.chip.on.log{background:rgba(180,140,255,.18);border-color:var(--log);color:var(--log)}.filters input[type=text]{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:7px 10px;font-size:13px;font-family:var(--mono);min-width:220px}.filters .spacer{flex:1 1}.btn{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);padding:7px 12px;border-radius:8px;font-size:13px;cursor:pointer}.btn:hover{color:var(--text)}.btn:disabled{cursor:not-allowed;opacity:.45}.btn:disabled:hover{color:var(--muted)}.feed,.feed-list{display:flex;flex-direction:column;gap:8px}.feed-list{height:560px;max-height:560px;overflow-y:auto;padding-right:4px}.feed-bar{justify-content:space-between;color:var(--muted);font-size:12px}.feed-bar,.row{display:flex;align-items:center;gap:12px}.row{background:var(--panel);border:1px solid var(--border);border-left-width:3px;border-radius:10px;padding:10px 14px;font-size:13px;animation:slidein .2s ease}@keyframes slidein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.row.block{border-left-color:var(--block)}.row.transaction{border-left-color:var(--tx)}.row.log{border-left-color:var(--log)}.row.spotlight{box-shadow:0 0 0 1px var(--warn) inset}.tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:6px;min-width:64px;text-align:center}.tag.block{background:rgba(79,140,255,.16);color:var(--block)}.tag.transaction{background:rgba(41,211,152,.16);color:var(--tx)}.tag.log{background:rgba(180,140,255,.16);color:var(--log)}.mono{font-family:var(--mono)}.row .main{flex:1 1;display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-width:0}.row .meta{font-size:12px;white-space:nowrap}.kv,.row .meta{color:var(--muted)}.kv b{color:var(--text);font-weight:600}.pill{font-size:11px;padding:2px 8px;border-radius:999px}.pill.success{background:rgba(41,211,152,.16);color:var(--tx)}.pill.reverted{background:hsla(0,100%,71%,.16);color:var(--danger)}.pill.unknown{background:rgba(139,151,168,.16);color:var(--muted)}.pill.spot{background:rgba(255,180,84,.18);color:var(--warn)}.empty{text-align:center;color:var(--muted);padding:60px 0;font-size:14px}@media (max-width:520px){.stats{grid-template-columns:1fr}.stat.tx-fees{grid-column:span 1}.feed-bar{align-items:flex-start;flex-direction:column}}.footer{margin-top:32px;color:var(--muted);font-size:12px;text-align:center}