:root{--bg:#f6f7fb;--panel:#fff;--text:#252638;--muted:#83869b;--line:#eceef5;--soft:#f5f6fb;--shadow:0 24px 80px #2636540a;color-scheme:light}html[data-theme=dark]{--bg:#10131e;--panel:#191e2c;--text:#f0f2fa;--muted:#9aabc1;--line:#2b3448;--soft:#20283a;--shadow:0 24px 80px #0002;color-scheme:dark}@media(prefers-color-scheme:dark){html:not([data-theme=light]){--bg:#10131e;--panel:#191e2c;--text:#f0f2fa;--muted:#9aabc1;--line:#2b3448;--soft:#20283a;--shadow:0 24px 80px #0002;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}.glow{position:absolute;z-index:-1;top:0;right:0;width:70vw;height:650px;background:radial-gradient(ellipse at 70% 15%,#b0b6ff25,transparent 65%);pointer-events:none}main{max-width:1060px;margin:auto;padding:0 32px}header{height:110px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:23px;color:var(--text);text-decoration:none}.brand>b{font-size:16px;letter-spacing:3px}.brand>span{font-size:10px;color:var(--muted);letter-spacing:2px;border-left:1px solid var(--line);padding-left:15px}.tools{display:flex;align-items:center;gap:18px;font-size:13px}a{color:inherit}select,button{font:inherit;border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:var(--panel);color:var(--text)}button,a,select{cursor:pointer}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #6c91ff;outline-offset:4px}.intro{padding:35px 0 38px}.eyebrow{color:#7b7d9b;font-size:11px;letter-spacing:2px}h1{font-size:44px;line-height:1.35;font-weight:650;letter-spacing:-1.7px;margin:18px 0 14px}h1 span{background:linear-gradient(100deg,#3988e7,#8c68d9,#e49d7e);color:transparent;background-clip:text}.intro p{font-size:14px;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:25px;padding:28px 32px;box-shadow:var(--shadow)}.paneltop{display:flex;align-items:center;justify-content:space-between;gap:15px}.tabs{display:flex;background:var(--soft);padding:5px;border-radius:13px}.tabs button{border:0;background:transparent;color:var(--muted);font-size:13px}.tabs .selected{background:var(--panel);color:var(--text);box-shadow:0 2px 8px #00000008}.badge{font-size:11px;color:var(--muted)}#nodewrap{margin-top:18px;font-size:13px;color:var(--muted)}.gauge{width:340px;height:220px;position:relative;margin:32px auto 0}.gauge svg{width:100%;height:100%;overflow:visible}.gauge path{fill:none;stroke-width:12;stroke-linecap:round}.track{stroke:var(--soft)}#arc{stroke:url(#rainbow);stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .4s}.gauge text{font-size:11px;fill:var(--muted)}.reading{position:absolute;top:75px;width:100%;text-align:center}.reading>span{display:block;font-size:12px;color:var(--muted)}.reading strong{font-variant-numeric:tabular-nums;font-size:58px;line-height:1.4;font-weight:550;letter-spacing:-2px;display:block}.reading small{color:var(--muted);font-size:11px}.action{text-align:center;margin:0 0 30px}.primary{color:white;border:0;padding:14px 38px;background:linear-gradient(110deg,#4b83ef,#8972e7);box-shadow:0 7px 23px #657fea30;border-radius:30px}.primary span{margin-left:22px}.action p{font-size:12px;color:var(--muted);min-height:18px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metrics article{padding:20px;background:var(--soft);border-radius:15px;border-top:2px solid currentColor}.metrics span{font-size:12px}.metrics strong{font-size:29px;letter-spacing:-1px;font-weight:550;font-variant-numeric:tabular-nums}.metrics article div{margin-top:16px;color:var(--text);display:flex;align-items:baseline;gap:7px}.metrics small{font-size:11px;color:var(--muted)}.metrics p{font-size:10px;color:var(--muted);margin:7px 0 0}.blue{color:#518dea}.purple{color:#9a76e8}.green{color:#29b5a3}.orange{color:#e4a066}.charthead{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:30px}.dot{display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;margin:0 6px 0 14px}#chart{width:100%;height:110px;margin-top:12px}.grid{stroke:var(--line);fill:none;stroke-dasharray:4 6}polyline{fill:none;stroke-width:2;stroke-linejoin:round}#dlcurve{stroke:#518dea}#ulcurve{stroke:#9a76e8}.footnote{border-top:1px solid var(--line);padding-top:16px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.footnote button{border:0;background:none;font-size:12px}aside{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:28px 20px;font-size:12px}aside b{font-weight:500}aside p{font-size:11px;color:var(--muted);line-height:1.9}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0 30px;font-size:10px;letter-spacing:1px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:650px){main{padding:0 18px}header{height:80px}.brand>span{display:none}.tools{gap:10px;font-size:11px}.tools select{max-width:115px;padding:8px}h1{font-size:34px}.intro{padding:25px 0}.panel{padding:20px 15px}.paneltop{align-items:flex-start;flex-direction:column}.badge{padding-left:8px}.gauge{max-width:100%;width:300px;margin-top:20px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metrics article{padding:16px}.metrics strong{font-size:27px}aside{gap:20px;padding:25px 5px}footer{font-size:9px;letter-spacing:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.unit-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted)}.unit-tools select{font-size:12px;padding:8px 10px}.traffic-usage{text-align:center;font-size:12px;color:var(--muted);padding:0 0 28px;line-height:1.9}.traffic-usage strong{font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}.traffic-usage small{display:block;font-size:10px}