.balance-controls{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:18px;align-items:center;margin-bottom:15px}.balance-controls label{font:10px DM Mono,monospace}.balance-controls output{color:var(--acid);font-size:18px}.balance-controls input{width:100%}.balance-controls span{color:var(--muted);font-size:10px}.balance-key{display:flex;gap:18px;flex-wrap:wrap;padding:12px 0;border-block:1px solid var(--line);font:9px DM Mono,monospace;color:#a4b2a8}.balance-key .creation{color:#67a7ff}.balance-key .retention{color:#ffd76a}.balance-key .inflow{color:#7fe3ba}.balance-key .outflow{color:#fb7085}.balance-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,.7fr);gap:16px;margin-top:16px}.balance-map rect{fill:#091a13}.balance-node{cursor:pointer}.balance-node .retention{fill:#10271d;stroke:#ffd76a;stroke-width:3}.balance-node .retention.positive{stroke:#7fe3ba}.balance-node .retention.negative{stroke:#fb7085}.balance-node .retention.missing{stroke:#708177}.balance-node .creation{fill:#67a7ff;opacity:.85}.balance-node .creation.contraction{fill:#fb7085}.balance-node .inflow{stroke:#7fe3ba;stroke-width:3}.balance-node .outflow{stroke:#fb7085;stroke-width:3}.balance-node .in-arrow{fill:#7fe3ba}.balance-node .out-arrow{fill:#fb7085}.balance-node text{text-anchor:middle;fill:#eef4ef;font:9px DM Mono,monospace;paint-order:stroke;stroke:#07140f;stroke-width:3px}.balance-node.active .retention{stroke:#fff;stroke-width:5}.balance-node:hover{filter:drop-shadow(0 0 6px #caff38)}#balanceMetrics div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}#balanceMetrics span{color:#90a096;font-size:10px}#balanceMetrics strong{color:var(--acid);font:12px DM Mono,monospace}#balanceMetrics small{display:block;margin-top:14px;color:#738479;font-size:9px}@media(max-width:850px){.balance-layout{grid-template-columns:1fr}.balance-controls{grid-template-columns:1fr}.balance-controls span{order:3}}