html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden;background:#0f172a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-optical-sizing:auto}h2{all:unset;font-size:1rem;margin:0;font-weight:400}ul,ul li,ul li ul{margin:0;padding:0;text-indent:0;list-style-type:none}a{all:unset;cursor:pointer}#chart-zone{display:flex;align-items:center;justify-content:center}svg#chart{background:#0f172a;margin:auto;width:100vw;height:100vh;display:block}.pannable{cursor:grab}.pannable.grabbing{cursor:grabbing}.link-labels{text-shadow:0 1px 2px rgba(0,0,0,.3)}.selectable{cursor:pointer}.node-name-icon{display:flex;gap:.35rem;align-items:center}#infobox,#initial-infobox{position:fixed;top:62px;right:0;height:100vh;min-width:20%;background:linear-gradient(to bottom,#0f172ae6,#0f172acc,#0f172abf);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);text-shadow:0 1px 2px rgba(0,0,0,.3);color:#fff;letter-spacing:.08em;line-height:1.6;-webkit-user-select:text;user-select:text;overflow-y:auto;box-sizing:border-box;display:none;z-index:1000;-webkit-font-smoothing:subpixel-antialiased;scrollbar-width:thin;scrollbar-color:rgba(0,255,255,.75) transparent;padding-bottom:3rem;border-left:1px solid rgba(255,255,255,.15);box-shadow:0 0 6px #00000059}#initial-infobox{display:flex;flex-direction:column;gap:.5rem;min-width:18rem}#initial-infobox h2{padding:6px 12px;font-weight:500;text-transform:uppercase}#initial-infobox>.header:first-child{padding:12px;border-bottom:1px solid rgba(255,255,255,.15)}#initial-infobox .header{display:flex;justify-content:space-between}#initial-infobox .header .title{font-size:.9rem;padding:0 16px;margin-right:.5rem;display:flex;flex-direction:column;flex-grow:1;justify-items:start;justify-content:space-between;height:fit-content;gap:.75rem}#initial-infobox .header .title .power-bar{width:100%}ul#initial-infobox-network-list{display:flex;flex-direction:column;gap:.5rem}ul#initial-infobox-network-list li{padding:.5rem 0;margin:0;cursor:pointer}ul#initial-infobox-network-list li.highlighted{background:linear-gradient(to right,#0c9ed84d,#0c9ed833,#0c9ed81a)}#infobox .mobile-header{display:none}#infobox::-webkit-scrollbar{width:6px;background:transparent}#infobox::-webkit-scrollbar-thumb{background-color:#33ffcc26;border-radius:3px;border:1px solid transparent}#infobox-close,#initial-infobox-close{background:transparent;border:none;font-size:1.8rem;cursor:pointer;color:#ffffffbf;transition:color .25s ease;-webkit-user-select:none;user-select:none;line-height:1;padding:0;margin:0}#initial-infobox-close{margin-right:12px}#initial-infobox .power-bar-bg{background:#ffffff26;height:4px;border-radius:3px;overflow:hidden}#infobox-close:hover,#initial-infobox-close:hover{color:#00fff0}#infobox .power-bar-bg{background:#ffffff26;height:3px;overflow:hidden;margin-top:1px;margin-bottom:6px}#infobox .related-channel{display:flex;flex-direction:column;gap:.5rem;line-height:1.4;-webkit-user-select:text;user-select:text}#infobox .related-channel .title{text-transform:uppercase;font-size:small;padding:5px 20px;background:linear-gradient(to right,#ffffff1f,#ffffff0d)}#infobox #infobox-content>.header{display:flex;flex-direction:column}#infobox #infobox-content>.header .title{font-size:large;font-weight:500;text-transform:uppercase;padding:0 16px;margin-bottom:1rem;margin-right:.5rem;margin-top:1rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}#infobox .header .title-link{display:flex;gap:.25rem;align-items:center}#infobox .header .title-link:hover,#infobox .header .title-link:hover svg{color:#0ff}#infobox .header .title-link svg{height:.85rem;width:.85rem;color:#fff6}#infobox .properties,#initial-infobox .properties{display:flex;flex-direction:column;font-size:small;justify-items:center;gap:.35rem}#infobox .header .properties,#inital-infobox .properties{padding:6px 25px 10px}#initial-infobox .properties{padding:0 25px;margin:0}#infobox .properties .channel-path,#infobox .properties .channel-metrics{padding:6px 25px;text-shadow:0 1px 1px rgba(0,0,0,.15)}#infobox .properties div,#initial-infobox .properties div{display:flex;gap:1rem;justify-content:space-between;align-items:start}#infobox .properties div>:first-child,#initial-infobox .properties div>:first-child{color:#fff9}#infobox .channel-path{display:flex;gap:.25rem;align-items:center}#infobox .channel-path .arrow{width:1rem;height:1rem;color:#ffffff40}#infobox .sparkline-container{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:0;opacity:.2;pointer-events:none;display:flex;align-items:center;justify-content:center}#infobox .sparkline-container .sparkline{flex:1;width:100%;height:100%}div[position=relative]>*:not(.sparkline-container){position:relative;z-index:1}.top-bar{position:fixed;top:0;left:0;right:0;height:60px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#0a0d0f1a;border-bottom:1px solid rgba(238,143,0,.562);box-shadow:0 2px 10px #0000000d;z-index:9999}.top-bar-content{height:100%;margin:0 1rem;display:flex;align-items:center;padding:0 4rem;gap:.5rem;color:#fff;-webkit-user-select:none;user-select:none}.top-bar .logo{width:36px;height:36px;cursor:default;-webkit-user-select:none;user-select:none}.top-bar .title{font-size:.75rem;white-space:nowrap;display:flex;flex-direction:column;gap:3px;color:#ffffffb3;text-transform:uppercase}.top-bar .title span:first-child{font-family:Russo One,sans-serif;color:#ffffffe6;font-size:.9rem;letter-spacing:.15rem}#mobile-menu-burger,#mobile-menu-overlay{display:none}.nav-links{margin-left:auto;display:flex;gap:20px}.nav-links a{color:#ffffffb3;text-decoration:none;font-size:1rem;padding:6px 8px}.nav-links a:hover,.nav-links a:focus{color:#fff;outline:none}#chart-tools{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:row;gap:1rem;align-items:center;opacity:.65}#chart-tools:hover{opacity:1}#zoom-controls button{color:#ffffffbf;background:#111e2280;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:3px 5px;border:1px solid rgba(255,255,255,.1);cursor:pointer;display:flex;align-items:center;justify-content:center}#zoom-controls button:hover{color:#00ffffb3;border:1px solid rgba(0,255,255,.7)}#zoom-wrapper{display:flex;gap:.35rem;align-items:center;justify-content:center}#zoom-controls{display:flex;align-items:center;justify-content:center;gap:2px}#chart-title{position:absolute;top:80px;left:5rem;font-size:small;display:flex;gap:.5rem;align-items:center}#chart-title select{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:2px 6px;padding-right:1.15rem;border-radius:4px;font-size:.85rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%23ccc" height="12" viewBox="0 0 24 24" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 4px center;background-size:12px;cursor:pointer}#chart-title label{font-size:.85rem}#chart-title select:focus{outline:none;background-color:#ffffff1a;border-color:#ffffff4d}#chart-title select option{background-color:#111;color:#eee}.button-group button{border-radius:0;margin:0}.button-group button:first-child{border-top-left-radius:.35rem;border-bottom-left-radius:.35rem}.button-group button:last-child{border-top-right-radius:.35rem;border-bottom-right-radius:.35rem}.info-container{position:fixed;bottom:20px;right:20px}.info-icon{width:36px;height:36px;background-color:#00ffff80;color:#111e22cc;border:1px solid rgba(17,30,34,.8);border-radius:50%;font-weight:700;text-align:center;line-height:36px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:24px;box-shadow:0 2px 6px #0000004d;transition:background-color .2s ease}.info-icon:active,.info-icon:hover,.info-icon:focus{background-color:#ffa600b3;outline:none}.info-container .tooltip{position:absolute;bottom:48px;right:0;background:#111e22d9;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:#f0f0f0;padding:14px 20px;border-radius:8px;font-size:16px;line-height:1.4;max-width:25rem;box-shadow:0 4px 8px #00000059;display:none;pointer-events:none;-webkit-user-select:text;user-select:text;z-index:100}.info-icon:hover+.tooltip,.info-icon:focus+.tooltip{display:flex;flex-direction:column;gap:0;width:max-content;pointer-events:auto}.network-header.skeleton{height:1rem;width:95%;margin:8px;opacity:.5}.skeleton{position:relative;overflow:hidden;background:linear-gradient(90deg,#e0e0e033 25%,#f0f0f066 37%,#e0e0e033 63%);background-size:400% 100%;animation:pulseGradient 3s cubic-bezier(.4,0,.2,1) infinite;border-radius:4px}@keyframes pulseGradient{0%{background-position:100% 0}50%{background-position:0% 0}to{background-position:-100% 0}}@media (max-width: 768px){.top-bar{height:fit-content}.top-bar-content{padding:10px 12px;margin:0;gap:12px}.title{font-size:1rem}#desktop-nav{display:none}#chart-tools{bottom:3rem;bottom:calc(env(safe-area-inset-bottom) + 16px);left:50%;transform:translate(-50%);gap:6px;padding:4px 6px;flex-wrap:wrap}#chart-title label,#chart-title select{font-size:.75rem}#chart-title{flex-wrap:wrap;left:1rem}#zoom-controls button{width:2rem;height:2rem;font-size:.9rem}#initial-infobox,#initial-infobox-network-list{display:none}#infobox{top:56px;right:0;width:100%;min-width:0;max-width:none;padding:0;border-left:none;border-right:none;font-size:.9rem;background-color:#112222f2;max-height:100vw;height:fit-content}#infobox-content{width:100%;display:none}#infobox .mobile-header{display:flex;padding:12px;font-size:small;gap:.5rem;color:#fffc;align-items:center;border-bottom:1px solid rgba(0,0,0,.3)}#infobox .mobile-header h2{font-size:small;font-weight:400;line-height:normal}#infobox .mobile-header .expand-indicator{color:#fff6}#infobox.open #infobox-content{display:block}#infobox.open .expand-indicator{transition:transform .3s ease}#infobox.open .expand-indicator{transform:rotate(180deg)}#infobox .header{padding-top:0}#infobox .header .title{font-size:1rem;padding:8px 12px;margin-bottom:.75rem}#infobox .header .power-bar{margin-top:-.5rem;margin-bottom:.5rem}#infobox .properties{gap:.25rem;bottom:3rem;bottom:calc(env(safe-area-inset-bottom) + 16px)}#infobox .properties .channel-path{font-size:small;text-overflow:ellipsis;padding-right:2px}#infobox .properties .channel-metrics{padding-left:2px}.info-container .tooltip{max-width:18rem;overflow:auto}#mobile-menu-burger{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:.4rem;padding:.5rem;margin-left:auto}#mobile-menu-burger span{display:block;background-color:#fff9;border-radius:2px;transition:all .2s ease;height:2px}#mobile-menu-burger span:first-child{width:24px}#mobile-menu-burger span:last-child{width:16px}#mobile-menu-overlay{position:fixed;display:flex;justify-content:center;height:100vh;width:100vw;top:0;right:0;bottom:0;left:0;z-index:10000;background-color:#0f172a;color:#fffc;transform:translate(100%);transition:transform .3s ease-in-out}#mobile-menu-overlay.active{transform:translate(0)}#mobile-menu-close{position:absolute;top:1rem;right:1rem;font-size:2rem;color:#fff9;background:none;border:none;cursor:pointer}#mobile-menu-close:focus{color:#fff;outline:none}#mobile-menu{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:6rem;padding:0 1.5rem;font-size:1.25rem}#mobile-menu a.menu-link{color:inherit;text-decoration:none;transition:color .2s ease}#mobile-menu a.menu-link:focus,#mobile-menu a.menu-link:hover{color:#fff}}