#network-sample-tip{position:fixed;inset:auto;margin:0;max-width:min(340px,calc(100vw - 24px));padding:10px 12px;border:2px solid #937447;background:#252129;color:#fff6df;box-shadow:3px 3px 0 #0007;white-space:pre-line;font:13px/1.65 system-ui,sans-serif;pointer-events:none;z-index:10000;text-shadow:none}
.skull-sprite{display:inline-flex;position:relative;width:18px;height:18px;flex:0 0 18px;isolation:isolate;margin-right:3px}.skull-sprite .loss-skull{position:relative;margin:0}.burning-skull-art{position:absolute!important;width:27px!important;height:33px!important;max-width:none!important;left:-4.5px;top:-10px;overflow:visible}.skull-flame-frame{animation:skull-flame-frames .42s steps(1,end) infinite}.flame-b{animation-delay:-.21s;opacity:0}.skull-front-fire{animation:skull-front-burn .36s steps(2,end) infinite alternate}.ember-bone{animation:skull-bone-heat .7s steps(2,end) infinite alternate}.skull-fire-eyes{animation:skull-eye-heat .3s steps(2,end) infinite alternate}.skull-sparks{animation:skull-embers .9s steps(4,end) infinite}@keyframes skull-flame-frames{0%,49%{opacity:1}50%,100%{opacity:0}}@keyframes skull-front-burn{to{transform:translateY(-1px);opacity:.7}}@keyframes skull-bone-heat{to{fill:#ffb35c}}@keyframes skull-eye-heat{to{fill:#ff8f24}}@keyframes skull-embers{to{transform:translateY(-4px);opacity:0}}
#detail{width:min(820px,calc(100vw - 28px));max-width:820px;max-height:90dvh}#ping-dialog{width:min(760px,calc(100vw - 28px));max-width:760px;max-height:90dvh}

#network-history{--network-paper:#f6f2e8;--network-ink:#403c47;--network-line:#c7c0b4;color:var(--network-ink);margin-top:22px;border-top:2px solid var(--network-line);padding-top:18px;font:14px/1.6 system-ui,sans-serif;text-shadow:none}
[data-appearance=dark] #network-history{--network-paper:#211d30;--network-ink:#ece5f7;--network-line:#595068}
.network-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.network-history-head h3{margin:0;font-size:17px}.network-ranges{display:flex;gap:6px}.network-ranges button,#network-task,#network-tcp-day,[data-network-retry]{font:inherit;color:inherit;background:var(--network-paper);border:1px solid var(--network-line);border-radius:3px;padding:5px 10px;min-height:34px}.network-ranges button[aria-pressed=true]{background:#63518a;color:#fff;border-color:#63518a}.network-task-filter{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:12px 0}.network-task-filter>span{display:flex;gap:12px;flex-wrap:wrap}.network-key{display:inline-flex;gap:5px;align-items:center;font-size:12px}.network-key i{width:9px;height:9px;display:inline-block}.network-explainer{font:12px/1.7 system-ui,sans-serif!important;color:inherit!important;opacity:.85;margin:8px 0}.network-chart{padding:12px 10px 5px;background:var(--network-paper);border:1px solid var(--network-line);margin:10px 0;border-radius:4px;min-width:0}.network-chart h4,.tcp-payload-history h4{margin:0 0 6px;font:600 14px/1.5 system-ui,sans-serif}.network-chart small{font-weight:400;opacity:.8}.network-chart svg{display:block;width:100%;height:auto;min-height:160px;overflow:visible}.network-chart svg text{fill:var(--network-ink);font:12px system-ui,sans-serif}.chart-grid{stroke:var(--network-line);stroke-width:1;stroke-dasharray:3 4}.chart-hit{fill-opacity:.05;stroke:transparent;stroke-width:4;cursor:crosshair}.chart-hit:hover{fill-opacity:1;stroke:#ffffff80}.network-empty,.network-error{padding:20px 10px;text-align:center}.network-error{color:#b84630}.tcp-payload-history{padding:14px 0 4px}.tcp-payload-history>p{margin:8px 0;font-size:13px}.tcp-hour-grid{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:3px}.tcp-hour-grid i{display:block;height:21px;border:1px solid #8a8991;background:#93909b33;box-shadow:inset 0 -3px #0002}.tcp-hour-label{display:flex;justify-content:space-between;font-size:11px;margin-top:3px}.ping-block[data-network-tip]{cursor:help}
@media(max-width:540px){.network-chart{padding:8px 2px}.network-chart svg{min-height:0}.network-chart svg text{font-size:12px}.network-task-filter>span{gap:8px}.tcp-hour-grid{gap:2px}.tcp-hour-grid i{height:18px}}
@media(prefers-reduced-motion:reduce){.burning-skull-art *{animation:none}.flame-a{opacity:1}.flame-b{opacity:0}}

.tcp-carrier-row{margin:14px 0}.tcp-carrier-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font:13px/1.5 system-ui,sans-serif}.tcp-hour-grid .tcp-hour-green{background:#408258;border-color:#357049}.tcp-hour-grid .tcp-hour-yellow{background:#d39a32;border-color:#a17628}.tcp-hour-grid .tcp-hour-red{background:#bd4d3d;border-color:#913c34}.tcp-hour-grid .tcp-hour-error{background:repeating-linear-gradient(135deg,#8d7a8a44 0 3px,transparent 3px 6px)}.tcp-hour-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px}.tcp-hour-legend span:before{content:"";display:inline-block;width:8px;height:8px;margin-right:5px;background:var(--tone)}