/* v1.1 — bright Matrix instruments and the binary wheel identity. */
:root{--matrix:#00df70;--matrix-dark:#008c48;--download:#0575ed;--upload:#a341ed;--ping:#d17a00;--jitter:#df3961;--muted:#60736a}
html[data-theme=dark]{--matrix:#13ff88;--matrix-dark:#13ff88;--download:#59adff;--upload:#c18aff;--ping:#ffd16b;--jitter:#ff7fa0;--muted:#93b8a3}
.header{height:92px}.brand{gap:14px;min-width:0}.brand-icon{width:55px;height:55px}.brand-icon img{width:58px;height:58px}.brand-title{font-size:25px;letter-spacing:-.8px;background:linear-gradient(100deg,#a91021 0%,#e12637 44%,#ff7054 80%,#c0183c 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;line-height:1.2}
html[data-theme=dark] .brand-title{background-image:linear-gradient(100deg,#ff5d72,#ff374b 42%,#ffb08a 90%)}
.intro{padding-top:23px;padding-bottom:19px}.intro h1{font-size:31px}.version{font-size:9px;margin-right:10px}
.instrument{background:radial-gradient(ellipse at 50% 45%,#00ff7b0b,transparent 64%),var(--panel);border-color:#9acfb0}
html[data-theme=dark] .instrument{border-color:#31764a;background:radial-gradient(ellipse at 50% 45%,#00ff7b0e,transparent 64%),#0a2518}
.instrument>.panel-top{color:var(--matrix-dark);font-weight:500}.instrument .pill{color:var(--matrix-dark);border-color:#00df7050;background:#00df700c}.status-dot{background:var(--matrix);box-shadow:0 0 8px #00ff7b70}
#progressArc{stroke:var(--matrix);filter:drop-shadow(0 0 4px #00ff7b70)}.gauge-track{stroke:#d9ecdf}html[data-theme=dark] .gauge-track{stroke:#1c4c30}
#needle{fill:var(--matrix);filter:drop-shadow(0 0 3px #00ff83c0)}.major{stroke:#48ad72}.tick{stroke:#b0d2bb}.tick-label{fill:#34734d;font-weight:500}html[data-theme=dark] .tick-label{fill:#82efa9}html[data-theme=dark] .tick{stroke:#327d4b}
.digital{left:26%;right:26%;top:47%;border-radius:18px;background:var(--panel);padding:5px 0;z-index:1}html[data-theme=dark] .digital{background:#0a2518}
#speed{color:var(--matrix-dark);font-size:60px;letter-spacing:-3px;white-space:nowrap}#speed span{color:var(--matrix-dark);font-size:30px;opacity:.8}html[data-theme=dark] #speed{text-shadow:0 0 18px #00ff7b30}
#phase{font-size:8px;letter-spacing:.9px;color:var(--matrix-dark)}.unit{color:var(--matrix-dark)}.unit span{color:var(--matrix-dark)}
.metric-grid{gap:10px}.readouts{gap:10px}.metric,.compact{padding:12px 17px}.metric>div{font-size:10px;letter-spacing:.6px;font-weight:500}.metric-icon{font-family:Manrope,Arial,sans-serif;font-size:32px;font-weight:800;line-height:1}.metric p,.compact p{margin:8px 0 2px}.metric strong,.compact strong{font-size:29px}.metric>span{font-size:10px}.metric:nth-child(1){--accent:var(--download)}.metric:nth-child(2){--accent:var(--upload)}.metric:nth-child(3){--accent:var(--ping)}.metric:nth-child(4){--accent:var(--jitter)}.metric>div,.metric .metric-icon,.metric strong,.metric small{color:var(--accent)}.metric{border-top:2px solid var(--accent)}.metric>span{color:var(--muted)}
.chart-panel{background:linear-gradient(125deg,#071b14,#0b3021);border-color:#2b6a46;padding:19px 19px 14px;box-shadow:inset 0 1px #8dffbd0c;flex:1;display:flex;flex-direction:column;min-height:174px}
.chart-panel .panel-top{color:#83ffb3;font-weight:500;letter-spacing:.9px}.chart-key{color:#28ff9b;font-weight:400}.chart-key i{color:#c48bff}.chart{height:auto;min-height:105px;flex:1}.chart-grid{background-image:linear-gradient(#43c88625 1px,transparent 1px),linear-gradient(90deg,#43c88616 1px,transparent 1px);background-size:100% 28px,42px 100%;opacity:1}
.chart path{stroke:#1dff91;stroke-width:2.6;filter:drop-shadow(0 0 3px #1dff91a0)}#uploadGraph{stroke:#c48bff;filter:drop-shadow(0 0 3px #b171ff90)}#downloadArea{fill:url(#downFill);stroke:none;filter:none}#uploadArea{fill:url(#upFill);stroke:none;filter:none}
#chartEmpty{color:#87bf9d;font:10px 'DM Mono',Consolas,monospace;text-align:center;padding:15px}.chart-footer{color:#79b593;margin-top:12px}
.connection-card{padding:13px 17px}.connection-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.connection-top>.eyebrow{font-size:8px;letter-spacing:1px}.country-badge{display:flex;gap:6px;align-items:center;font-size:10px;color:var(--muted);max-width:50%;text-align:right}.country-badge img{width:22px;height:15px;object-fit:cover;border-radius:3px;border:1px solid var(--line)}.connection-values{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;margin-top:11px}.connection-values small{display:block;color:var(--muted);font:8px 'DM Mono',Consolas,monospace;letter-spacing:.6px}.connection-values strong{display:block;margin-top:5px;font:11px 'DM Mono',Consolas,monospace;overflow-wrap:anywhere;color:var(--ink)}.connection-card p{font-size:8px;color:var(--muted);line-height:1.6;margin:9px 0 0}
.footer-main .brand-icon{width:39px;height:39px}.footer-main .brand-icon img{width:43px;height:43px}.footer-main .brand-title{font-size:20px}
@media(min-width:1450px){.metric,.compact{padding:14px 20px}.chart{min-height:125px}}
@media(max-width:1000px){.brand-title{font-size:22px}.version{display:none}.digital{left:24%;right:24%}#speed{font-size:48px}#speed span{font-size:25px}.metric,.compact{padding:11px 14px}.chart{min-height:90px}.chart-panel{min-height:154px}}
@media(max-width:620px){.header{height:73px}.brand{gap:9px;max-width:calc(100% - 76px)}.brand-icon{width:40px;height:40px}.brand-icon img{width:44px;height:44px}.brand-title{font-size:18px;letter-spacing:-.7px;max-width:190px}.header-right{gap:5px}.header-right .icon-button{width:30px;height:32px}.intro{padding-top:16px;padding-bottom:14px}.intro h1{font-size:26px}.digital{top:46%;left:24%;right:24%;padding:3px 0}#speed{font-size:43px}#speed span{font-size:22px}#phase{font-size:6px;letter-spacing:.4px}.unit{font-size:10px}.metric-grid{gap:7px}.metric,.compact{padding:8px 7px}.metric>div{font-size:7px;gap:4px;letter-spacing:0}.metric-icon{font-size:21px}.metric strong,.compact strong{font-size:22px}.metric p,.compact p{margin-top:6px}.metric small{font-size:8px}.chart-panel{padding:13px;min-height:118px;flex:auto}.chart{min-height:65px;height:65px}.chart-panel .panel-top{font-size:8px;letter-spacing:.3px}.chart-key{font-size:7px}.chart-footer{margin-top:8px}.connection-card{padding:12px 13px}.connection-values{margin-top:9px}.connection-card p{font-size:7px}.connection-values strong{font-size:10px}.connection-top>.eyebrow{font-size:7px}}
@media(max-width:360px){.brand-title{font-size:16px}.brand-icon{width:34px}.brand-icon img{width:38px;height:38px}.metric>div{font-size:6px}.metric-icon{font-size:18px}.metric strong{font-size:20px}}

@media(max-width:620px){.gauge-wrap{max-width:290px}.test-action{margin-top:9px;margin-bottom:8px}.chart-panel{min-height:110px}.chart{min-height:60px;height:60px}}