:root{--background:#f4f6f8;--border:#dce2e8;--blue:#1769e0;--blue-dark:#0f56bc;--green:#16885e;--navy:#102235;--muted:#667585;--surface:#fff;--text:#172431}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--background);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}.page-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:70px;padding:12px clamp(18px,5vw,68px);display:flex}.brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}.brand-mark{background:var(--navy);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:40px;height:40px;font-size:19px;font-weight:900;display:inline-flex}.brand>span:last-child{flex-direction:column;gap:2px;display:flex}.brand strong{font-size:16px}.brand small{color:var(--muted);font-size:12px}.server-status{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.server-status i,.phase-label i{background:#2fa46e;border-radius:50%;width:8px;height:8px;display:inline-block}.server-status i{box-shadow:0 0 0 3px #e2f4eb}.test-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:calc(100% - 36px);max-width:980px;margin:38px auto;padding:clamp(24px,4vw,42px);box-shadow:0 8px 30px #10223512}.intro{text-align:center}.eyebrow{color:var(--blue);letter-spacing:.09em;text-transform:uppercase;margin:0 0 9px;font-size:12px;font-weight:700}h1{letter-spacing:-.035em;margin:0;font-size:clamp(30px,5vw,42px)}.intro>p:last-child{color:var(--muted);max-width:560px;margin:11px auto 0;line-height:1.55}.meter-section{flex-direction:column;align-items:center;padding:30px 0 34px;display:flex}.meter{--progress:0deg;background:conic-gradient(var(--blue) var(--progress), #e5eaf0 0);border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;transition:background .12s linear;display:flex;position:relative}.meter:before{background:var(--surface);content:"";border-radius:50%;position:absolute;inset:13px}.meter-content{flex-direction:column;align-items:center;display:flex;position:relative}.meter-label,.meter-unit{color:var(--muted);font-size:13px}.meter-content strong{letter-spacing:-.05em;margin:7px 0 3px;font-size:48px;line-height:1.1}.phase-label{color:var(--muted);align-items:center;gap:8px;min-height:18px;margin:18px 0;font-size:13px;display:flex}.phase-idle i,.phase-done i{background:var(--green)}.phase-ping i,.phase-download i,.phase-upload i{background:var(--blue);animation:1s infinite pulse}.phase-error i{background:#c83f49}@keyframes pulse{50%{box-shadow:0 0 0 5px #1769e024}}.test-button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:8px;min-width:210px;min-height:48px;padding:13px 22px;font-size:15px;font-weight:700}.test-button:hover{background:var(--blue-dark)}.test-button:focus-visible{outline-offset:3px;outline:3px solid #1769e04d}.stop-button{background:#344454}.stop-button:hover{background:#273746}.results{border-bottom:1px solid var(--border);border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.results article{gap:13px;min-width:0;padding:24px 20px;display:flex}.results article+article{border-left:1px solid var(--border)}.result-icon{color:var(--blue);background:#edf3fb;border-radius:8px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:22px;font-weight:700;display:inline-flex}.results article>div{min-width:0}.results article div>span{color:var(--muted);margin-bottom:5px;font-size:12px;display:block}.results strong{letter-spacing:-.025em;white-space:nowrap;font-size:24px;display:block}.results strong small{color:var(--muted);font-size:12px;font-weight:400}.results p{color:var(--muted);margin:5px 0 0;font-size:11px}.test-note{background:#f5f8fb;border-radius:9px;align-items:flex-start;gap:14px;margin-top:25px;padding:15px 17px;line-height:1.45;display:flex}.test-note strong{flex:none;font-size:12px}.test-note span{color:var(--muted);font-size:12px}footer{color:var(--muted);text-align:center;margin:auto 0 0;padding:5px 18px 25px;font-size:11px}@media (max-width:700px){.topbar{min-height:64px}.server-status{font-size:0}.test-panel{border-radius:12px;width:calc(100% - 24px);margin:18px auto;padding:24px 18px}.meter-section{padding:25px 0 29px}.meter{width:190px;height:190px}.meter-content strong{font-size:42px}.results{grid-template-columns:1fr}.results article{align-items:center;padding:17px 6px}.results article+article{border-left:0;border-top:1px solid var(--border)}.test-button{width:100%}.test-note{flex-direction:column;gap:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important}}