.sb{width:100%}.sb,.sb-stage{position:relative}.sb-stage{display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;-moz-column-gap:1rem;column-gap:1rem;max-width:680px;margin-inline:auto}.sb-coins,.sb-wires{position:absolute;inset:0;pointer-events:none;overflow:visible}.sb-wires{z-index:1}.sb-coins{z-index:2}.sb-wire{fill:none;stroke:var(--bs-ink-soft);stroke-width:3;stroke-linecap:round;stroke-dasharray:3 5;opacity:1;transition:stroke .25s ease,opacity .25s ease}.sb-wire.is-lit{stroke:var(--bs-coral);opacity:1}.sb-wire--out{stroke-dasharray:1 6}.sb-sources{position:relative;z-index:3;display:flex;flex-direction:column;gap:.75rem}.sb-bank{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .85rem;border-radius:var(--bs-radius-pill);border:var(--bs-line) solid var(--bs-edge);background-color:var(--bs-paper);box-shadow:var(--bs-shadow-sm);font-size:.9rem;font-weight:600;color:var(--bs-ink);cursor:pointer;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease,opacity .2s ease,border-color .2s ease}.sb-bank:hover{transform:translate(-1px,-1px);box-shadow:var(--bs-shadow)}.sb-bank.is-active,.sb-bank.is-lit{border-color:var(--bs-coral)}.sb-bank.is-active{box-shadow:3px 3px 0 var(--bs-coral)}.sb-bank.is-dim{opacity:.4}.sb-bank-logo{width:22px;height:22px;-o-object-fit:contain;object-fit:contain;flex:0 0 auto}.sb-bank-name{overflow:hidden;text-overflow:ellipsis;max-width:170px}.sb-hub{z-index:4;gap:.5rem}.sb-hub,.sb-node{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.sb-node.is-active .sb-node-mark{animation:sb-node-pulse .55s ease-out}.sb-node-mark{display:inline-flex;align-items:center;justify-content:center}.sb-peek{position:absolute;top:-38px;right:16px;z-index:-1;pointer-events:none}.sb-filter{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.45rem;margin-top:1.6rem}.sb-filter-label{font-size:.8rem;font-weight:600;color:var(--bs-ink-faint);margin-right:.15rem}.sb-type{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:var(--bs-radius-pill);border:2px solid var(--bs-edge);background-color:var(--bs-paper);cursor:pointer;opacity:.55;transition:transform .15s ease,opacity .2s ease,box-shadow .15s ease,border-color .2s ease}.sb-type:hover{transform:translateY(-2px);opacity:1}.sb-type.is-lit{opacity:1}.sb-type.is-active{opacity:1;border-color:var(--bs-coral);box-shadow:2px 2px 0 var(--bs-coral)}.sb-type img{width:17px;height:17px;-o-object-fit:contain;object-fit:contain}.sb-coin{position:absolute;width:34px;height:34px;margin-left:-17px;margin-top:-17px;display:flex;align-items:center;justify-content:center;border-radius:var(--bs-radius-pill);border:2px solid var(--bs-edge);background-color:var(--bs-paper);box-shadow:var(--bs-shadow-sm)}.sb-coin img{width:19px;height:19px;-o-object-fit:contain;object-fit:contain}.sb-coin--in{animation:sb-fly-in .72s cubic-bezier(.5,0,.5,1) forwards}.sb-coin--out{animation:sb-fly-out .62s cubic-bezier(.45,0,.55,1) forwards}.sb-sheet{position:relative;z-index:3;border-radius:var(--bs-radius);border:var(--bs-line) solid var(--bs-edge);background-color:var(--bs-paper);box-shadow:var(--bs-shadow);padding:1.05rem 1.1rem 1.15rem}.sb-tabs{display:flex;gap:.25rem;margin-bottom:.6rem}.sb-tab{display:inline-flex;align-items:center;gap:.22rem;padding:.25rem .4rem;border-radius:var(--bs-radius-pill);border:2px solid var(--bs-edge);background-color:var(--bs-cream-deep);font-size:.7rem;font-weight:700;color:var(--bs-ink-soft);cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .15s ease}.sb-tab:hover{transform:translateY(-1px)}.sb-tab.is-active{background-color:var(--bs-butter);color:var(--bs-on-accent)}.sb-tab img{width:12px;height:12px;-o-object-fit:contain;object-fit:contain}.sb-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.sb-sheet-title{font-size:.82rem;font-weight:700;color:var(--bs-ink)}.sb-synced{align-items:center;gap:.35rem;padding:.12rem .5rem;border-radius:var(--bs-radius-pill);font-size:.66rem;font-weight:700;color:var(--bs-sage-deep);background-color:color-mix(in srgb,var(--bs-sage) 22%,transparent)}.sb-dot,.sb-synced{display:inline-flex}.sb-dot{position:relative;width:7px;height:7px}.sb-dot:before{position:absolute;inset:0;animation:sb-ping 1.8s cubic-bezier(0,0,.2,1) infinite}.sb-dot:after,.sb-dot:before{content:"";border-radius:var(--bs-radius-pill);background-color:var(--bs-sage)}.sb-dot:after{position:relative;width:7px;height:7px}.sb-colhead{display:grid;grid-template-columns:26px 1fr auto;gap:.5rem;padding:0 .15rem .5rem;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--bs-ink-faint);border-bottom:1px solid var(--bs-hairline)}.sb-colhead--tag{grid-template-columns:1fr auto auto}.sb-rows{display:flex;flex-direction:column}.sb-row{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:.6rem;padding:.72rem .15rem;font-size:.82rem;border-bottom:1px solid var(--bs-hairline)}.sb-row--tag{grid-template-columns:1fr auto auto}.sb-row.is-new{animation:sb-row-drop .5s cubic-bezier(.16,1,.3,1) both}.sb-row-mark{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;border:1.5px solid var(--bs-edge);background-color:var(--bs-paper)}.sb-row-mark img{width:14px;height:14px;-o-object-fit:contain;object-fit:contain}.sb-row-desc{overflow:hidden;text-overflow:ellipsis;font-weight:500}.sb-row-amount,.sb-row-desc{white-space:nowrap;color:var(--bs-ink)}.sb-row-amount{font-variant-numeric:tabular-nums;font-weight:600}.sb-row-amount.is-pos{color:var(--bs-sage-deep)}.sb-tag{display:inline-flex;padding:.1rem .5rem;border-radius:var(--bs-radius-pill);font-size:.66rem;font-weight:700;border:1.5px solid var(--bs-edge)}.sb-foot,.sb-tag{align-items:center}.sb-foot{display:flex;gap:.4rem;margin-top:.55rem;font-size:.68rem;color:var(--bs-ink-faint)}.sb-foot strong{color:var(--bs-ink-soft);font-weight:700}.sb-spark{position:absolute;z-index:2;pointer-events:none}@keyframes sb-fly-in{0%{transform:translate(var(--dx),var(--dy)) scale(.9);opacity:0}20%{opacity:1}82%{transform:translate(calc(var(--dx) * .12),calc(var(--dy) * .12)) scale(1);opacity:1}to{transform:translate(0) scale(.5);opacity:0}}@keyframes sb-fly-out{0%{transform:translate(var(--dx),var(--dy)) scale(.5);opacity:0}22%{transform:translate(calc(var(--dx) * .82),calc(var(--dy) * .82)) scale(1);opacity:1}82%{opacity:1}to{transform:translate(0) scale(.9);opacity:0}}@keyframes sb-node-pulse{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes sb-row-drop{0%{opacity:0;transform:translateY(-10px);background-color:color-mix(in srgb,var(--bs-butter) 30%,transparent)}to{opacity:1;transform:translateY(0);background-color:transparent}}@keyframes sb-ping{0%{transform:scale(1);opacity:.7}75%,to{transform:scale(2.4);opacity:0}}@media (max-width:720px){.sb-stage{grid-template-columns:1fr;justify-items:center;gap:1.4rem}.sb-wires{display:none}.sb-sources{flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:340px}.sb-hub:before,.sb-sheet:before{content:"";position:absolute;left:50%;top:-1.4rem;width:0;height:1.4rem;border-left:2px dotted var(--bs-ink-faint);opacity:.55;transform:translateX(-50%);pointer-events:none}.sb-sheet{width:100%;max-width:340px;transform:rotate(0deg)}}@media (prefers-reduced-motion:reduce){.sb-coin--in,.sb-coin--out,.sb-dot:before,.sb-node.is-active .sb-node-mark,.sb-row.is-new{animation:none}}