:root{--bg:#070510;--panel:#0f0b20bd;--panel-strong:#140f2ce6;--panel-border:#a78bfa29;--panel-border-bright:#a78bfa61;--ink:#f2eeff;--ink-dim:#a49bce;--ink-faint:#6f679b;--accent:#5bd7ff;--gold:#ffd166;--teal:#2ed3b7;--magenta:#ff4d8d;--violet:#a78bfa;--danger:#ff6b6b;--band-0:#ffe08a;--band-1:#ffb454;--band-2:#ff7e5f;--band-3:#ff4d8d;--band-4:#c084fc;--band-5:#818cf8;--band-6:#38bdf8;--band-7:#2dd4bf;--font-display:"Space Grotesk", "Avenir Next", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--shadow-panel:0 18px 48px #03010c8c;--blur-panel:blur(18px) saturate(1.25)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45}#root{position:relative}.galaxy-canvas{position:absolute;inset:0}.galaxy-canvas canvas{touch-action:none;width:100%;height:100%;display:block}.hud-layer{pointer-events:none;z-index:2;grid-template-rows:auto 1fr auto;gap:12px;padding:14px;display:grid;position:absolute;inset:0}.hud-layer>*{min-height:0}.hud-middle{justify-content:space-between;align-items:flex-start;gap:12px;min-height:0;display:flex}.hud-column{flex-direction:column;gap:12px;width:300px;min-height:0;max-height:100%;display:flex}.hud-column.right{align-items:stretch;width:324px}.panel{pointer-events:auto;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-md);-webkit-backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-panel);flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel-heading{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);border-bottom:1px solid var(--panel-border);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:600;display:flex}.panel-body{scrollbar-width:thin;scrollbar-color:var(--ink-faint) transparent;min-height:0;padding:12px 14px;overflow-y:auto}.panel-body::-webkit-scrollbar{width:6px}.panel-body::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:3px}button{color:inherit;font-family:inherit}.icon-button{pointer-events:auto;border-radius:var(--radius-sm);border:1px solid var(--panel-border);width:30px;height:30px;color:var(--ink-dim);cursor:pointer;background:#a78bfa14;justify-content:center;align-items:center;transition:color .14s,border-color .14s,background .14s;display:inline-flex}.icon-button:hover{color:var(--ink);border-color:var(--panel-border-bright);background:#a78bfa29}.icon-button svg{width:15px;height:15px}.text-button{pointer-events:auto;border:1px solid var(--panel-border);color:var(--ink);border-radius:var(--radius-sm);cursor:pointer;background:#a78bfa1a;padding:6px 12px;font-size:12px;font-weight:600;transition:background .14s,border-color .14s}.text-button:hover{border-color:var(--panel-border-bright);background:#a78bfa33}input[type=range]{appearance:none;background:linear-gradient(90deg, var(--violet), var(--accent));cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ink);border:2px solid var(--violet);border-radius:50%;width:14px;height:14px;box-shadow:0 0 10px #a78bfacc}input[type=text],input[type=search]{font-family:var(--font-mono);color:var(--ink);border:1px solid var(--panel-border);border-radius:var(--radius-sm);background:#07051099;outline:none;padding:8px 10px;font-size:12px;transition:border-color .14s}input[type=text]:focus,input[type=search]:focus{border-color:var(--accent)}.mono{font-family:var(--font-mono)}@media (width<=900px){.hud-column,.hud-column.right{width:260px}}.topbar{pointer-events:none;align-items:stretch;gap:12px;display:flex}.topbar-brand{flex-direction:row;align-items:center;gap:12px;padding:10px 16px}.brand-mark{background:radial-gradient(circle at 35% 35%,#ffe08a 0%,#ffb454 34%,#ff4d8dd9 72%,#0000 74%),radial-gradient(circle,#a78bfa80 0%,#0000 70%);border-radius:50%;flex:none;width:34px;height:34px;box-shadow:0 0 18px #ffb4548c}.topbar-brand h1{letter-spacing:.02em;white-space:nowrap;margin:0;font-size:15px;font-weight:700}.connection-pill{color:var(--ink-dim);align-items:center;gap:6px;font-size:11px;display:inline-flex}.connection-pill i{background:var(--ink-faint);border-radius:50%;width:7px;height:7px}.connection-pill.is-live i{background:var(--teal);box-shadow:0 0 8px var(--teal)}.connection-pill.is-demo i{background:var(--gold);box-shadow:0 0 8px var(--gold)}.connection-pill.is-connecting i{background:var(--ink-dim);animation:1.2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{50%{opacity:.3}}.searchbar{flex:1;align-self:center;max-width:460px;padding:4px;position:relative}.searchbar form{align-items:center;gap:8px;padding:0 10px;display:flex}.searchbar form svg{width:14px;height:14px;color:var(--ink-faint);flex:none}.searchbar input{background:0 0;border:none;flex:1;padding:8px 0}.searchbar input:focus{outline:none}.search-error{background:var(--panel-strong);border-radius:var(--radius-sm);color:var(--danger);border:1px solid #ff6b6b66;padding:7px 10px;font-size:12px;position:absolute;top:calc(100% + 6px);left:0;right:0}.topbar-stats{flex-direction:row;align-items:center;gap:18px;margin-left:auto;padding:8px 16px}.stat{flex-direction:column;gap:1px;min-width:64px;display:flex}.stat span{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);white-space:nowrap;font-size:10px}.stat strong{white-space:nowrap;font-size:13px;font-weight:500}.fee-bands{flex:0 auto}.probe{flex:none}.band-row{border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;width:100%;margin-bottom:4px;padding:8px 9px;transition:background .14s,border-color .14s;display:flex}.band-row:hover{background:#a78bfa17}.band-row.is-active{border-color:var(--panel-border-bright);background:#a78bfa24}.band-swatch{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 8px}.band-label{flex-direction:column;flex:1;min-width:0;display:flex}.band-label strong{font-size:12.5px;font-weight:600}.band-label span{color:var(--ink-dim);font-size:11px}.band-count{color:var(--ink-dim);white-space:nowrap;font-size:11px}.inspector-title{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.inspector-title strong{font-size:20px}.inspector-title em{color:var(--accent);white-space:nowrap;border:1px solid #5bd7ff4d;border-radius:999px;padding:2px 8px;font-size:11px;font-style:normal}.hash-row{width:100%;color:var(--ink-dim);border:1px solid var(--panel-border);border-radius:var(--radius-sm);cursor:pointer;background:#0705108c;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding:7px 10px;font-size:12px;transition:color .14s,border-color .14s;display:flex}.hash-row:hover{color:var(--ink);border-color:var(--panel-border-bright)}.hash-row svg{flex:none;width:13px;height:13px}.fact-grid{grid-template-columns:1fr 1fr;gap:10px 14px;margin:0 0 12px;display:grid}.fact-grid dt{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);margin-bottom:2px;font-size:10px}.fact-grid dd{margin:0;font-size:13px}.fee-range{margin-bottom:12px}.fee-range>span{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);font-size:10px}.fee-range-bar{border-radius:4px;height:8px;margin:6px 0 4px}.fee-range-ends{color:var(--ink-dim);justify-content:space-between;font-size:10.5px;display:flex}.status-chip{border-radius:999px;margin-bottom:12px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-block}.status-chip.is-confirmed{color:var(--teal);background:#2ed3b714;border:1px solid #2ed3b759}.status-chip.is-pending{color:var(--gold);background:#ffd16614;border:1px solid #ffd16659}.inspector-note{color:var(--ink-dim);border-left:2px solid var(--panel-border-bright);margin-bottom:10px;padding-left:8px;font-size:12px}.external-link{color:var(--accent);align-items:center;gap:6px;font-size:12px;text-decoration:none;display:inline-flex}.external-link:hover{text-decoration:underline}.external-link svg{width:12px;height:12px}.tx-flow{border:1px solid var(--panel-border);border-radius:var(--radius-sm);background:#07051066;margin-bottom:12px;padding:8px}.io-heading{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);justify-content:space-between;padding:0 2px 6px;font-size:10px;display:flex}.io-rows{flex-direction:column;gap:3px;display:flex}.io-row{border:none;border-left:2px solid var(--teal);width:100%;color:var(--ink-dim);cursor:pointer;text-align:left;background:#2ed3b70f;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;font-size:11px;transition:background .14s,color .14s;display:flex}.io-rows:last-child .io-row{border-left-color:var(--gold);background:#ffd1660f}.io-row:hover:not(:disabled){color:var(--ink);background:#a78bfa24}.io-row:disabled{cursor:default;opacity:.75}.io-row.is-op_return,.io-row.is-unknown{border-left-color:var(--ink-faint);background:#6f679b14}.io-row.is-coinbase{border-left-color:var(--magenta);background:#ff4d8d12}.io-address{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.io-value{white-space:nowrap;color:var(--ink);font-size:10.5px}.io-more{color:var(--ink-faint);padding:2px 8px;font-size:10.5px}.io-divider{color:var(--ink-faint);align-items:center;gap:8px;padding:6px 2px;display:flex}.io-divider svg{width:13px;height:13px}.io-divider em{color:var(--magenta);font-size:10.5px;font-style:normal}.address-txs{flex-direction:column;gap:3px;margin-bottom:10px;display:flex}.address-tx-row{border-radius:var(--radius-sm);width:100%;color:var(--ink-dim);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:6px 8px;font-size:11px;transition:background .14s,border-color .14s;display:flex}.address-tx-row:hover{border-color:var(--panel-border);background:#a78bfa1a}.address-tx-row .nav-dot{background:var(--teal)}.address-tx-id{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.address-tx-net{white-space:nowrap;font-size:10.5px}.address-tx-net.is-in{color:var(--teal)}.address-tx-net.is-out{color:var(--magenta)}.address-tx-row em{color:var(--ink-faint);white-space:nowrap;font-size:10px;font-style:normal}.heading-icon{vertical-align:-2px;width:12px;height:12px;margin-right:4px}.control-row{color:var(--ink-dim);justify-content:space-between;align-items:center;margin:8px 0 6px;font-size:12px;display:flex}.control-row output{color:var(--ink);font-size:12px}.probe-result{border-top:1px solid var(--panel-border);flex-direction:column;gap:3px;margin-top:12px;padding-top:10px;display:flex}.probe-result strong{color:var(--teal);font-size:13.5px}.probe-result span{color:var(--ink-dim);font-size:11.5px}.chain-navigator{flex-direction:row;justify-self:center;align-items:center;gap:8px;max-width:100%;padding:8px 10px}.nav-chip{color:var(--ink-dim);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.nav-chip:hover{color:var(--ink);background:#a78bfa1a}.nav-chip.is-active{color:var(--ink);border-color:var(--panel-border-bright);background:#a78bfa29}.nav-chip svg{width:14px;height:14px}.nav-chip em{color:var(--ink-faint);font-size:10.5px;font-style:normal;font-weight:400}.nav-dot{border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 6px}.nav-dot.pulsing{background:var(--gold);box-shadow:0 0 8px var(--gold);animation:1.6s ease-in-out infinite pulse-dot}.nav-divider{background:var(--panel-border);flex:none;align-self:stretch;width:1px}.nav-blocks{scrollbar-width:none;align-items:center;gap:2px;display:flex;overflow-x:auto}.nav-blocks::-webkit-scrollbar{display:none}.help-backdrop{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:#04020c8c;place-items:center;display:grid;position:absolute;inset:0}.help-panel{width:min(560px,100vw - 48px);max-height:min(640px,100vh - 48px)}.legend-row{gap:14px;margin-bottom:14px;display:flex}.legend-symbol{color:var(--gold);text-align:center;flex:none;width:26px;font-size:20px;line-height:1.2}.legend-row strong{font-size:13.5px}.legend-row p{color:var(--ink-dim);margin:3px 0 0;font-size:12.5px}.shortcut-grid{border-top:1px solid var(--panel-border);grid-template-columns:repeat(3,1fr);gap:8px 16px;margin-top:4px;padding-top:12px;display:grid}.shortcut-grid>div{color:var(--ink-dim);align-items:center;gap:8px;font-size:11.5px;display:flex}kbd{font-family:var(--font-mono);color:var(--ink);border:1px solid var(--panel-border-bright);white-space:nowrap;background:#a78bfa1f;border-radius:5px;padding:2px 7px;font-size:10.5px}.help-footnote{color:var(--ink-faint);margin:12px 0 0;font-size:11.5px}.toast-stack{z-index:8;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:76px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;background:var(--panel-strong);border:1px solid var(--panel-border-bright);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-panel);border-radius:999px;padding:9px 18px;font-size:12.5px;animation:.3s toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=1100px){.topbar-stats .stat:nth-child(3){display:none}}@media (width<=900px){.topbar{flex-wrap:wrap}.topbar-stats{gap:12px;margin-left:0}.searchbar{order:3;width:100%;max-width:none}}