:root{color:#edf5f4;background:#090d10;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% 0,#122627,#0000 36%),#090d10;margin:0}main{width:min(1100px,100% - 32px);margin:auto}header{border-bottom:1px solid #263034;align-items:center;gap:11px;height:82px;display:flex}header>div:nth-child(2){display:grid}header small{letter-spacing:.18em;color:#829291}header>span{color:#68e0cc;letter-spacing:.14em;margin-left:auto;font-size:10px}.logo{color:#071412;background:#68e0cc;border-radius:10px;place-items:center;width:40px;height:40px;font-style:italic;font-weight:900;display:grid}.hero{padding:64px 0 30px}.hero>p,.head>div>small{color:#68e0cc;letter-spacing:.2em;font-size:11px;font-weight:800}.hero h1{letter-spacing:-.05em;margin:15px 0 30px;font-size:clamp(44px,6vw,70px);line-height:.98}.hero em{color:#68e0cc;font-style:normal}.upload{background:#0d1417;border:1px dashed #36504e;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:170px;display:flex;position:relative}.upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload small,.top small,.rules small{color:#778785}.top,.rules,.panel,.warnings{background:#0d1417;border:1px solid #202b2e;border-radius:14px;margin:16px 0}.top{grid-template-columns:repeat(4,1fr);padding:20px;display:grid}.top>div,.top>label{gap:7px;display:grid}.top b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.top select{color:#edf5f4;background:#111b1e;border:1px solid #2a383a;border-radius:7px;padding:6px}.rules{grid-template-columns:repeat(3,1fr);padding:18px;display:grid}.rules div{gap:4px;display:grid}.rules b{font-size:22px}.head{justify-content:space-between;align-items:center;padding:20px;display:flex}.head h2{margin:5px 0 0}.head>span{color:#68e0cc;font-size:11px}.grid{grid-template-columns:1fr 1fr;gap:10px;padding:0 20px 20px;display:grid}.grid article{background:#111b1e;border:1px solid #202d30;border-radius:10px;padding:15px}.grid h3{text-transform:capitalize;margin:0 0 10px}.grid article div{color:#879795;border-top:1px solid #202d30;justify-content:space-between;padding:9px 0;display:flex}.grid article b{color:#edf5f4;font-size:13px}.grid i{text-transform:uppercase;border-radius:99px;padding:5px 8px;font-size:10px;font-style:normal}.on{color:#68e0cc;background:#132a26}.off{color:#879795;background:#1a2224}.unknown{color:#f1c56b;background:#292313}nav{border-top:1px solid #202b2e;border-bottom:1px solid #202b2e;padding:10px;display:flex;overflow:auto}nav button{color:#91a19f;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:9px 12px}nav button.active{color:#68e0cc;background:#172522;border-radius:7px}.labelgrid{grid-template-columns:repeat(4,1fr);gap:7px;padding:16px;display:grid}.labelgrid>div{background:#111b1e;border:1px solid #202d30;border-radius:7px;gap:9px;padding:10px;display:flex}.labelgrid span{color:#627371}.empty{text-align:center;color:#778785;gap:8px;padding:40px;display:grid}.warnings{background:#16140f;border-color:#4a3d26;padding:18px 22px}.warnings h3{color:#f1c56b}.warnings p{color:#b7aa8d;font-size:13px}#error{color:#ff9b91;margin-top:12px}footer{text-align:center;color:#647472;padding:26px;font-size:12px}body>main>section[hidden]{display:none}@media (width<=720px){.top,.rules,.grid,.labelgrid{grid-template-columns:1fr 1fr}}@media (width<=480px){.top,.rules,.grid,.labelgrid{grid-template-columns:1fr}}.pathlist{padding:0 20px 20px}.pathlist article{background:#111b1e;border:1px solid #202d30;border-radius:10px;padding:16px}.route{text-transform:capitalize;flex-wrap:wrap;align-items:center;gap:9px;display:flex}.route span{color:#68e0cc;background:#172522;border-radius:7px;padding:7px 9px}.route span.mustard{color:#f0c55d;border:1px solid #8a6a22}.route>b{color:#556663}.metrics{border-top:1px solid #202d30;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px;padding-top:14px;display:grid}.metrics div{gap:5px;display:grid}.metrics small{color:#778785}.metrics b{font-size:13px}@media (width<=900px){.metrics{grid-template-columns:1fr 1fr}}.pathlist article+article{margin-top:10px}.route .origin{color:#071412;background:#68e0cc;font-weight:800}.route .origin.mustard{color:#332606;background:#e7b84b}.branchTitle{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.branchTitle span{color:#778785;text-transform:capitalize;font-size:12px}.channelSelect{gap:5px;display:grid}.channelSelect small,.channelDelay small{color:#778785}.channelSelect select{color:#edf5f4;background:#111b1e;border:1px solid #2a383a;border-radius:7px;min-width:160px;padding:7px}.channelDelay{background:#111b1e;border:1px solid #202d30;border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 20px 18px;padding:14px 16px;display:grid}.channelDelay>div{gap:5px;display:grid}.branchMismatch{color:#cbb77f;background:#292313;border-radius:7px;margin-top:12px;padding:10px 12px;font-size:12px}@media (width<=720px){.channelDelay{grid-template-columns:1fr 1fr}}.pathSummary{background:#111b1e;border:1px solid #202d30;border-radius:10px;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 20px 20px;padding:14px 16px;display:grid}.pathSummary>div{gap:5px;display:grid}.pathSummary small{color:#778785;letter-spacing:.04em;font-size:10px}.pathSummary b{font-size:12px}.pathSummary .total{border-left:1px solid #31504a;padding-left:12px}.pathSummary .total small,.pathSummary .total b{color:#68e0cc}@media (width<=900px){.pathSummary{grid-template-columns:repeat(3,1fr)}.pathSummary .total{border-left:0;padding-left:0}}@media (width<=600px){.pathSummary{grid-template-columns:1fr 1fr}}.channelDelay{grid-template-columns:repeat(4,1fr)}.recommendation{color:#68e0cc}@media (width<=900px){.channelDelay{grid-template-columns:1fr 1fr}}.delayExplanation{background:#0d1618;border:1px solid #202d30;border-radius:11px;margin:0 20px 20px;overflow:hidden}.delayExplanationHead{border-bottom:1px solid #202d30;justify-content:space-between;align-items:end;gap:20px;padding:14px 16px;display:flex}.delayExplanationHead small{color:#68e0cc;letter-spacing:.16em;font-size:9px;font-weight:900}.delayExplanationHead h3{margin:4px 0 0;font-size:17px}.delayExplanationHead p{color:#82928f;text-align:right;margin:0;font-size:10px}.delayTableScroll{scrollbar-width:none;overflow-x:auto}.delayTableScroll::-webkit-scrollbar{display:none}.delayExplanation table{border-collapse:collapse;width:100%;min-width:900px}.delayExplanation th{color:#71827f;letter-spacing:.06em;text-align:left;border-bottom:1px solid #202d30;padding:9px 11px;font-size:9px}.delayExplanation td{color:#e8f0ef;vertical-align:top;border-bottom:1px solid #182427;padding:12px 11px;font-size:12px;font-weight:800}.delayExplanation tbody tr:last-child td{border-bottom:0}.delayExplanation td small{color:#7f918e;white-space:nowrap;margin-top:4px;font-size:9px;font-weight:600;display:block}.delayExplanation td:first-child small{text-overflow:ellipsis;max-width:150px;overflow:hidden}.delayExplanation .delayCell{color:#ff5e57}.delayExplanation .totalCell{color:#68e0cc}.delayExplanation .placementCell{color:#ff8f86;min-width:210px;font-size:10px;line-height:1.35}@media (width<=760px){.delayExplanationHead{display:block}.delayExplanationHead p{text-align:left;margin-top:7px}}.delayFacts{background:#202d30;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;display:grid}.delayFacts>div{background:#10191b;gap:4px;padding:14px;display:grid}.delayFacts small,.delayActions>small,.auxNote small{color:#71827f;letter-spacing:.08em;font-size:9px;font-weight:900}.delayFacts b{font-size:14px}.delayFacts span{color:#81928f;font-size:10px}.delayFacts .referenceFact b,.delayFacts .referenceFact span{color:#68e0cc}.delayActions{padding:14px 16px}.delayActions ul{gap:8px;margin:9px 0 0;padding:0;list-style:none;display:grid}.delayActions li{background:#1c1717;border-left:3px solid #ff6f61;border-radius:5px;grid-template-columns:minmax(130px,1fr) auto;gap:3px 16px;padding:10px 12px;display:grid}.delayActions li strong{color:#ff776e;font-size:12px}.delayActions li small{color:#82928f;grid-column:1/-1;font-size:10px}.delayActions li.noAction{background:#10201d;border-left-color:#68e0cc}.auxNote{padding:16px}.auxNote h3{margin:5px 0 4px}.auxNote p{color:#82928f;margin:0;font-size:11px;line-height:1.5}@media (width<=900px){.delayFacts{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.delayFacts{grid-template-columns:1fr 1fr}.delayActions li{grid-template-columns:1fr}.delayActions li strong,.delayActions li small{grid-column:auto}}.longest{background:linear-gradient(110deg,#10231f,#0d1718);border:1px solid #376e63;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin:16px 0;padding:18px 20px;display:flex}.longest:empty{display:none}.longest small,.flowHead small{color:#68e0cc;letter-spacing:.16em;font-weight:800}.longest h3{margin:7px 0 5px}.longest p{color:#91a3a0;margin:0;font-size:12px;line-height:1.5}.longest>span{color:#071412;letter-spacing:.12em;background:#68e0cc;border-radius:99px;padding:8px 11px;font-size:10px;font-weight:900}.longest:has(.incomplete){background:linear-gradient(110deg,#241f11,#151512);border-color:#8a6a22}.longest:has(.incomplete) small{color:#e7b84b}.longest>span.incomplete{color:#2b2108;background:#e7b84b}#flowDiagram{background:#0a1113;border:1px solid #202d30;border-radius:11px;margin:0 20px 18px;overflow:hidden}#flowDiagram:empty{display:none}.flowHead{border-bottom:1px solid #202d30;justify-content:space-between;padding:12px 15px;display:flex}.flowHead span{color:#6f817e;font-size:11px}.flowScroll{padding:6px;overflow-x:auto}.flowScroll svg{width:100%;height:auto;display:block}.flowEdges path{fill:none;stroke:#49635f;stroke-width:3px}.flowNode rect{fill:#14211f;stroke:#31504a;stroke-width:1.5px}.flowNode text{fill:#72dfcd;font:700 13px Inter,system-ui,sans-serif}.flowNode.source rect{fill:#68e0cc;stroke:#68e0cc}.flowNode.source text{fill:#071412;font-weight:800}.pathStripCount{fill:#91a19f;letter-spacing:.12em;font:900 11px Inter,system-ui,sans-serif}.flowModes{gap:4px;display:flex}.flowModes button{color:#879996;cursor:pointer;background:#101a1c;border:1px solid #2b403d;border-radius:6px;padding:5px 9px;font-size:10px;font-weight:800}.flowModes button.active{color:#071412;background:#68e0cc;border-color:#68e0cc}.flowNode.mustard rect{stroke:#e7b84b;stroke-width:2px}.flowNode.mustard.source rect{fill:#e7b84b;stroke:#e7b84b}.flowNode .mustardTag{fill:#e7b84b;letter-spacing:.06em;font-size:8px;font-weight:900}.flowNode.mustard.source .mustardTag{fill:#332606}.flowNode.compensation rect{fill:#ffb3aa;stroke:#ff6f61;stroke-width:2.5px}.flowNode.compensation text,.flowNode.compensation .delayTag{fill:#3b1110}.flowNode .delayTag{fill:#ff5e57;letter-spacing:.01em;font-size:7px;font-weight:900}.flowNode .currentDelayTag{fill:#8ea29e;font-size:8px;font-weight:800}.flowNode.totalLatency rect{fill:#102c27;stroke:#68e0cc;stroke-width:2px}.flowNode.totalLatency text{fill:#68e0cc;font-weight:900}.flowNode.totalLatency .totalTag{fill:#edf5f4;letter-spacing:.03em;font-size:8px}@media (width<=720px){.longest{align-items:flex-start}.longest>span,.flowHead span{display:none}}.labelgrid>div.mustard{background:#211c10;border-color:#9a7425;box-shadow:inset 3px 0 #e7b84b}.labelgrid>div.mustard b{color:#f3d077}.labelgrid .mustardState{text-align:center;white-space:nowrap;flex:0 0 26px;width:26px;margin-left:auto;font-style:normal;display:grid}.mustardState i{color:#edf5f4;background:#323638;border:1px solid #d25145;font:700 6px/9px system-ui,sans-serif}.mustardState strong{color:#121313;background:#f0cf21;border:1px solid #e7edf0;border-top:0;font:900 12px/15px system-ui,sans-serif}.cardStates{align-items:center;gap:5px;margin-left:auto;display:flex}.labelgrid>div>span:first-child sup{color:#68e0cc;text-transform:lowercase;margin-left:2px;font-size:13px;font-weight:900;line-height:1}.routeState{letter-spacing:.06em;white-space:nowrap;border-radius:4px;padding:4px 5px;font-size:7px;font-style:normal;font-weight:900}.routeState.reached{color:#68e0cc;background:#12302a;border:1px solid #2b6d61}.routeState.partial{color:#e7b84b;background:#292313;border:1px solid #765c20}.routeState.unresolved{color:#d79a92;background:#291918;border:1px solid #6d3934}.labelgrid>div.partial:not(.mustard){border-color:#56451f}.labelgrid>div.unresolved:not(.mustard){border-color:#4b2e2c}.tabMustard{color:#241d05;background:#f0cf21;border-radius:4px;margin-left:6px;padding:3px 6px;font-size:10px;font-style:normal;font-weight:900;line-height:1.1}.addDelayState{color:#ff5e57;white-space:nowrap;letter-spacing:.02em;background:0 0;border:0;padding:0;font-size:10px;font-style:normal;font-weight:900;line-height:1.15}.cardStates{gap:6px}.channelPane .labelgrid>div>b{min-width:0}.workbench{grid-template-columns:240px minmax(520px,1fr) 210px;align-items:start;gap:14px;margin-top:16px;display:grid}.analysisPane{min-width:0}.sessionPane,.channelPane{background:#0d1417;border:1px solid #202b2e;border-radius:14px;position:sticky;top:12px;overflow:hidden}.sessionPaneHead{padding:17px 16px 12px}.sessionPaneHead small,.inventoryTitle small{color:#68e0cc;letter-spacing:.18em;font-size:10px;font-weight:800}.sessionPaneHead h2,.inventoryTitle h2{margin:5px 0 0;font-size:20px}.sessionFacts{padding:0 16px 14px}.sessionFacts>div{border-top:1px solid #202b2e;gap:4px;padding:11px 0;display:grid}.sessionFacts small,.latencyModel>small{color:#778785;letter-spacing:.1em;font-size:9px}.sessionFacts b{overflow-wrap:anywhere;font-size:12px}.latencyModel{background:#10191b;border-top:1px solid #202b2e;padding:14px 16px 16px}.latencyModel>div{grid-template-columns:38px 1fr;align-items:center;margin-top:10px;display:grid}.latencyModel b{color:#68e0cc;font-size:18px}.latencyModel span{color:#91a19f;font-size:10px}.inventoryTitle{padding:16px}.channelPane nav{border-top:1px solid #202b2e;padding:7px}.channelPane nav button{padding:7px 8px;font-size:11px}.channelPane .labelgrid{max-height:calc(100vh - 190px);padding:7px;display:block;overflow:auto}.channelPane .labelgrid>div{cursor:pointer;align-items:center;min-width:0;margin-bottom:5px;padding:9px}.channelPane .labelgrid>div>b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channelPane .labelgrid>div.selected{background:#162724;border-color:#68e0cc;box-shadow:inset 3px 0 #68e0cc}.channelPane .labelgrid,.channelPane nav,.flowScroll{scrollbar-width:none}.channelPane .labelgrid::-webkit-scrollbar{display:none}.channelPane nav::-webkit-scrollbar{display:none}.flowScroll::-webkit-scrollbar{display:none}body.loaded main{width:min(1600px,100% - 24px)}body.loaded .hero{padding:20px 0 4px}body.loaded .hero>p,body.loaded .hero h1{display:none}body.loaded .upload{border-radius:10px;flex-direction:row;min-height:62px}@media (width<=1100px){.workbench{grid-template-columns:220px minmax(480px,1fr)}.sessionPane{grid-area:2/1/auto/-1;grid-template-columns:180px 1fr 1fr;display:grid;position:static}.sessionFacts{grid-template-columns:repeat(2,1fr);display:grid}.latencyModel{border-top:0;border-left:1px solid #202b2e}}@media (width<=760px){.workbench{grid-template-columns:1fr}.channelPane,.sessionPane{grid-area:auto;position:static}.channelPane .labelgrid{max-height:280px}.sessionPane{display:block}}.releaseInfo{color:#91a19f;border-top:1px solid #202b2e;gap:5px;padding:14px 16px;display:grid}.releaseInfo small{color:#68e0cc;letter-spacing:.12em;font-size:9px;font-weight:800}.releaseInfo b{color:#edf5f4;font-size:12px}.releaseInfo span{font-size:10px}footer b{color:#91a19f}footer a{color:#68e0cc;text-decoration:none}footer a:hover{text-decoration:underline}