:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#393d38de;background-color:#7e967a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.network-data__characteristics[data-v-8a34e6d7]{display:flex;flex-direction:column;margin-bottom:15px}.main-button[data-v-43c97f57]{padding:10px 20px;font-size:16px;cursor:pointer;width:310px}.connection-panel[data-v-5850f2a2]{background:#f5f5f5;border-radius:8px;padding:15px;margin:15px 0;border:1px solid #e0e0e0}.connection-status[data-v-5850f2a2]{display:flex;align-items:flex-start;gap:15px}.status-indicator[data-v-5850f2a2]{width:20px;height:20px;border-radius:50%;margin-top:3px}.status-indicator.connected[data-v-5850f2a2]{background-color:#4caf50;box-shadow:0 0 10px #4caf5080}.status-indicator.connecting[data-v-5850f2a2]{background-color:#ffc107;animation:pulse-5850f2a2 1.5s infinite}.status-indicator.reconnecting[data-v-5850f2a2]{background-color:#ff9800;animation:pulse-5850f2a2 1s infinite}.status-indicator.disconnected[data-v-5850f2a2]{background-color:#f44336}.status-details[data-v-5850f2a2]{flex:1}.status-text[data-v-5850f2a2]{font-size:16px;margin-bottom:8px}.reconnect-info[data-v-5850f2a2]{background:#fff3e0;padding:8px;border-radius:4px;margin:8px 0}.reconnect-progress[data-v-5850f2a2]{height:6px;background:#ffe0b2;border-radius:3px;margin-top:5px;overflow:hidden}.reconnect-progress-bar[data-v-5850f2a2]{height:100%;background:#ff9800;border-radius:3px;transition:width .3s ease}.error-info[data-v-5850f2a2]{background:#ffebee;color:#d32f2f;padding:8px;border-radius:4px;margin:8px 0;display:flex;align-items:center;gap:8px}.error-icon[data-v-5850f2a2]{font-size:18px}.connection-stats[data-v-5850f2a2]{font-size:12px;color:#666;margin-top:5px}.connection-actions[data-v-5850f2a2]{display:flex;gap:10px}.btn-small[data-v-5850f2a2]{padding:6px 12px;font-size:12px;background:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-small[data-v-5850f2a2]:hover:not(:disabled){background:#1976d2}.btn-small[data-v-5850f2a2]:disabled{opacity:.5;cursor:not-allowed}.test-controls[data-v-5850f2a2]{background:#fff;border-radius:8px;padding:20px;margin:20px 0;box-shadow:0 2px 4px #0000001a}.test-params[data-v-5850f2a2]{margin-bottom:20px}.params-grid[data-v-5850f2a2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:10px}.param[data-v-5850f2a2]{display:flex;flex-direction:column;gap:5px}.param label[data-v-5850f2a2]{font-weight:500;color:#333}.param input[data-v-5850f2a2],.param select[data-v-5850f2a2]{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#333}.test-buttons[data-v-5850f2a2]{display:flex;gap:15px;justify-content:center}.loading[data-v-5850f2a2]{opacity:.8;cursor:wait}.spinner[data-v-5850f2a2]{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-5850f2a2 1s ease-in-out infinite;margin-right:8px}@keyframes spin-5850f2a2{to{transform:rotate(360deg)}}@keyframes pulse-5850f2a2{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.results-grid[data-v-5850f2a2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:20px 0}.result-card[data-v-5850f2a2]{background:#fff;border-radius:8px;padding:15px;border:1px solid #e0e0e0}.result-card.single-socket[data-v-5850f2a2]{border-top:4px solid #2196f3}.result-card.http[data-v-5850f2a2]{border-top:4px solid #4caf50}.result-card.comparison[data-v-5850f2a2]{border-top:4px solid #ff9800}.result-item[data-v-5850f2a2]{display:flex;justify-content:space-between;margin:8px 0;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.status-badge[data-v-5850f2a2]{padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700}.status-badge.success[data-v-5850f2a2]{background:#e8f5e9;color:#2e7d32}.no-data[data-v-5850f2a2]{color:#999;text-align:center;padding:20px}.comparison-results[data-v-5850f2a2]{margin-top:10px}.comparison-item[data-v-5850f2a2]{display:flex;flex-wrap:wrap;flex-direction:column;align-items:start;margin:10px 0;padding:10px;background:#fff3e0;border-radius:4px;text-align:left}.faster[data-v-5850f2a2]{color:#4caf50}.slower[data-v-5850f2a2]{color:#f44336}.neutral[data-v-5850f2a2]{color:#757575}.test-details[data-v-5850f2a2]{margin-top:20px;background:#fafafa;border-radius:8px;padding:15px}.details-list[data-v-5850f2a2]{max-height:200px;overflow-y:auto}.detail-item[data-v-5850f2a2]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin:4px 0;background:#fff;border-radius:4px;border-left:4px solid #ddd}.detail-item.single-socket[data-v-5850f2a2]{border-left-color:#2196f3}.detail-item.http[data-v-5850f2a2]{border-left-color:#4caf50}.detail-time[data-v-5850f2a2]{font-size:12px;color:#666}.detail-protocol[data-v-5850f2a2]{font-weight:500;padding:2px 8px;border-radius:4px;background:#f0f0f0;font-size:12px}.detail-duration[data-v-5850f2a2]{font-weight:700}.detail-status[data-v-5850f2a2]{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.detail-status.success[data-v-5850f2a2]{background:#e8f5e9;color:#2e7d32}.detail-status.error[data-v-5850f2a2]{background:#ffebee;color:#d32f2f}.test-error[data-v-5850f2a2]{background:#ffebee;border:1px solid #f44336;border-radius:8px;padding:15px;margin-top:20px}.test-error pre[data-v-5850f2a2]{background:#fff;padding:10px;border-radius:4px;overflow-x:auto;font-size:12px}.network-warning[data-v-5850f2a2]{text-align:center;padding:40px;background:#fff3e0;border-radius:8px;margin:20px 0}.warning-icon[data-v-5850f2a2]{font-size:48px;color:#ff9800;margin-bottom:20px}