.speed-page{max-width:860px}.speed-page>h1{font-size:26px;margin:0 0 20px}.speed-panel{background:#101116;color:#f5f7fa;border:1px solid #292d36;border-radius:16px;padding:28px;text-align:center}.speed-heading{display:flex;justify-content:space-between;gap:12px;font-size:10px;font-weight:700;letter-spacing:1.6px;color:#9ba6b9}.speed-heading span:last-child{color:#6ce2cc}.speed-panel h2{font-size:25px;margin:30px 0 8px}.speed-subtitle{color:#9ba6b9;font-size:14px}.speed-gauge{position:relative;width:min(100%,340px);margin:24px auto 0}.speed-gauge svg{width:100%;display:block;overflow:visible}.gauge-track,#gauge-fill{fill:none;stroke:#2c303c;stroke-width:9;stroke-linecap:round}#gauge-fill{stroke:#64dfc8;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .3s ease}.gauge-labels{fill:#9ba6b9;font-size:10px;letter-spacing:.3px}#gauge-needle{transform-origin:160px 160px;transition:transform .3s ease}#gauge-needle path{stroke:#f5f7fa;stroke-width:3;stroke-linecap:round}#gauge-needle circle{fill:#64dfc8}.gauge-reading{position:absolute;top:37%;left:0;right:0;display:flex;flex-direction:column;pointer-events:none}.gauge-reading strong{font-size:38px;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.gauge-reading span{font-size:12px;color:#9ba6b9;letter-spacing:2px}.go-button{width:94px;height:94px;min-height:94px;border-radius:50%;border:2px solid #64dfc8;background:#151b20;color:#9bf2e0;font-weight:800;font-size:24px;cursor:pointer;transition:transform .2s,background .2s}.go-button:hover{background:#223b38;transform:scale(1.04)}.go-button:disabled{cursor:wait;opacity:.65;transform:none}.go-button:focus-visible{outline:3px solid white;outline-offset:5px}#speed-status{min-height:40px;font-size:13px;line-height:1.6;color:#b7c2d1;margin:18px 0}.speed-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0;padding:24px 0;border-top:1px solid #2c303c;border-bottom:1px solid #2c303c}.speed-metrics dt{font-size:12px;color:#a9b5c7}.speed-metrics dd{margin:10px 0 0;display:flex;gap:4px;flex-direction:column}.speed-metrics strong{font-size:26px;font-variant-numeric:tabular-nums}.speed-metrics dd span{font-size:11px;color:#9ba6b9}.speed-server{font-size:13px;color:#a9b5c7}.speed-server strong{color:#e2e8f0}.speed-note{max-width:580px;margin:14px auto;color:#9ba6b9;font-size:12px;line-height:1.7}.pro-stamp{display:inline-flex;align-items:center;margin-top:8px;padding:6px 12px;border-radius:20px;background:#fff8e6;border:1px solid #e8cd82;color:#755511;text-decoration:none;font-size:12px;font-weight:700}.speed-article{background:#fff}.speed-article h2{margin:22px 0 8px;font-size:19px;color:#0b1e3a}.speed-article h2:first-child{margin-top:0}.speed-article h3{font-size:16px}.speed-panel[data-mode="simulated"] #test-mode{color:#ffd68a}.speed-panel[data-mode="simulated"] #speed-status{color:#ffd68a}@media(max-width:600px){.speed-panel{padding:22px 14px}.speed-heading{font-size:9px;letter-spacing:1px}.speed-panel h2{font-size:22px}.speed-metrics{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}.speed-metrics strong{font-size:26px}.gauge-reading strong{font-size:34px}.speed-article{padding:18px 0}.speed-article h2{font-size:20px}}@media(prefers-reduced-motion:reduce){#gauge-fill,#gauge-needle,.go-button{transition:none}}
