.speedtest .st-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.speedtest #st-start{min-width:180px;min-height:52px;font-size:1.08rem;border-radius:999px}
.speedtest.running #st-start{background:#344054;box-shadow:none}
.speedtest .st-head .status{flex:1;min-width:220px;margin:0}
.st-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.st-metric{position:relative;padding:18px;border:1px solid #d5e0ea;border-radius:16px;background:linear-gradient(145deg,#fff,#f4f8fb);min-width:0;transition:border-color .2s ease,box-shadow .2s ease}
.st-metric.active{border-color:#2f6df6;box-shadow:0 0 0 4px #eaf2ff}
.st-metric .st-label{display:block;color:#475467;font-size:.84rem;font-weight:700}
.st-metric strong{display:inline-block;margin-top:6px;font-size:clamp(1.9rem,4.4vw,2.8rem);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.st-metric small{margin-left:6px;color:#475467;font-weight:700}
.st-bar{display:block;height:6px;margin-top:14px;border-radius:999px;background:#e4ebf2;overflow:hidden}
.st-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#2f6df6,#12b76a);transition:width .25s ease}
#st-ping .st-bar i,#st-jitter .st-bar i{background:linear-gradient(90deg,#f79009,#12b76a)}
.st-verdict,.st-history{margin-top:26px}
.st-verdict h2,.st-history h2{font-size:1.15rem;margin:0 0 12px}
.st-uses{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.st-uses li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;border:1px solid #d5e0ea;border-radius:12px;background:#fff}
.st-uses li b{white-space:nowrap;padding:3px 10px;border-radius:999px;font-size:.84rem}
.st-uses li.ok b{background:#ecfdf3;color:#067647}
.st-uses li.mid b{background:#fffaeb;color:#93370d}
.st-uses li.bad b{background:#fef3f2;color:#b42318}
.st-uses li.info b{background:#eef4ff;color:#1d3f8f}
.st-uses li.tips{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:flex-start;background:#f8fafc}
.st-uses li.tips a{font-weight:700}
.st-table{min-width:560px}
.st-table td{font-variant-numeric:tabular-nums}
.st-history .hint button{margin-left:8px;padding:6px 12px;min-height:36px}
@media (max-width:760px){.st-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.st-uses{grid-template-columns:1fr}.speedtest #st-start{width:100%}}
@media (prefers-reduced-motion:reduce){.st-bar i,.st-metric{transition:none}}