.live-flows{min-width:0}.flow-hero{display:grid;grid-template-columns:1fr 250px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:32px;gap:24px;overflow:hidden;margin-bottom:24px;min-height:220px}.flow-hero h2{font-size:29px;line-height:1.4}.flow-hero p{font-size:11px;color:var(--muted);margin-top:13px}.flow-source-tags{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.flow-source-tags>span{font-size:9px;letter-spacing:.5px;padding:4px 9px;border:1px solid var(--line);border-radius:5px;color:var(--muted)}.flow-orbit-art{position:relative;min-height:165px;align-self:center}.flow-orbit-ring{border:1px solid var(--line);width:160px;height:160px;border-radius:50%;position:absolute;left:45px;top:0;box-shadow:0 0 0 23px var(--bg),0 0 0 24px var(--line)}.flow-orbit-center{position:absolute;left:92px;top:45px;width:65px;height:65px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);border-radius:20px;transform:rotate(-8deg)}.flow-orbit-center .ui-icon{width:32px;height:32px}.flow-orbit-node{position:absolute;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);width:46px;height:46px;background:var(--surface);font-size:10px;color:var(--blue)}.flow-orbit-node.a{left:23px;top:10px}.flow-orbit-node.b{right:23px;top:15px}.flow-orbit-node.c{left:100px;bottom:-10px}.flow-controls{padding:22px;margin-bottom:24px}.flow-mode-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:21px}.flow-mode-tabs button{display:flex;gap:7px;align-items:center;padding:10px 15px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--muted);font-size:12px}.flow-mode-tabs button.active{background:var(--blue-soft);color:var(--blue);border-color:var(--blue)}.flow-mode-tabs .ui-icon{width:16px;height:16px}.flow-address-control{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(250px,1.5fr);gap:18px;margin:22px 0;padding-top:20px;border-top:1px solid var(--line)}.flow-address-control[hidden]{display:none}.flow-controls label>span{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}.flow-controls .select{width:100%;min-height:38px}.flow-custom-address{display:flex;gap:10px;align-items:flex-end}.flow-custom-address label{flex:1;min-width:0}.flow-custom-address .input{width:100%}.flow-filter-row{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end}.flow-filter-row label{min-width:130px;flex:1}.flow-status{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:15px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;flex-wrap:wrap}.flow-status strong{font-weight:550;color:var(--ink)}.flow-status b{font-weight:400}.flow-status-dot{width:6px;height:6px;border-radius:50%;background:var(--blue)}.flow-status-dot.error{background:var(--red)}.flow-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:24px}.flow-stats>.panel{padding:23px;min-width:0}.flow-stats span{font-size:11px;color:var(--muted)}.flow-stats strong{display:block;font-size:24px;letter-spacing:-.4px;margin-top:14px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.flow-stats small{font-size:11px;color:var(--muted);font-weight:400}.flow-stats p{font-size:10px;color:var(--muted);margin-top:12px}.flow-mini-bar{display:block;width:62%;height:3px;background:var(--chart-up);margin-top:19px;border-radius:9px;opacity:.5}.flow-mini-bar.out{background:var(--chart-down);width:43%}.flow-feed{padding:25px;margin-bottom:24px;min-width:0}.flow-feed .section-heading p{font-size:11px;line-height:1.7;color:var(--muted);margin-top:8px;max-width:650px}.flow-tx-row{width:100%;display:grid;grid-template-columns:105px minmax(135px,.8fr) 1.2fr 130px 18px;align-items:center;gap:20px;background:transparent;border:0;border-top:1px solid var(--line);text-align:left;padding:18px 0;color:var(--ink)}.flow-tx-row:hover{background:var(--blue-soft)}.flow-direction{display:grid;grid-template-columns:18px auto;align-items:center;gap:2px 7px;color:var(--muted)}.flow-direction.in{color:var(--chart-up)}.flow-direction.out{color:var(--chart-down)}.flow-direction b{font-size:11px;font-weight:550}.flow-direction small{grid-column:2;font-size:9px;color:var(--muted)}.flow-direction .ui-icon{width:16px;height:16px;grid-row:span 2}.flow-tx-row>span>strong{display:block;font-size:13px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.flow-tx-row small{font-size:9px;font-weight:400;color:var(--muted)}.flow-tx-row em{font-size:9px;display:block;color:var(--muted);font-style:normal;margin-top:3px}.flow-tx-address{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:10px;min-width:0}.flow-tx-address b{font-weight:400;overflow:hidden;text-overflow:ellipsis}.flow-tx-address i{font-style:normal}.flow-tx-row time{display:block;font-size:10px;color:var(--muted)}.flow-tx-row>.ui-icon{width:15px;height:15px;color:var(--muted)}.flow-empty{text-align:center;padding:60px 15px}.flow-empty>.ui-icon{margin:0 auto 15px;width:30px;height:30px;color:var(--blue)}.flow-empty h3{font-size:15px}.flow-empty p{font-size:11px;color:var(--muted);margin-top:9px}.flow-coverage{padding:26px}.flow-coverage h3{font-size:17px}.flow-coverage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:24px}.flow-coverage-grid>div{border-left:1px solid var(--line);padding-left:22px}.flow-coverage-grid>div:first-child{border:0;padding-left:0}.flow-coverage-grid .ui-icon{color:var(--blue);margin-bottom:12px}.flow-coverage-grid strong{display:block;font-size:12px}.flow-coverage-grid p{font-size:11px;color:var(--muted);line-height:1.9;margin-top:10px}.flow-coverage-grid small{display:block;color:var(--muted);font-size:9px;margin-top:10px}.flow-coverage-grid .text-link{font-size:10px;margin-top:10px}.flow-coverage-grid .text-link .ui-icon{width:12px;height:12px;margin:0}.flow-hash{display:grid;gap:8px;margin:20px 0;min-width:0}.flow-hash span{font-size:9px;color:var(--muted)}.flow-hash code{font-size:11px;word-break:break-all;background:var(--bg);padding:10px;border-radius:6px;line-height:1.8}.flow-error{margin-bottom:20px}.flow-error p{font-size:11px;line-height:1.8;margin-top:7px}
@media(max-width:1100px){.flow-tx-row{grid-template-columns:90px 1fr 110px 15px;gap:12px}.flow-tx-address{display:none}.flow-stats{gap:16px}.flow-stats>.panel{padding:20px}}
@media(max-width:700px){.flow-hero{padding:24px 20px;grid-template-columns:1fr;gap:0;position:relative;min-height:210px;margin-bottom:20px}.flow-hero>div:first-child{position:relative;z-index:1}.flow-hero h2{font-size:24px}.flow-hero p{font-size:10px;max-width:82%;line-height:1.8}.flow-source-tags{gap:6px}.flow-source-tags span{font-size:8px}.flow-orbit-art{position:absolute;right:-70px;top:20px;width:220px;opacity:.18;pointer-events:none}.flow-controls{padding:17px;margin-bottom:20px}.flow-mode-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:19px}.flow-mode-tabs button{padding:10px 6px;gap:5px;min-height:50px;justify-content:center;flex-direction:column;font-size:9px;line-height:1.4}.flow-mode-tabs .ui-icon{width:17px;height:17px}.flow-filter-row{gap:13px 9px}.flow-filter-row label{min-width:115px;flex-basis:40%}.flow-controls label>span{font-size:10px}.flow-controls .select{font-size:10px;padding:10px 8px}.flow-filter-row .button{font-size:10px;min-height:35px;padding:8px 10px}.flow-filter-row .button .ui-icon{width:14px;height:14px}.flow-status{gap:7px;font-size:9px;line-height:1.7}.flow-address-control{grid-template-columns:1fr;gap:14px}.flow-custom-address{gap:8px;flex-wrap:wrap}.flow-custom-address label{flex-basis:100%}.flow-custom-address .input{font-size:11px}.flow-custom-address .button{font-size:10px}.flow-stats{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.flow-stats>.panel{padding:17px 14px}.flow-stats>.panel:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 10px}.flow-stats>.panel:last-child strong{margin:0;font-size:21px;grid-row:span 2}.flow-stats>.panel:last-child p{margin:0}.flow-stats span{font-size:9px}.flow-stats strong{font-size:20px}.flow-stats small{font-size:9px}.flow-feed{padding:20px 15px;margin-bottom:20px}.flow-feed h2{font-size:16px}.flow-feed .section-heading{align-items:flex-start}.flow-feed .section-heading p{font-size:10px}.flow-feed .badge{font-size:8px;flex-shrink:0}.flow-tx-row{grid-template-columns:79px minmax(100px,1fr) 15px;gap:9px;padding:17px 0}.flow-tx-row>span:nth-child(4){grid-column:2;grid-row:2;display:flex;gap:10px}.flow-tx-row>.ui-icon{grid-column:3;grid-row:1}.flow-direction{grid-row:span 2;grid-template-columns:15px auto;gap:2px 5px}.flow-direction b{font-size:10px}.flow-direction small{font-size:8px}.flow-tx-row>span>strong{font-size:12px}.flow-tx-row time{font-size:9px}.flow-empty{padding:40px 10px}.flow-empty p{line-height:1.8}.flow-coverage{padding:22px 18px}.flow-coverage h3{font-size:15px}.flow-coverage-grid{grid-template-columns:1fr;gap:22px;margin-top:22px}.flow-coverage-grid>div{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:19px}.flow-coverage-grid>div:first-child{padding-top:0}.flow-coverage-grid p{font-size:10px}.flow-hash code{font-size:10px}.flow-error{margin-bottom:20px}}