:root{color-scheme:dark;--bg:#0c1017;--panel:#121923;--line:#25303e;--muted:#8c9aad;--text:#e4ebf3;--accent:#81e4b7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,a{font:inherit}button,a,input,select{outline-offset:4px}button,a{cursor:pointer}button{color:var(--text);border:1px solid var(--line);background:#19222e;border-radius:7px;padding:10px 14px}button:hover,a:hover{filter:brightness(1.2)}button:disabled{opacity:.5;cursor:wait}input,select{color:var(--text);background:#0d141e;border:1px solid var(--line);border-radius:6px;min-width:0;padding:12px;width:100%}input:focus,select:focus{outline:1px solid var(--accent)}aside{width:236px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:32px 22px;background:#0f151e;display:flex;flex-direction:column}.brand{color:var(--accent);display:flex;gap:10px;font-size:27px;text-decoration:none;align-items:center;font-weight:750;letter-spacing:-1px}.brand>span{font-size:18px;letter-spacing:.4px;color:#edf4fc}.brand-light{font-weight:350;color:var(--muted)}.workspace,.history-heading{font-size:10px;letter-spacing:1.5px;color:#718196}.workspace{margin:48px 0 16px}.nav{text-align:left;background:#19322f;border-color:#29453e;color:var(--accent)}.nav span{float:right}.history-heading{display:flex;align-items:center;justify-content:space-between;margin:35px 0 10px}.history-heading button{border:0;background:none;padding:2px 5px;font-size:20px}#search{font-size:12px;padding:10px}#history{overflow-y:auto;flex:1;margin-top:12px}.history-item{display:block;width:100%;text-align:left;padding:13px 9px;margin:3px 0;border:1px solid transparent;background:none;overflow:hidden}.history-item.active{background:#1b2532;border-color:var(--line)}.history-item strong{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item small{display:block;margin-top:7px;color:var(--muted);font-size:10px}.aside-footer{padding-top:25px;border-top:1px solid var(--line);font-size:12px;color:#b6c5d4;line-height:2}.aside-footer small{font-size:10px;color:#6f8094}main{margin-left:236px;padding:0 38px;max-width:1900px}header{height:79px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:1.4px}header b{margin:0 13px;color:#445164}.local{color:var(--accent);font-size:9px;background:#162b27;padding:7px 10px;border:1px solid #294139;border-radius:4px}.heading{padding:40px 0 29px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent)}h1{font-size:35px;letter-spacing:-1px;font-weight:580;margin:12px 0}h1 span{color:var(--accent)}.heading p{color:var(--muted);margin:0;font-size:13px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px}#settings{padding:24px}.form-top{display:grid;grid-template-columns:minmax(180px,1fr) 130px 155px 150px;gap:17px;align-items:end}label{display:block;font-size:9px;letter-spacing:1px;color:#a4b3c5}label input,label select{margin-top:9px;font-size:13px;letter-spacing:0}.hint{font-size:9px;color:#65788e;letter-spacing:0;margin-left:4px}.input-icon{position:relative}.input-icon>span{position:absolute;left:13px;top:20px;font-size:18px;color:#6e8a96}.input-icon input{padding-left:39px}.primary{background:var(--accent);color:#0b2d20;border:0;font-weight:650;height:43px}.primary span{margin-left:17px}.form-bottom{display:flex;gap:24px;align-items:center;padding-top:20px}.toggle{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:0;color:#bdc8d7}.toggle input{width:15px;margin:0;accent-color:var(--accent)}.lookup-note{font-size:11px;color:#708399}.subtle{background:none;border:0;color:var(--muted);padding:6px;font-size:11px}#advanced-toggle{margin-left:auto}#advanced{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}[hidden]{display:none!important}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.metrics>div{border:1px solid var(--line);border-radius:8px;background:linear-gradient(120deg,#151e29,#111822);padding:20px}.metrics span{font-size:9px;letter-spacing:1.2px;color:var(--muted)}.metrics strong{display:block;font-size:25px;font-weight:520;margin:12px 0 8px}.metrics small{font-size:10px;color:#6f8299}#status{font-size:21px;color:var(--accent)}.trace-heading{padding:22px;display:flex;justify-content:space-between;align-items:center;gap:12px}h2{font-size:15px;font-weight:550;margin:0 0 8px}.trace-heading>div>span{font-size:11px;color:var(--muted)}.actions{display:flex;gap:6px}.actions button,.actions a{font-size:11px;padding:7px 9px;border:1px solid var(--line);border-radius:5px;background:#18212c;color:#aabacd;text-decoration:none}.actions .danger{color:#ff969e;border-color:#753743;background:#391e29}.table-wrap{overflow:auto;min-height:265px}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:right;font-size:8px;letter-spacing:.6px;color:#8295ac;background:#0f1620;padding:14px 10px;border-block:1px solid var(--line)}th:nth-child(3),th:nth-child(4){text-align:left}td{text-align:right;padding:15px 10px;border-bottom:1px solid #232d39;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}td:nth-child(3),td:nth-child(4){text-align:left}td small{display:block;font-size:10px;color:var(--muted);margin-top:6px;max-width:260px;overflow:hidden;text-overflow:ellipsis}tr.normal td:nth-child(2){color:#8193aa}tr.red{color:#ff8894}tr.orange{color:#ffb071}tr.yellow{color:#f6da7a}tr.blue{color:#79b8ff}tr.red td small,tr.orange td small,tr.yellow td small,tr.blue td small{color:inherit;opacity:1}.spark{width:90px;height:25px;vertical-align:middle}.spark polyline{fill:none;stroke:var(--accent);stroke-width:1.6}#empty{text-align:center;padding:38px 10px}.empty-icon{margin:auto;width:50px;height:50px;background:#182c2c;border:1px solid #2d4c43;border-radius:12px;font-size:38px;color:var(--accent)}#empty h3{font-size:15px;font-weight:500;margin:19px 0 10px}#empty p{color:var(--muted);font-size:12px}#empty>span{display:block;color:#62768e;font-size:9px;letter-spacing:1px;margin-top:22px}.table-footer{padding:16px 20px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted)}.dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:6px}.legend{display:flex;gap:17px}.swatch{display:inline-block;width:6px;height:6px;border-radius:2px;margin-right:5px}.swatch.yellow{background:#f6da7a}.swatch.orange{background:#ffb071}.swatch.red{background:#ff8894}.footnote{font-size:11px;color:#72869e;line-height:1.8;margin:19px 2px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:23px 0;margin-top:32px;font-size:9px;color:#596d85;letter-spacing:.7px}footer b{padding:0 10px}#error{background:#361d29;border:1px solid #77364a;color:#ffb5c0;border-radius:7px;padding:15px;margin-top:16px}#replay{display:flex;gap:15px;align-items:center;padding:12px 22px;border-top:1px solid var(--line)}#timeline{accent-color:var(--accent);padding:0}#replay-label{white-space:nowrap;font-size:11px;color:var(--muted)}#play{white-space:nowrap;font-size:11px}@media(min-width:1500px){main{padding:0 55px}.heading{padding-top:50px}.metrics{margin:26px 0}}@media(max-width:1100px){aside{width:195px;padding:25px 15px}main{margin-left:195px;padding:0 22px}.form-top{grid-template-columns:1fr 110px 130px}.primary{grid-column:1/-1}.metrics>div{padding:14px}.metrics strong{font-size:22px}.trace-heading{flex-wrap:wrap}}@media(max-width:750px){aside{position:relative;width:auto;padding:18px;max-height:230px}.workspace,.nav,.aside-footer,#more{display:none}.history-heading{margin:10px 0}#history{display:flex;min-height:55px}.history-item{min-width:160px}.brand{font-size:20px}main{margin:0;padding:0 16px}header{height:55px;font-size:8px}.heading{padding-top:27px}h1{font-size:29px}.form-top{grid-template-columns:1fr 1fr}.destination{grid-column:1/-1}.metrics{grid-template-columns:1fr 1fr}.form-bottom{flex-wrap:wrap;gap:12px}#advanced{grid-template-columns:1fr 1fr}.table-footer,footer{flex-direction:column}.legend{gap:10px}.lookup-note{display:none}#settings{padding:18px}#replay{flex-wrap:wrap}#timeline{order:3}}

 td .asn-holder{white-space:normal;min-width:150px;max-width:260px;line-height:1.4;color:#bdcbdc}


.status-column{width:30px;text-align:center;padding-left:14px;padding-right:4px}
.hop-status{display:inline-block;width:9px;height:9px;border-radius:50%;vertical-align:middle}
.hop-status.green{background:#81e4b7}.hop-status.orange{background:#ffb071}.hop-status.red{background:#ff8894}.hop-status.pending{background:#708399}
.swatch.blue{background:#79b8ff}
tr.red .spark polyline,tr.orange .spark polyline,tr.yellow .spark polyline,tr.blue .spark polyline{stroke:currentColor}
.legend{flex-wrap:wrap}
