.server-connect{margin-top:28px;padding:22px;border:1px solid rgba(var(--accent-rgb),.3);border-radius:18px;background:linear-gradient(120deg,rgba(var(--accent-rgb),.09),rgba(13,18,25,.95));box-shadow:0 14px 40px #0002;max-width:580px}.server-connect-top,.server-connect-main,.server-connect-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.server-connect-top{margin-bottom:22px}.server-connect-label{display:block;font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--muted)}.server-connect-top>.server-connect-label{color:var(--accent)}.server-state{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.server-state i{width:7px;height:7px;border-radius:50%;background:#91a0b5}.server-state.is-online{color:var(--accent)}.server-state.is-online i{background:var(--accent);box-shadow:0 0 12px rgba(var(--accent-rgb),.5)}.server-address{display:block;margin-top:7px;color:var(--text);font:800 clamp(17px,2vw,23px)/1.3 ui-monospace,monospace;user-select:all}.server-population{display:flex;align-items:center;gap:10px;flex-shrink:0}.server-population svg{width:28px;height:28px;color:var(--accent)}.server-population strong{display:block;font-size:23px;font-variant-numeric:tabular-nums;line-height:1.3}.server-population div>span{display:block;font-size:8px;letter-spacing:.09em;color:var(--muted);margin-top:5px}.server-capacity{height:4px;background:#ffffff0c;border-radius:8px;margin:20px 0;overflow:hidden}.server-capacity span{display:block;width:0;height:100%;background:var(--accent);transition:width .4s}.server-connect-actions{justify-content:flex-start;flex-wrap:wrap}.server-connect-actions button,.server-connect-actions a{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:9px;padding:10px 14px;font-family:inherit;font-size:12px;font-weight:700;line-height:1.4;color:var(--text);background:#ffffff05;text-decoration:none;cursor:pointer}.server-connect-actions button{background:var(--accent);color:#07130d;border-color:transparent;font-family:inherit;font-size:12px;font-weight:800}.server-connect-actions a{font-size:12px;font-weight:700}.server-connect-actions :focus-visible{outline:2px solid var(--text);outline-offset:4px}.server-connect p{margin:14px 0 0;color:var(--muted);font-size:11px;line-height:1.7}.server-copy-feedback{display:block;font-size:11px;color:var(--accent)}.server-copy-feedback:empty{display:none}@media(max-width:480px){.server-connect{padding:18px}.server-connect-main{align-items:flex-start;flex-direction:column}.server-population strong{font-size:21px}.server-connect-top{gap:8px}.server-state{font-size:10px}.server-address{font-size:21px}}