:root{--primary:#4ae183;--text-color:#fff;--card-bg:#111;--card-border:#333;--secondary-text:#a0a0a0}[data-theme=light]{--primary:#606bdf;--text-color:#1a1a1a;--card-bg:#f5f5f7;--card-border:#e1e1e1;--secondary-text:#666}.flow-container{position:relative;width:100%;height:100vh;overflow:hidden}#svgLines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.connector-line{stroke:var(--primary);stroke-opacity:.4;stroke-width:1.5;fill:none}.node{position:absolute;flex-direction:column;z-index:10;cursor:pointer;transform:translate(-50%,-50%)}.node,.node-icon{display:flex;align-items:center;transition:all .3s ease}.node-icon{width:50px;height:50px;border-radius:50%;background:var(--card-bg);border:2px solid var(--card-border);justify-content:center;box-shadow:0 4px 20px rgba(0,0,0,.3);position:relative}.node:hover .node-icon{border-color:var(--primary);box-shadow:0 8px 30px rgba(74,225,131,.2)}.node-icon img{width:30px;height:30px;object-fit:contain}.node-label{margin-top:8px;font-size:.75rem;color:var(--secondary-text);text-align:center;white-space:nowrap;font-weight:500}.node.algoticks .node-icon{width:70px;height:70px;border-color:var(--primary);animation:pulse 2s ease-in-out infinite}.node.algoticks .node-icon img{width:50px;height:50px}.country-flag{position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:20px;height:15px;border-radius:2px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.3);z-index:10}.city-name{bottom:-20px;left:50%;transform:translateX(-50%)}.broker-badge,.city-name{position:absolute;font-size:.7rem;color:var(--secondary-text);white-space:nowrap}.broker-badge{padding:4px 8px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:4px;pointer-events:none;z-index:5;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:translate(-50%,-50%)}.broker-badge.node-active{background:rgba(74,225,131,.2);border-color:var(--primary);color:var(--text-color);transform:translate(-50%,-50%) scale(1.1);z-index:100;box-shadow:0 0 15px var(--primary)}[data-theme=light] .broker-badge.node-active{background:rgba(96,107,223,.2)}.node.node-active .node-icon{border-color:var(--primary);box-shadow:0 0 20px var(--primary);transform:scale(1.1)}.signal-particle{pointer-events:none;z-index:100;filter:drop-shadow(0 0 4px var(--primary))}.pos-source{left:10%}.pos-server{left:40%}.pos-dest{left:65%}.row-1{top:15%}.row-2{top:32.5%}.row-3{top:50%}.row-4{top:67.5%}.row-5{top:85%}.server-blr{top:30%}.server-ny{top:55%}.server-lon{top:80%}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 0 0 rgba(74,225,131,.4)}70%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(74,225,131,0)}}@media (max-width:768px){.node-icon{width:30px;height:30px}.node-icon img{width:18px;height:18px}.node-label{font-size:.6rem}.node.algoticks .node-icon{width:45px;height:45px}.node.algoticks .node-icon img{width:30px;height:30px}.country-flag{width:14px;height:10px;top:-6px}.city-name{font-size:.6rem;bottom:-16px}.broker-badge{font-size:.6rem;padding:2px 4px}}