body{margin:0;padding:0;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;display:flex;flex-direction:column;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}main{flex:1}.container.svelte-1wgkn63{max-width:900px;margin:0 auto;padding:2rem 1rem}header.svelte-1wgkn63{text-align:center;margin-bottom:2rem;color:#333}header.svelte-1wgkn63 h1:where(.svelte-1wgkn63){font-size:2.5rem;margin-bottom:.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}header.svelte-1wgkn63 p:where(.svelte-1wgkn63){margin:0;color:#6c757d;font-size:1.1rem}section.svelte-1wgkn63{padding:1.5rem 0;border-bottom:1px solid #e9ecef}section.svelte-1wgkn63:last-child{border-bottom:none}.connection-row.svelte-1wgkn63{display:flex;flex-direction:column;gap:1rem}.url-input.svelte-1wgkn63{width:100%}.url-input.svelte-1wgkn63 label:where(.svelte-1wgkn63){display:block;font-weight:600;color:#495057;margin-bottom:.5rem;font-size:.9rem}.relay-selector.svelte-1wgkn63{display:flex;flex-direction:column;gap:.5rem}.relay-select.svelte-1wgkn63{padding:.75rem 2.5rem .75rem .75rem;border:2px solid #e9ecef;border-radius:6px;font-size:.9rem;background:#fff;cursor:pointer;transition:border-color .2s;font-family:Consolas,Monaco,monospace;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}.relay-select.svelte-1wgkn63 optgroup:where(.svelte-1wgkn63){font-weight:700;font-style:normal;padding:.5rem 0}.relay-select.svelte-1wgkn63 option:where(.svelte-1wgkn63){font-family:Consolas,Monaco,monospace;font-size:.85rem;padding:.25rem}.relay-select.svelte-1wgkn63:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.relay-select.svelte-1wgkn63:disabled{background-color:#f8f9fa;opacity:.7;cursor:not-allowed}.custom-input.svelte-1wgkn63,.url-display.svelte-1wgkn63{padding:.75rem;border:2px solid #e9ecef;border-radius:6px;font-size:1rem;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;box-sizing:border-box;width:100%}.custom-input.svelte-1wgkn63:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.url-display.svelte-1wgkn63{background-color:#f8f9fa;color:#6c757d;font-family:Consolas,Monaco,monospace;font-size:.9rem}.custom-input.svelte-1wgkn63:disabled,.url-display.svelte-1wgkn63:disabled{background-color:#f8f9fa;opacity:.7}.connection-controls.svelte-1wgkn63{display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:flex-start}.connect-btn.svelte-1wgkn63,.disconnect-btn.svelte-1wgkn63,.ping-btn.svelte-1wgkn63{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;min-width:120px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;text-align:center;line-height:1.2;white-space:nowrap}.connect-btn.svelte-1wgkn63{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.connect-btn.svelte-1wgkn63:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.disconnect-btn.svelte-1wgkn63{background:linear-gradient(135deg,#dc3545,#e83e8c);color:#fff}.disconnect-btn.svelte-1wgkn63:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.ping-btn.svelte-1wgkn63{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.1rem;padding:1rem 2rem;min-width:180px}.ping-btn.svelte-1wgkn63:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}button.svelte-1wgkn63:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.status-indicator.svelte-1wgkn63{display:flex;align-items:center;gap:.5rem;font-size:.9rem;padding:.5rem 1rem;background:#f8f9facc;border-radius:6px;border:1px solid #e9ecef;white-space:nowrap;min-width:120px;justify-content:center}.status-dot.svelte-1wgkn63{width:10px;height:10px;border-radius:50%;transition:all .3s}.status-dot.connected.svelte-1wgkn63{background-color:#28a745;box-shadow:0 0 8px #28a74580}.status-dot.connecting.svelte-1wgkn63{background-color:#ffc107;animation:svelte-1wgkn63-pulse 1.5s infinite}.status-dot.disconnected.svelte-1wgkn63{background-color:#6c757d}@keyframes svelte-1wgkn63-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.8)}}.status-text.svelte-1wgkn63{font-weight:600;color:#495057}.test-row.svelte-1wgkn63{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.ping-info.svelte-1wgkn63{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;color:#6c757d}.ping-config.svelte-1wgkn63{font-weight:600}.progress-bar.svelte-1wgkn63{position:relative;width:200px;height:20px;background-color:#e9ecef;border-radius:10px;overflow:hidden}.progress-fill.svelte-1wgkn63{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease}.progress-text.svelte-1wgkn63{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.logs-header.svelte-1wgkn63{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.logs-header.svelte-1wgkn63 h3:where(.svelte-1wgkn63){margin:0;color:#495057;font-size:1.1rem}.clear-btn.svelte-1wgkn63{padding:.25rem .75rem;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background-color .2s}.clear-btn.svelte-1wgkn63:hover:not(:disabled){background-color:#5a6268}.logs-container.svelte-1wgkn63{max-height:400px;overflow-y:auto;border:1px solid #e9ecef;border-radius:6px;background:#1e1e1e;color:#f8f8f2}.log-entry.svelte-1wgkn63{padding:.4rem .75rem;display:flex;gap:.75rem;font-family:Consolas,Monaco,monospace;font-size:.85rem;line-height:1.4}.log-spacer.svelte-1wgkn63{height:.5rem}.log-entry.info.svelte-1wgkn63{color:#f8f8f2}.log-entry.success.svelte-1wgkn63{color:#50fa7b}.log-entry.error.svelte-1wgkn63{color:#f55}.log-timestamp.svelte-1wgkn63{flex-shrink:0;color:#6272a4;font-weight:600;min-width:80px}.log-message.svelte-1wgkn63{flex:1;word-break:break-word}.no-logs.svelte-1wgkn63{padding:2rem;text-align:center;color:#6c757d;font-style:italic}.footer.svelte-1wgkn63{margin-top:auto;padding:1.5rem 0;border-top:1px solid #e9ecef;background:#fff;box-shadow:0 -2px 8px #0000000d}.footer-content.svelte-1wgkn63{max-width:900px;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-links.svelte-1wgkn63{display:flex;gap:2rem;align-items:center}.footer-link.svelte-1wgkn63{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#495057;font-size:.9rem;font-weight:500;transition:all .2s;padding:.5rem 1rem;border-radius:6px;background:#f8f9fa;border:1px solid #e9ecef}.footer-link.svelte-1wgkn63:hover{color:#667eea;background:#667eea1a;border-color:#667eea33;transform:translateY(-1px)}.github-icon.svelte-1wgkn63,.profile-icon.svelte-1wgkn63{font-size:1rem}.copyright.svelte-1wgkn63{font-size:.8rem;color:#6c757d;text-align:center;font-weight:400}@media (max-width: 768px){.container.svelte-1wgkn63{padding:1rem .5rem}header.svelte-1wgkn63 h1:where(.svelte-1wgkn63){font-size:2rem}.connection-row.svelte-1wgkn63{flex-direction:column;gap:1rem}.url-input.svelte-1wgkn63{width:100%}.connection-controls.svelte-1wgkn63{flex-direction:column;align-items:stretch;gap:1rem}.status-indicator.svelte-1wgkn63{min-width:auto}.test-row.svelte-1wgkn63{flex-direction:column;align-items:stretch;gap:1rem}.ping-info.svelte-1wgkn63{align-items:center}section.svelte-1wgkn63{padding:1rem}.footer-links.svelte-1wgkn63{gap:1rem}.footer-link.svelte-1wgkn63{padding:.4rem .8rem;font-size:.8rem}}