:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#app{text-align:center;width:100%;max-width:480px;margin:0 auto;padding:2rem}h1{margin-bottom:.2em;font-size:3.2em;line-height:1.1}p{color:#888;margin-bottom:2rem}input{color:#fff;box-sizing:border-box;background-color:#1a1a1a;border:1px solid #444;border-radius:8px;width:100%;margin-bottom:1em;padding:.8em}button{cursor:pointer;color:#fff;background-color:#646cff;border:1px solid #0000;border-radius:8px;width:100%;padding:.8em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s,background-color .25s}button:hover{background-color:#535bf2;border-color:#646cff}button:disabled{cursor:not-allowed;background-color:#444}#contacts{margin-top:1rem;padding:0;list-style:none}#contacts li{background:#333;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:1rem;display:flex}.btn-ping{background-color:#10b981;width:auto;padding:.5em 1em}.btn-ping:hover{background-color:#059669}#status{word-break:break-all;background:#111;border-radius:8px;padding:1rem;font-size:.9em}