html{min-height:100%;background:#30114f;color-scheme:dark}body{min-height:100svh;padding:24px 20px 32px;box-sizing:border-box;background:radial-gradient(ellipse at 50% 0%,#70329966,transparent 65%),linear-gradient(155deg,#582487,#311055 72%,#210b3d);background-attachment:fixed;color:#f8ecff;font:14px Arial,sans-serif}*{box-sizing:border-box}.brand-logo{display:block;width:180px;max-width:70%;height:auto;margin:0 auto 12px;filter:drop-shadow(.5px 0 0 #ffffff73) drop-shadow(-.5px 0 0 #ffffff73) drop-shadow(0 .5px 0 #ffffff59)}h1{font-size:22px;margin:8px 0 12px;color:#fff}nav{margin-bottom:22px}nav a,.footer a{color:#ffcc82}#controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;max-width:960px;margin:0 auto 18px}select,#durationSelect,#targetSelect,#server{max-width:100%;min-height:44px;margin:0;padding:10px 14px;background:#371358;color:#eee;border:1px solid #9760b266;border-radius:12px;font:14px Arial}#startBtn,#resetBtn,#downloadCsvBtn{font:13px Arial;line-height:normal;display:inline-flex;align-items:center;justify-content:center;min-height:44px;height:auto;padding:12px 20px;margin:0;border:1px solid #9760b2;border-radius:22px;background:linear-gradient(#63338a,#35144f);color:#ffe1b4;box-shadow:0 3px 8px #16092744;width:auto;min-width:100px}#startBtn:hover,#resetBtn:hover,#downloadCsvBtn:hover{background:#643588;box-shadow:0 0 15px #a15add44;color:#fff}#startBtn.running{background:#773350;border-color:#dfa07c}#startBtn:before{content:'Testar'}#startBtn.finding:before{content:'Buscando...'}#startBtn.running:before{content:'Parar'}#startBtn.disabled{opacity:.5;color:#d5bddc;border-color:#735285}#test{max-width:960px;margin:20px auto}.testGroup{display:flex!important;gap:12px;justify-content:center;flex-wrap:wrap}.testGroup+.testGroup{margin-top:12px}div.testArea2{width:auto;flex:1;min-width:130px;height:auto;padding:16px 10px;background:#32134d77;border:1px solid #ffffff12;border-radius:14px}div.testArea2 div.testName{font-size:13px;color:#d1b4e1;margin-bottom:8px}div.testArea2 div.meterText{font-size:28px;color:#ffc56a!important;font-variant-numeric:tabular-nums}.unit{font-size:12px;color:#c4a2d8}#rating{font-size:16px}#rating.none{color:#c4a2d8}#chartContainer{width:100%;max-width:960px;margin:18px auto}#pingChart{background:#29103f;border:1px solid #9b61b640;border-radius:14px;height:280px}#optionalControls{margin:18px auto;max-width:720px;font-size:13px;color:#d1b4e1}#optionalControls label{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center}#alertThreshold{max-width:100%;accent-color:#ffc56a}#downloadCsvBtn{margin-top:14px}.footer{margin:24px 0 0}.footer a{font-size:12px}:focus-visible{outline:2px solid #ffc56a;outline-offset:4px}@media(max-width:620px){body{font-size:14px;padding:22px 16px}.brand-logo{width:160px}h1{font-size:20px}#controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}#durationSelect,#targetSelect{width:100%;font-size:13px;padding:10px}div.testArea2{min-width:calc(50% - 12px);padding:12px 8px}div.testArea2 div.meterText{font-size:25px}.testGroup{gap:10px}#pingChart{height:220px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}